Меняющаяся шапка форума

Различные модификации основанные на html и css.
Интересные дополнения и украшения для вашего стиля.
Помощь при доработке шаблонов вашего стиля.
xaocZ

Меняющаяся шапка форума

xaocZ 21 июл 2012, 14:08 Сообщение

Меняющаяся шапка форума после обновления страницы в окне браузера

Идём в overall_header.html, находим {SITE_LOGO_IMG}, меняем на:

Код: Выделить всё

<SCRIPT LANGUAGE="JavaScript"><!-- function setCookie (name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); } function getCookie(name) { var dc = document.cookie; var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else begin += 2; var end = document.cookie.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin + prefix.length, end)); } DateObjectName = new Date () if (DateObjectName.getMonth()==11) { DateObjectName.setMonth(0); DateObjectName.setYear(DateObjectName.getYear()+1); } else DateObjectName.setMonth(DateObjectName.getMonth()+1); if (getCookie("logo")==null) { document.write("<img src=\"адрес_вашей_картинки_номер_1\">"); setCookie("logo","2",DateObjectName.toGMTString()); } else if (getCookie("logo")=="1"){ document.write("<img src=\"адрес_вашей_картинки_номер_1\">"); setCookie("logo","2",DateObjectName.toGMTString()); } else if (getCookie("logo")=="2"){ document.write("<img src=\"адрес_вашей_картинки_номер_2\">"); setCookie("logo","3",DateObjectName.toGMTString()); } else if (getCookie("logo")=="3"){ document.write("<img src=\"адрес_вашей_картинки_номер_3\">"); setCookie("logo","1",DateObjectName.toGMTString()); } // --></SCRIPT>


<img src=\"адрес_вашей_картинки_номер_1\"> - меняем адрес картинки на свой.

Если хочется большее количество картинок, добавляете сколько нужно:

Код: Выделить всё

else if (getCookie("logo")==" следующий номер "){ document.write("<img src=\"адрес_вашей_картинки\">"); setCookie("logo","1",DateObjectName.toGMTString()); }

Never opened myself this way
Life is ours, we live it our way
All these words I don't just say
And nothing else matters


Metallica - Nothing Else Matters

Аватара пользователя
silver073000

Re: Меняющаяся шапка форума

silver073000 26 июн 2013, 02:48 Сообщение

А можно ли приспособить этот скрипт к так называемой резиновой шапке? У меня

Код: Выделить всё

<div id="logodesc"> <table width="100%" cellspacing="0"> <tr> <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td> <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td> </tr> </table> </div>

заменено на

Код: Выделить всё

  <div id="logodesc"> <table width="100%" cellspacing="0"> <tr> <td><a href="{U_INDEX}"><img src="ссылка_на_свою_картинку" alt="{SITENAME}" width="100%"/></a></td> </tr> </table> </div>

Пробовал подставлять скрипт. Работает, но картинки показываются в оригинальном размере и, ясное дело, на разных разрешениях смотрится не очень - либо выступает за пределы экрана, либо пустует место справа.

GoDFaTHeR

Re: Меняющаяся шапка форума

GoDFaTHeR 26 июн 2013, 03:45 Сообщение

BOJIK
так скрипт и будет выводить на разных разрешениях всякие
на резине работать будет, НО резина должна быть правильная как на 610nm
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Аватара пользователя
silver073000

Re: Меняющаяся шапка форума

silver073000 26 июн 2013, 10:39 Сообщение

