Плавная смена логотипа phpbb3 + смена в зависимости от времени суток

Автоматическая смена логотипа форума, Смена логотипа в зависимости от времени суток

Украшения для сайтов и форумов на новый год, 8 марта, 23 февраля, 9 мая и другие праздники.
Ответить

Сообщение kolobov »

Автоматическая смена логотипа форума phpbb3.0
Первый вариант, автор - Student

Скрипт:

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

<!-- IF $TEXT_LOGO == 'no' -->
		<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img id="i_logo" src="Адрес вашей картинки" alt="logo" />
<script type="text/javascript">//<![CDATA[
    var rnd = Math.floor(Math.random()*5);
    opacit = 0;
    step = 1;
    if(rnd == 0) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
    if(rnd == 1) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
    if(rnd == 2) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
    if(rnd == 3) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
    if(rnd == 4) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
    function move() {
    if(opacit<=100 && opacit>-1) {opacit += step;document.getElementById("i_logo").style.opacity=opacit/100;
    document.getElementById("i_logo").style.filter="alpha(opacity="+opacit+")";
    setTimeout("move()",30);}
    }
    move();
    //]]></script></a>
		<!-- ENDIF -->
За место Адрес вашей картинки вставляете путь до своей картинки

Если хотите два лого или три то удаляете этот код ну и так далее

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

if(rnd == 4) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
Так же если хотите больше 5 или 6 вставляете это

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

if(rnd == 4) {document.getElementById("i_logo").src = "Адрес вашей картинки";}
Да и не забудьте поменять цифру в этом кусочке кода

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

if(rnd == 4)

На 5 и так далее если будете добавлять ещё лого.

Второй вариант, автор - Alice
Смена логотипа в зависимости от времени суток:

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

<span id="greetingImg"></span>
				<script type="text/javascript">//<![CDATA[

day = new Date(); hour = day.getHours();
if (hour>=5 && hour<12) {document.getElementById("greetingImg").innerHTML ='<img src="адрес утренней картинки" alt="Доброго утра" />';


}

else if (hour>=12 && hour<18) 
{document.getElementById("greetingImg").innerHTML ='<img src="адрес дневной картинки" alt="Удачного дня" />';
}

else if (hour>=18 && hour<24) 
{document.getElementById("greetingImg").innerHTML ='<img src="адрес вечерней картинки" alt="Приятного вечера" />';
 }

else  if (hour>=0 && hour<5)  
{document.getElementById("greetingImg").innerHTML ='<img src="адрес ночной картинки" alt="Не скучной ночи" />'

 }   ;

 //]]></script>
Чуть-чуть отредактировать надо для шапки. :)
Можно не редактировать просто вместо шапки в овералл_хедер воткнуть.

П.С. Примерно так будет рандомный логотип (то есть меняющийся при обновлении страницы):

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

  <img id="i_logo" src="" alt="logo" />
<script type="text/javascript">//<![CDATA[
    var rnd = Math.floor(Math.random()*5);
    opacit = 0;
    step = 1;
    if(rnd == 0) {document.getElementById("i_logo").src = "Адрес первой картинки";}
    if(rnd == 1) {document.getElementById("i_logo").src = "Адрес второй картинки";}
    if(rnd == 2) {document.getElementById("i_logo").src = "Адрес третьей картинки";}
    if(rnd == 3) {document.getElementById("i_logo").src = "Адрес четвертой картинки";}
    if(rnd == 4) {document.getElementById("i_logo").src = "Адрес пятой картинки";}
    function move() {
    if(opacit<=100 && opacit>-1) {opacit += step;document.getElementById("i_logo").style.opacity=opacit/100;
    document.getElementById("i_logo").style.filter="alpha(opacity="+opacit+")";
    setTimeout("move()",30);}
    }
    move();
    //]]></script>

Поделитесь ссылкой.

HTML код
BBCode
Link
Ответить

Вернуться в «Украшения для форумов и сайтов»

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

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