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

Идём в 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());
}
Комментарии: 42

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>
Пробовал подставлять скрипт. Работает, но картинки показываются в оригинальном размере и, ясное дело, на разных разрешениях смотрится не очень - либо выступает за пределы экрана, либо пустует место справа.
  • 0

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

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

silver073000Василий 26 июн 2013, 10:39 Сообщение

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

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

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

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

document.write("<img src=\"адрес_вашей_картинки_номер_1\" width=\"100%\">");
Можно и высоту задать, если нужно конечно.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 26 июн 2013, 12:57 Сообщение

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

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>
И вот при переходе со страницы на страницу сначала мелькает квадрат, потом шапка по размеру картинки становится :)
  • 0

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

silver073000 писал(а): А можно как-то подогнать этот скрипт под новую версию phpbb
Есть уже расширение.
  • 0

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

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

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

silver073000 писал(а): Вернее, прокатило, но не так, как надо
А как там получилось? Ещё со смеющимся смайликом, аж интересно стало:)
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

Ну это видимо уже особенности стиля. Сейчас то работает?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

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

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

А надо чтобы как получилось? Чтобы изображение оставалось той же высоты?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

Похожие темы