А можно ли подменить участок кода, отвечающий за шапку, с 610nm в subsilver2? Какие особенности резиновой шапки в 610nm? Какие-то добавки в тему subsilver`a надо делать?

Аватара пользователя
CabinetAdmin

Re: Меняющаяся шапка форума

CabinetAdmin 26 июн 2013, 12:06 Сообщение

Можно попробовать в скрипте после адреса изображения добавить width=\"100%\":

Код: Выделить всё

document.write("<img src=\"адрес_вашей_картинки_номер_1\" width=\"100%\">");


Можно и высоту задать, если нужно конечно.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Re: Меняющаяся шапка форума

silver073000 26 июн 2013, 12:57 Сообщение

Заработала меняющаяся резиновая шапка :Yahoo!: Благодарю за совет :drink:

Аватара пользователя
silver073000

Меняющаяся шапка форума

silver073000 02 апр 2015, 02:04 Сообщение

А можно как-то подогнать этот скрипт под новую версию phpbb, чтобы не отображалась на короткий миг квадратная шапка? :milo: На стиле CA_Forum отлично работает :) Пробовал проделать таким же образом, как на CA_Forum, для других стилей, то не прокатило :milo: Вернее, прокатило, но не так, как надо :milo:
Картинки в других стилях у меня 1000х185, код используется такой

Код: Выделить всё

  <div class="gff_logo"><a href="{U_PORTAL}" title="Перейти на Портал"> <SCRIPT LANGUAGE="JavaScript"><!-- function setCookie (name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); } function getCookie(name) { var dc = document.cookie; var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else begin += 2; var end = document.cookie.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin + prefix.length, end)); } DateObjectName = new Date () if (DateObjectName.getMonth()==11) { DateObjectName.setMonth(0); DateObjectName.setYear(DateObjectName.getYear()+1); } else DateObjectName.setMonth(DateObjectName.getMonth()+1); if (getCookie("logo")==null) { document.write("<img src=\"./store/gff_5nx_org/images/header2.jpg\" width=\"100%\">"); setCookie("logo","2",DateObjectName.toGMTString()); } else if (getCookie("logo")=="1"){ document.write("<img src=\"./store/gff_5nx_org/images/header.jpg\" width=\"100%\">"); setCookie("logo","2",DateObjectName.toGMTString()); } else if (getCookie("logo")=="2"){ document.write("<img src=\"./store/gff_5nx_org/images/header1.jpg\" width=\"100%\">"); setCookie("logo","3",DateObjectName.toGMTString()); } else if (getCookie("logo")=="3"){ document.write("<img src=\"./store/gff_5nx_org/images/header2.jpg\" width=\"100%\">"); setCookie("logo","1",DateObjectName.toGMTString()); } // --></SCRIPT></a> </div>
И вот при переходе со страницы на страницу сначала мелькает квадрат, потом шапка по размеру картинки становится :)

Аватара пользователя
romaamor

Меняющаяся шапка форума

romaamor 02 апр 2015, 04:44 Сообщение

silver073000 писал(а):Источник цитаты А можно как-то подогнать этот скрипт под новую версию phpbb

Есть уже расширение.

Аватара пользователя
silver073000

Меняющаяся шапка форума

silver073000 02 апр 2015, 10:29 Сообщение

romaamor писал(а):Источник цитаты Есть уже расширение.

У меня не свой же хостинг, добавлять расширения не могу :) Хотя, можно попробовать разобрать расширение и коды в нужные места вписать :milo:

Аватара пользователя
CabinetAdmin

Меняющаяся шапка форума

CabinetAdmin 02 апр 2015, 17:24 Сообщение

silver073000 писал(а):Источник цитаты Вернее, прокатило, но не так, как надо

А как там получилось? Ещё со смеющимся смайликом, аж интересно стало:)
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Меняющаяся шапка форума

silver073000 02 апр 2015, 21:36 Сообщение

Да шапка то обрезалась, то по бокам пустота была, то всё вместе :milo: В общем, катала, как хотела, но меняющейся и "резиновой" упорно отказывалась быть :milo:

Аватара пользователя
CabinetAdmin

Меняющаяся шапка форума

CabinetAdmin 03 апр 2015, 15:57 Сообщение

Ну это видимо уже особенности стиля. Сейчас то работает?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Меняющаяся шапка форума

silver073000 03 апр 2015, 16:57 Сообщение

Нет, не хочет :) Меняется, но совместить с "резиновой" не получается. Стили пробовал обычный prosilver и Elegance. Либо получаются пустоты сбоку, либо картинка обрезается.

Аватара пользователя
CabinetAdmin

Меняющаяся шапка форума

CabinetAdmin 03 апр 2015, 17:46 Сообщение

C резиновой? :scratch: Чот не понял...
Сейчас скрипт вставляет изображение через тег <img, да ещё и с параметром width=\"100%\", получается если уменьшить окно браузера, то изображение должно уменьшаться.

А надо чтобы как получилось? Чтобы изображение оставалось той же высоты?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
silver073000

Меняющаяся шапка форума

silver073000 03 апр 2015, 18:11 Сообщение

Она сейчас резиновая, верно :) Но вся беда в том, что квадраты сначала появляются :) То есть, если картинку растянуло до 1280 пикселей по ширине, то на короткий миг она и по высоте такая же становится :milo: Потом нормально всё показывается :) Особенно заметен такой эффект на низких скоростях интернета. Вот пример. Если пообновлять страницу, то картинки в шапке сначала квадратными проскакивают, но потом нормальные становятся. Из-за этого эффекта порой темы сложно читать :milo: Собственно, вопрос в том, можно ли этот эффект убрать, но при этом оставить меняющуюся и "резиновую" шапку? :)



Похожие темы

Вернуться в «HTML модификации»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя