Як зробити ваш сайт красивим і оригінальним.


Вся справа в правильних скриптах.
Про це і буде дана інструкція.
Багато хто думає, що написати скрітпи це дуже складно. Зовсім ні. Головне зрозуміти основні правила і запам'ятати шаблон. І ось вже всередині основного шаблона можна змінювати будь-що на свій смак.
Розглянемо кілька скриптів.

Інструкція Рівень складності: Нескладно 1 крок

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

А головну частину зі скриптом і описом стилів
вставляємо в head:
BODY {
FONT : 11px verdana
}
UL {
PADDING - RIGHT : 0px; PADDING - LEFT : 0px; PADDING - BOTTOM : 0px; MARGIN : 0px; WIDTH : 150px; PADDING - TOP : 0px; BORDER - BOTTOM : # ccc 1px solid; LIST - STYLE - TYPE : none
}
UL LI {
POSITION : relative
}
LI UL {
DISPLAY : none; LEFT : 149px; POSITION : absolute; TOP : 0px
}
UL LI A {
BORDER - RIGHT : # ccc 1px solid; PADDING - RIGHT : 5px; BORDER - TOP : # ccc 1px solid; DISPLAY : block; PADDING - LEFT : 5px; BACKGROUND : # fff; PADDING - BOTTOM : 5px; BORDER - LEFT : # ccc 1px solid; COLOR : # 777; PADDING - TOP : 5px; BORDER - BOTTOM : # ccc 0px solid; TEXT - DECORATION : none
}
HTML UL LI {
FLOAT : left; HEIGHT : 1%
}
HTML UL LI A {
HEIGHT : 1 %
}
UL LI A: hover {
BACKGROUND : # f9f9f9; COLOR : red
}
LI UL LI A {
PADDING - RIGHT : 5px; PADDING - LEFT : 5px; PADDING - BOTTOM : 2px; PADDING - TOP : 2px
}
LI: hover UL {
DISPLAY : block
}
LI.over UL {
DISPLAY : block
}

startList = function () {//fantasyflash.ru
if (document.all & & document.getElementById) {
menusRoot = document.getElementById ("menus");
for (i = 0; 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//-->

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