all-of-all.ru
Посмотреть
Статьи

Наши друзья

Спецпредложения интернет-магазина
 Статья / Техника / Инструкции / Интернет / Как сделать ваш сайт красивым и оригинальным

Как сделать ваш сайт красивым и оригинальным


 Николай Баранов, 23.04.2012 18:03:19
Как сделать ваш сайт красивым и оригинальным


(Нет голосов)
486 просмотров
В избранное
Комментировать(0)

Как сделать ваш сайт красивым и оригинальным


Все дело в правильных скриптах.
Об этом и будет данная инструкция.
Многие думают, что написать скритпы это очень сложно. Вовсе нет. Главное понять основные правила и запомнить шаблон. И вот уже внутри основного шаблона можно менять что угодно на свой вкус.
Рассмотрим несколько скриптов.

Инструкция

1 шаг


Стильное выпадающее меню справа. Такая менюшка подойдет и для больших сайтов-порталов. Сделана она на основе списков и свойств CSS. Вставляем в body:

А главную часть со скриптом и описанием стилей
вставляем в head:

startList = function() {//fantasyflash.ru
if (document.all document.getElementById) {
menusRoot = document.getElementById( menus );
for (i=0; i node = menusRoot.childNodes[i];
if (node.nodeName== LI ) {
node.onmouseover=function() {
this.className+=" over";//osw
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

2 шаг


Ставим музыку на сайт:


3 шаг


Возраст вашего сайта:
d0 = new Date( "September 7, 2002 "); // Начальная дата, от которой отсчитываются дни d1 = new Date(); dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); document.write( "Возраст сайта, в днях - " + Math.round(dt) + " ");

4 шаг


Постепенно набирающееся название форума-сайта:Если всталять в форум,то в хлтм-вверх
Если на сайте,то в хтлм-редактореХтлм

5 шаг


Эффект падающих снежинок:
grphcs=new Array(2) Image0=new Image(); Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif"; Image1=new Image(); Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif"; Amount=25; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById !document.all)?1:0; if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write(""); } } else{ document.write( " "); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P];//osw document.write( " "); } document.write( " "); } WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;//fantasyflash.ru for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers[ "sn "+i].left=Xpos[i]; document.layers[ "sn "+i].top=Ypos[i]+hscrll; } else if (ns6){ document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; eval("document.all.si"+i).style.top=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout( "fall() ",20); } window.onload=fall //-->

Советы и предупреждения:

  • Главное - желание добиться своего и терпения вам!

Как сделать ваш сайт красивым и оригинальным
 Статья / Техника / Инструкции / Интернет / Как сделать ваш сайт красивым и оригинальным
 Николай Баранов, 23.04.2012 18:03:19

Назад в раздел

Самые интересные новости:

загрузка...