Случайная фоновая картинка для «шапки» сайта на «информерах»
|
|
[1] likbezz [06.05.2010, 15:49] |
Случайная фоновая картинка для «шапки» сайта на «информерах» ... Короче, создаёте в блокноте текстовый документ, например «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 ... ヅ ... Кстати, я уже когда-то писал о нём ... если есть желание - поищите ... ヅ ... Примера не будет - «ломает» ... Flesh
|
|
[2] RAM [05.10.2010, 18:02] |
Как вообще изменить картинку шапки? Шапка состоит из 5 блоков, фоновый рисунок и 4 в центре порядно. что то запарился уже... ну тупень я)))) |
|
[3] likbezz [05.10.2010, 22:23] |
RAM, Quote (RAM) Как вообще изменить картинку шапки? Шапка состоит из 5 блоков, фоновый рисунок и 4 в центре порядно. что то запарился уже... ну тупень я)))) ... Ну, раз вы уже поняли, что это не картинка, а набор элементов ... ヅ ... можно, с уверенностью, сказать, что вы не такой уж и “тупень” .... Соответственно, и меняется примерно так же. Либо пишется новый код, с новыми размерами и картинками, либо модифицируются/изменяются/подменяются старые картинки и фоновые рисунки, с сохранением размеров и параметров. Проще и, наверно, правильнее - написать свой. Нарисовать/изменить картинку в фотошопе (как пример редактора), прикинуть, как грамотнее её порезать на отдельные картинки и фон, порезать и сверстать новую шапку, взяв, за основу, например родную, изменяя, по необходимости размеры, положение и количество блоков. Если дизайн фиксированный, то есть по ширине не тянется - всё достаточно просто. С резиновой шапкой (растягивающейся на ширину монитора) немного сложнее. В общем - суть такова. |
|
[4] RAM [05.10.2010, 22:34] |
Quote (likbezz) В общем - суть такова. Я только копировать и вставлять методом научного тыка )))) плыз если можно подсоби |
|
[5] brysnika [04.07.2011, 10:33] |
likbezz, загляни пожалуйста к нам.Как скрыть на заднем фоне старый диз. |
|
[6] likbezz [10.07.2011, 00:08] |
Quote (brysnika) likbezz, загляни пожалуйста к нам.Как скрыть на заднем фоне старый диз. Заглянул. Не понял что скрыть. Ткните) .... Чаще всего это фоновые картинки стандартных дизайнов .... или не изменённых классов. ... |
|
[7] Diana [10.10.2011, 23:43] |
likbezz, C информером просто отлично,но вот у меня шапка прописана в CSS,вот так:
Code background:#d4ccc1 url('/images/header.jpg') 0 0 no-repeat; Тут уже не получится сделать чтоб она менялась? Или может быть можно какое то "или" прописать,чтоб их несколько было? Как ты думаешь? |
|
[8] Metafor [09.07.2014, 16:50] |
Здравствуйте, 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 |
|
[9] likbezz [29.07.2014, 09:45] |
Metafor, Ищу наводку мысли в направлении создания шапки сайта с двумя переменными картинками, так, чтобы на каждой странице сайта были свои картинки в шапке, которые бы можно было загружать при загрузке контента страницы. Дополнительное поле с адресом картинки + условие: если поле заполнено, показывать картинку из поля, если нет - стандартную.
а возможно ли сделать две картинки не случайными, а закреплёнными за страничкой? Да, как и описано выше, например. |
|
[10] Metafor [26.09.2014, 17:38] |
Огромное спасибо! Только что увидела ответ. Теперь есть над чем помозговать |
|
[11] beginner [26.01.2015, 10:32] |
Здравствуйте! Сделала по Вашему рецепту: Цитата Случайная фоновая картинка для «шапки» сайта на «информерах» ... Короче, создаёте в блокноте текстовый документ, например «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"> вставила код вызова информера, в результате получилось вот это: Почему?
Сообщение отредактировал beginner - Понедельник, 26.01.2015, 10:49 |
|
[12] likbezz [06.02.2015, 01:06] |
beginner, Потому что адреса картинок некорректные. А именно: <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"> // то же самое, что и выше |
|
[13] beginner [06.02.2015, 08:12] |
Здравствуйте! Исправила...
Код <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">
Результат...
Сообщение отредактировал beginner - Пятница, 06.02.2015, 08:13 |
|
[14] likbezz [06.02.2015, 10:42] |
beginner, Здравствуйте! Исправила... И где вы исправили? Ну нет по данному адресу картинки - посмотрите сами: 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"> ? |
|
[15] beginner [06.02.2015, 11:48] |
Вроде бы исправила...
Код <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...
Сообщение отредактировал beginner - Пятница, 06.02.2015, 11:55 |
|