• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Готовые решения. HTML, CSS, условные uCoz операторы. » Случайная фоновая картинка для «шапки» сайта на «информерах» (Смена фоновой картинки при обновлении страницы для uCoz ...)
Случайная фоновая картинка для «шапки» сайта на «информерах»
Дата: Четверг, 06.05.2010, 15:49 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Случайная фоновая картинка для «шапки» сайта на «информерах» ...

Короче, создаёте в блокноте текстовый документ, например «fon.txt», сохраняете его в кодировке utf-8 ...
Затем, в него вписываете адреса картинок (каждая с новой строки).
Все переводы на новую строку заменяйте тегом "<br>"
Зтем, заходите в ПУ » Главная » Информеры
Создаёте информер «Случайные данные» и заливается этот текстовый документ:

Скриншот:

Какие плюсы? - Во первых (!) никакого JS ... Второе - данные могут быть абсолютно любыми ... Пример:

Содержание TXT-шника:
Вариант с картинкой:

Code
<img src="/_example/rotator/logo0.jpg" width="100%" border="0" />

<img src="/_example/rotator/logo1.jpg" width="100%" border="0" />

<img src="/_example/rotator/logo2.jpg" width="100%" border="0" />

<img src="/_example/rotator/logo3.jpg" width="100%" border="0" />

<img src="/_example/rotator/logo4.jpg" width="100%" border="0" />

<img src="/_example/rotator/logo999.jpg" width="100%" border="0" />

Вариант с заливкой:

Code
<div style="width:95%;height:200px;background:url(/_example/rotator/psBg0.gif);">Здесь располагается Ваше содержимое нового блока</div>

<div style="width:95%;height:200px;background:url(/_example/rotator/psBg1.gif);">Здесь располагается Ваше содержимое нового блока</div>

<div style="width:95%;height:200px;background:url(/_example/rotator/psBg2.gif);">Здесь располагается Ваше содержимое нового блока</div>

<div style="width:95%;height:200px;background:url(/_example/rotator/psBg3.gif);">Здесь располагается Ваше содержимое нового блока</div>

<div style="width:95%;height:200px;background:url(/_example/rotator/psBg4.gif);">Здесь располагается Ваше содержимое нового блока</div>

Размер файта не более 2mb - поверьте, это много ...

Контент индексируется, то есть есть смысл прописывать «alt» и «title» ... короче - плюсы на «лицо» ...

P.S. Примерно тоже самое можно легко сделать и в «Ротаторе баннеров» ... Но (!) - там JS ... ...
Кстати, я уже когда-то писал о нём ... если есть желание - поищите ... ... Примера не будет - «ломает» ... biggrin

Flesh

Прикрепления: 4062744.png (40.0 Kb)

 
Дата: Вторник, 05.10.2010, 18:02 |
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Как вообще изменить картинку шапки? Шапка состоит из 5 блоков, фоновый рисунок и 4 в центре порядно. что то запарился уже... ну тупень я))))

 
Дата: Вторник, 05.10.2010, 22:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


RAM,
Quote (RAM)
Как вообще изменить картинку шапки? Шапка состоит из 5 блоков, фоновый рисунок и 4 в центре порядно. что то запарился уже... ну тупень я))))

... Ну, раз вы уже поняли, что это не картинка, а набор элементов ... ヅ ... можно, с уверенностью, сказать, что вы не такой уж и “тупень” ....
Соответственно, и меняется примерно так же.
Либо пишется новый код, с новыми размерами и картинками, либо модифицируются/изменяются/подменяются старые картинки и фоновые рисунки, с сохранением размеров и параметров.

Проще и, наверно, правильнее - написать свой.

Нарисовать/изменить картинку в фотошопе (как пример редактора), прикинуть, как грамотнее её порезать на отдельные картинки и фон, порезать и сверстать новую шапку, взяв, за основу, например родную, изменяя, по необходимости размеры, положение и количество блоков.
Если дизайн фиксированный, то есть по ширине не тянется - всё достаточно просто. С резиновой шапкой (растягивающейся на ширину монитора) немного сложнее.

В общем - суть такова.

 
Дата: Вторник, 05.10.2010, 22:34 |
Рядовой
Группа: Пользователи
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
В общем - суть такова.

Я только копировать и вставлять методом научного тыка )))) плыз если можно подсоби


 
Дата: Понедельник, 04.07.2011, 10:33 |
brysnika
Сержант
Группа: Проверенные
Сообщений: 39
Награды: 0
Репутация: 0
Статус: Offline


