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

Идём в 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

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

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

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

Вот поймал на одном стиле http://awesomescreenshot.com/0854sbr856
И вот на другом http://awesomescreenshot.com/0274sbtaec
Хоть на дольку секунды, но проскакивает такое на всех браузерах :milo:
  • 0

CabinetAdmin 04 апр 2015, 09:04 Сообщение

О как... :shock:

Самый простой способ - ограничить максимальную высоту, вроде такого, только со своим классом:

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

.logo img {
	max-height: 350px;
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 05 апр 2015, 17:34 Сообщение

Благодарю за совет :drink: Так в некоторой степени помогло :) Шапка таких квадратов не показывает уже, а просто ограничивается этой высотой :) Хотя иногда бывают моменты, когда она всё же "пытается выбраться" за это ограничение :milo: Тогда появляется тоненькая граница квадрата, но очень быстро пропадает :)
  • 0

РокРок 24 апр 2015, 20:30 Сообщение

К сожалению не нашел у себя {SITE_LOGO_IMG}

Вот мой код
+
  • 0
IN GOD WE TRUST

CabinetAdmin 24 апр 2015, 21:07 Сообщение

У вас составная из трёх частей шапка и изображения добавляются посредством стилей

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

background:url('http://coinsspb.5nx.ru/images/ranks3/coinsspb_5nx_ru/kolazh.jpg');
Для сборной шапки данный скрипт, по крайней мере в его нынешнем виде, не подойдёт. Нужно допиливать или можно просто, как здесь на форуме, под шапкой организовать блок с меняющимися изображениями.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

РокРок 24 апр 2015, 21:13 Сообщение

Да, изначально ставил AeroBlueX и только потом, когда уже проделал много работы по оформлению форума, понял что стиль очень геморройный...
Подскажите пожалуйста, а как сделать такой блок под шапкой с меняющимися изображениями?
  • 0
IN GOD WE TRUST

CabinetAdmin 24 апр 2015, 21:25 Сообщение

Добавьте скрипт перед <div id="datebar"> в обычном диве:

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

<div id="nine-may">
	<!-- Скрипт -->
</div>
И уже по мере необходимости добавить стили, например:

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

#nine-may {
	height: 150px;
	overflow: hidden;
}

#nine-may img {
	width: 100%;
}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

РокРок 25 апр 2015, 10:55 Сообщение

Вот у меня получается такая конструкция
+
Вставляю ее перед <div id="datebar">
И ничего не меняется.
Пробовал добавлять в тему стиля

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

#nine-may {
	height: 150px;
	overflow: hidden;
}
 
#nine-may img {
	width: 100%;
}
Тоже ничего. В чем может быть ошибка?
  • 0
IN GOD WE TRUST

CabinetAdmin 25 апр 2015, 11:21 Сообщение

Вот так:

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

<div id="nine-may">
<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=\"http://coinsspb.5nx.ru/images/ranks3/coinsspb_5nx_ru/9maya.jpg">");
setCookie("logo","2",DateObjectName.toGMTString());
}
else if (getCookie("logo")=="1"){
document.write("<img src=\"http://coinsspb.5nx.ru/images/ranks3/coinsspb_5nx_ru/9maya.jpg">");
setCookie("logo","2",DateObjectName.toGMTString());
}
else if (getCookie("logo")=="2"){
document.write("<img src=\"http://coinsspb.5nx.ru/images/ranks3/coinsspb_5nx_ru/9maya2.jpg">");
setCookie("logo","3",DateObjectName.toGMTString());
}
else if (getCookie("logo")=="3"){
document.write("<img src=\"http://coinsspb.5nx.ru/images/ranks3/coinsspb_5nx_ru/9maya3.jpg">");
setCookie("logo","1",DateObjectName.toGMTString());
}

// --></SCRIPT>
</div>
Имелось ввиду вставить скрипт вместо комментария - <!-- Скрипт -->
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

РокРок 25 апр 2015, 11:24 Сообщение

К сожалению, так тоже не срабатывает.
  • 0
IN GOD WE TRUST

CabinetAdmin 25 апр 2015, 11:47 Сообщение

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

РокРок 26 апр 2015, 10:00 Сообщение

Кеш очищал, в свой стиль точно ставил.
Пробовал и этот код в тему стиля добавлять

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

#nine-may {
	height: 150px;
	overflow: hidden;
}
 
#nine-may img {
	width: 100%;
}
И без него. Только скрипт в хедер.
Может быть нужно вставлять скрипт в другое место в хедере, не перед <div id="datebar"> ?
  • 0
IN GOD WE TRUST

CabinetAdmin 26 апр 2015, 11:55 Сообщение

Если вы ставили на форум, что у вас в подписи, то я там в исходном коде не вижу ни блока, ни стилей :unknown
Рок писал(а): в другое место
По сути в любое можно, главное чтобы было после <body>. Блок с id wrapheader, это шапка, если поставить перед ним, то блок будет в самом верху.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

kuprinДмитрий 18 май 2016, 19:26 Сообщение

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());


Что-то у меня не получается, не покажете на примере- как должен быть прописан адрес картинки? Я, видимо что-то лишнее либо удаляю либо доабвляю, почемуто не отображаются шапки на форуме
  • 0

Похожие темы