Шапка с фоном города для шаблона _default_
Автор: GDV
Опубликовано: 398 дней назад (20 апреля 2011)
Рубрика: Без рубрики
Редактировалось: 3 раза — последний 20 апреля 2011
+26↑
Голосов: 32
Нечего нового не придумал но для тех кто использует instantCMS с шаблон _default_ для сайта города думаю будет не лишним и привнесет только позитив.

В итоге должно выглядеть так:
фон для этого блока формируеться случайно из одного из файлов расположенных в папке шаблона panorama


в файл template.php добавить после <div id="page">
Код PHP:
 <?php
function rand_foto($patch = "./templates/_default_/images/panorama/")
{

    if(!$dir = opendir($patch)) return "Это не директория";

    while(($t = readdir($dir)) !== false)
    {
       $ext = substr(strrchr($t,'.'), 1);
       if(is_file($t) && ($ext == "gif") || ($ext == "jpg") || ($ext == "png"))
       {
             $filename[] = $patch."".$t;
       }
    }

    

    closedir($dir);
    
    
    
  
    $index = rand(0, count($filename) - 1);

    $foto = "".$filename[$index]."";
    
    return $foto;
}


?>
<div class="container_12" id="topmenu" style="padding:0">
<div style="background:url(/<? echo rand_foto(); ?>) left no-repeat; height:128px"> </div>
</div>
создаем папку "panorama" в templates/_default_/images/
в итоге, в папке templates/_default_/images/panorama должны быть файлы с разрешением 128px по высоте и примерно 1440px по ширине.
к примеру: panorama1.jpg, panorama2.jpg и т.д.
← Своя иконка каждому модулю | Шаблон для InstantCMS #3 →
Комментарии (30)
СергейР # 20 апреля 2011 в 19:34 +1
Замечательное решение. Просто и со вкусом. Спасибо!
0 # 20 апреля 2011 в 20:06 +1
вот бы подсказал как мне сделать на www.ok2net.kz такую шапку. Я был бы очень благодарен)
PrazdNik # 20 апреля 2011 в 21:59 +1
не совсем понял...шапка периодически меняется что ли?
Greener # 20 апреля 2011 в 22:03 0
И я не понял суть. Просто при перезагрузке страниц меняется изображение в шапке?
0 # 20 апреля 2011 в 22:14 0
ну а чо другой смысл то..естессно меняются файлы в панораме) хорошая вещь) кто бы мне помог сделать)
GDV # 20 апреля 2011 в 22:41 +3
после обновления страницы меняется фон шапки как у меня в Шаблоне #2
lezginka.ru # 20 апреля 2011 в 22:52 +2
+
Тихонов # 20 апреля 2011 в 23:04 +2
прикольно +++!!
Виктор # 21 апреля 2011 в 14:14 +1
+
А ещё можно сделать для каждого раздела или даже материала (ну или для некоторых) свою шапку - вообще классно станет!
Slon # 21 апреля 2011 в 22:58 +1
Спасибо огоромное!! Воспользовался этим решением.. Всё работает великолепно.. Удачи!!
0 # 21 апреля 2011 в 23:43 +1
А где взять такой шаблон зелёненький или это новый стандартный ?
0 # 22 апреля 2011 в 01:58 0
в css переделать.
0 # 30 мая 2011 в 17:03 0
вы извините конечно, но по моему он синенький glasses
PrazdNik # 22 апреля 2011 в 16:15 0
круть
Митяй # 4 мая 2011 в 11:27 0
+1 Только вот глюк обнаружился с горизонтальным меню. Перестали выпадающие подменю показываться.
Митяй # 4 мая 2011 в 12:10 0
вставил код перед <?php if ($mod_count['top']){ ?>
меню поднялось наверх - над фото. Зато стало полноценно работать.
sbotvinovskii # 5 июля 2011 в 20:36 0
пошла панорама по инету гулять (тоже своеобразная реклама)
http://mirgorod.in.ua
шаблон у разработчика заказывался. а вот панорама моя.
sbotvinovskii # 5 июля 2011 в 20:37 0
и спасибо за идею неплохая реализация
Stranger # 15 ноября 2011 в 10:14 0
Подскажите как быть все нормально работало, а теперь ни с того ни с сего шапка с панорамой города съехала в право menzel.ts9.ru
Stranger # 15 ноября 2011 в 10:14 0
Подскажите как быть все нормально работало, а теперь ни с того ни с сего шапка с панорамой города съехала в право menzel.ts9.ru
Stranger # 15 ноября 2011 в 11:01 0
точнее съезжает она только в firefoxe и опере, а в chrome все в порядке
GDV # 16 ноября 2011 в 00:58 0
в chrome тоже уехала. покажите ваш index.php из папки ышаблона
Stranger # 16 ноября 2011 в 08:18 0
Вот часть кода из файла template.php где вставлена шапка с фоном города. А файла index.php в папке с шаблоном нет.
Спойлер
Rossoman # 16 ноября 2011 в 15:29 0
Попробуйте ему другой класс и идентификатор сделать. Я вообще не понимаю зачем у меню и у панорамы один идентификатор и класс с меню. Сделаете другой идентфикатор или класс, не присваивайте ему значение overflow:hidden. Без него у меня работает в любом браузере. Правда немного криво становится, но это уже вопрос верстки.
Stranger # 16 ноября 2011 в 16:05 0
А не смогли бы вы показать код как это сделано у вас?
Rossoman # 16 ноября 2011 в 16:16 0
Да мне не требуется эта панорама. Поэтому своего кода не могу показать. Но попробуйте сделать так. Вот это:
Код PHP:
<div class="container_12" id="topmenu" style="padding:0">
<div style="background:url(/<? echo rand_foto(); ?>) left no-repeat; height:128px"> </div>

</div>
заменить на это
Код PHP:
<div class="container_12" id="panorama">
<div style="background:url(/<? echo rand_foto(); ?>) left no-repeat; height:128px"> </div>

</div>
А в файле style.css или в каком у вас содержаться все стили добавить такой код (можно в самый конец)
Код PHP:
#panorama{
    border: 1px solid #1F3147;
    border-radius: 8px;
    box-shadow: 0 0 5px #000000;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 940px;
}
Stranger # 17 ноября 2011 в 08:22 0
всё получилось, но остался еще один вопрос. Как сделать так чтобы панорама на логотип не наезжала, а была чуть-чуть ниже
Rossoman # 17 ноября 2011 в 09:20 +1
В файле styles.css в начиная со строки 108 есть:
Код PHP:
#header {
line-height: 60px;
background: url(../images/headbg.png) repeat-x left bottom;
}
Добавь туда
Код PHP:
#header {
line-height: 60px;
background: url(../images/headbg.png) repeat-x left bottom;
height:80px;
}
Должно помочь. Не поможет пиши.
Stranger # 17 ноября 2011 в 10:16 0
Спасибо большое. Всё получилось
Кулёма # 27 февраля 2012 в 10:13 0
А кто подскажет, как сделать так, чтобы на главной странице сайта изображение было одним и тем же, а уже на остальных страничках пусть ради бога меняется на любое?