likbezz, загляни пожалуйста к нам.Как скрыть на заднем фоне старый диз.

 
Дата: Воскресенье, 10.07.2011, 00:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Quote (brysnika)
likbezz, загляни пожалуйста к нам.Как скрыть на заднем фоне старый диз.

Заглянул. Не понял что скрыть. Ткните)
.... Чаще всего это фоновые картинки стандартных дизайнов .... или не изменённых классов.
...


 
Дата: Понедельник, 10.10.2011, 23:43 |
Diana
Генерал-лейтенант
Группа: Помощники
Сообщений: 606
Награды: 0
Репутация: 20
Статус: Offline


likbezz, C информером просто отлично,но вот у меня шапка прописана в CSS,вот так:

Code
background:#d4ccc1 url('/images/header.jpg') 0 0 no-repeat;

Тут уже не получится сделать чтоб она менялась? Или может быть можно какое то "или" прописать,чтоб их несколько было? Как ты думаешь?


 
Дата: Среда, 09.07.2014, 16:50 |
Metafor
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте, Likbezz.
Ищу наводку мысли в направлении создания шапки сайта с двумя переменными картинками, так, чтобы на каждой странице сайта были свои картинки в шапке, которые бы можно было загружать при загрузке контента страницы. Вот здесь http://altaj-inaki.com сайт практически статический, который я пытаюсь переделать на динамическую основу. Здесь http://neopraktik.ucoz.ru мой испытательный полигон. Вы приводите здесь способ сделать страницы со случайной картинкой, а возможно ли сделать две картинки не случайными, а закреплёнными за страничкой? Одна из картинок - фоновое изображение под названием сайта. Я всё делаю с "нуля", и всё ещё "чайникую" :о) Немного понимаю в html и в css, но с явой не знакома.

Код

<!-- <header> -->
     <div class="header">
      <div class="top">
       <div class="logo">
        <div class="indent">
         <div class="ikonka">$IMG_1$</div>    
              
         <div class="date">
         $WDAY$, $DAY$.$MONTH$.$YEAR$
         </div>
        </div>
       </div>       
       <div class="slogan">
        <div class="indent">
        <div class="s_name">
     <span class="image">$IMG_2$</span>
     <box id="f3" >
      <h1 id="blink" class="prima">ПАСЕКА</h1>
    <h2 id="blink" class="secunda">"Приветливый Улей"</h2>
     </box></div>
        <div id="slogan">
        <div class="userbox"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$" title="Profile page"><b>$USERNAME$</b></a> • Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> • <a href="$PERSONAL_PAGE_LINK$">Profile page</a><?else?> • <a href="$REGISTER_LINK$">Register now</a><?endif?><?endif?><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> • <a href="$LOGOUT_LINK$">Log out</a><?else?> • <a href="$LOGIN_LINK$">Log in</a><?endif?><?endif?></div></div></div>
       </div>   
                              
       </div>
       <div class="clr"></div>
     <div id="Menu1">
     
   <ul id="menu">
    <li><a href="http://altaj-inaki.com">Главная</a></li>
    <li><a href="karta.html">Карта сайта</a></li>
    <li><a href="paseka.html">Пасека</a></li>
    <li><a href="lezheboki.html">Лежебоки</a></li>
    <li><a href="inaki.html">Инаки</a></li>
    <li><a href="http://inaki.ucoz.ru/publ/pasechnaja_lavochka/2">Для Вас</a></li>
    <li><a href="druzja.html">Друзья</a></li>
    <li><a href="http://inaki.ucoz.ru/gb/">Роевня</a></li>
   </ul>
  </div>
     </div>
     <div id="clear1"></div>
      
     <!-- </header> -->

С уважением, Metafor


 
Дата: Вторник, 29.07.2014, 09:45 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Metafor,
Цитата Metafor, Ср, 09.07.2014, 16:50:02
Ищу наводку мысли в направлении создания шапки сайта с двумя переменными картинками, так, чтобы на каждой странице сайта были свои картинки в шапке, которые бы можно было загружать при загрузке контента страницы.

Дополнительное поле с адресом картинки + условие: если поле заполнено, показывать картинку из поля, если нет - стандартную.

Цитата Metafor, Ср, 09.07.2014, 16:50:02
а возможно ли сделать две картинки не случайными, а закреплёнными за страничкой?

Да, как и описано выше, например.


 
Дата: Пятница, 26.09.2014, 17:38 |
Metafor
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


Огромное спасибо! Только что увидела ответ. Теперь есть над чем помозговать smile

 
Дата: Понедельник, 26.01.2015, 10:32 |
Майор
Группа: Проверенные
Сообщений: 82
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте! Сделала по Вашему рецепту:
Цитата
Случайная фоновая картинка для «шапки» сайта на «информерах» ...
Короче, создаёте в блокноте текстовый документ, например «fon.txt», сохраняете его в кодировке utf-8 ...
Затем, в него вписываете адреса картинок (каждая с новой строки).
Все переводы на новую строку заменяйте тегом "<br>"
Зтем, заходите в ПУ » Главная » Информеры
Создаёте информер «Случайные данные» и заливается этот текстовый документ]

Создала информер

затем залила файл «fon.txt»
Код
<img src="/.s/t/921/3/rotator/.jpg" width="100%" border="0"><br>
<img src="http://sg12-01.ucoz.ru/7915133/rotator/.jpg width="100%"  border="0"><br>
<img src="http://sg12-01.ucoz.ru/ovoshhnoe_assorti/rotator/.jpg width="100%"  border="0">

в дизайне шаблона вместо вот этого куска кода
Код
<img src="/.s/t/921/2.jpg" border="0">
вставила код вызова информера, в результате получилось
вот это:

Почему?

Прикрепления: 8438511.jpg (152.3 Kb) · 7259651.jpg (167.3 Kb)

Сообщение отредактировал beginner - Понедельник, 26.01.2015, 10:49
 
Дата: Пятница, 06.02.2015, 01:06 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


beginner,
Цитата beginner, Пн, 26.01.2015, 11:32:34
Почему?

Потому что адреса картинок некорректные.
А именно:
Цитата beginner, Пн, 26.01.2015, 11:32:34
<img src="/.s/t/921/3/rotator/.jpg" width="100%" border="0"><br> // нет такой картинки
<img src="http://sg12-01.ucoz.ru/7915133/rotator/.jpg width="100%" border="0"><br> // Нет такой картинки + пропущена кавычка после “.jpg”
<img src="http://sg12-01.ucoz.ru/ovoshhnoe_assorti/rotator/.jpg width="100%" border="0"> // то же самое, что и выше


 
Дата: Пятница, 06.02.2015, 08:12 |
Майор
Группа: Проверенные
Сообщений: 82
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте! Исправила...

Код
<img src="http://sg12-01.ucoz.ru/.s/t/921/3.jpg/rotator/.jpg" width="100%" border="0"><br>
<img src="http://sg12-01.ucoz.ru/7915133/rotator/.jpg" width="100%"  border="0"><br>
<img src="http://sg12-01.ucoz.ru/ovoshhnoe_assorti/rotator/.jpg" width="100%"  border="0">


Результат...

Прикрепления: 2456637.jpg (102.4 Kb)

Сообщение отредактировал beginner - Пятница, 06.02.2015, 08:13
 
Дата: Пятница, 06.02.2015, 10:42 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


beginner,
Цитата beginner, Пт, 06.02.2015, 09:12:00
Здравствуйте! Исправила...

И где вы исправили?
Ну нет по данному адресу картинки - посмотрите сами: http://sg12-01.ucoz.ru/7915133/rotator/.jpg
Может так:
Код
<img src="http://sg12-01.ucoz.ru/.s/t/921/3.jpg" width="100%" border="0"><br>
<img src="http://sg12-01.ucoz.ru/7915133.jpg" width="100%"  border="0"><br>
<img src="http://sg12-01.ucoz.ru/ovoshhnoe_assorti.jpg" width="100%"  border="0">

?


 
Дата: Пятница, 06.02.2015, 11:48 |
Майор
Группа: Проверенные
Сообщений: 82
Награды: 0
Репутация: 0
Статус: Offline


Вроде бы исправила...

Код
<img src="http://sg12-01.ucoz.ru/.s/t/921/3.jpg" width="100%" border="0"><br>     
<img src="http://sg12-01.ucoz.ru/7915133.jpg" width="100%"  border="0"><br>     
<img src="http://sg12-01.ucoz.ru/ovoshhnoe_assorti.jpg" width="100%"  border="0">


Получается...


И еще ...Я сохраняю изменения, открываю страницу с информерами и вот...

Хотя выбирала кодировку UTF-8...

Прикрепления: 1356826.jpg (160.3 Kb) · 0812104.jpg (163.6 Kb)

Сообщение отредактировал beginner - Пятница, 06.02.2015, 11:55
 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Готовые решения. HTML, CSS, условные uCoz операторы. » Случайная фоновая картинка для «шапки» сайта на «информерах» (Смена фоновой картинки при обновлении страницы для uCoz ...)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия