Форум

Каждый день буду выкладывать оригинальный скрипт.

[spoiler="Сегодня это горизонтальное меню by qoof."]

В css вставляем:

Code

.lmenu {width:14px;height:47px;background: url(http://up-rise.ru/Design/1/img/29.png) repeat-x;}
   .rmenu {width:14px;height:47px;background: url(http://up-rise.ru/Design/1/img/30.png) repeat-x;}
   #nav{background: url(http://up-rise.ru/Design/1/img/31.png) repeat-x;height:47px;}
   #navigation li{float:left;display:block;}
   #navigation li a{background-image:url(http://up-rise.ru/Design/1/img/28.png);display: block;outline: none;position: relative;height: 100%;text-decoration: none;width: 47;}
   #navigation .home {background-position:0px 0px;width:66px;height:47px;}
   #navigation .forum {background-position:-68px 0px;width:69px;height:47px;}
   #navigation .downloads {background-position:-139px 0px;width:68px;height:47px;}
   #navigation .news {background-position:-209px 0px;width:63px;height:47px;}
   #navigation .articles {background-position:-275px 0px;width:62px;height:47px;}
   #navigation .gallery {background-position:-338px 0px;width:64px;height:47px;}
   #navigation .video {background-position:-404px 0px;width:68px;height:47px;}
   #navigation .site {background-position:-473px 0px;width:68px;height:47px;}
   #navigation .server {background-position:-541px 0px;width:63px;height:47px;}
   #navigation .search {background-position:-604px 0px;width:68px;height:47px;}
   #navigation .faq {background-position:-675px 0px;width:64px;height:47px;}
   #navigation a .hover {background: transparent url(http://up-rise.ru/Design/1/img/28.png) no-repeat;display:block;opacity: 0;position: relative;height: 47px;width: 100%;}
   #navigation .home .hover {background-position: -0px -47px;}
   #navigation .forum .hover{background-position: -68px -47px;}
   #navigation .downloads .hover {background-position: -139px -47px;}
   #navigation .news .hover {background-position: -209px -47px;}
   #navigation .articles .hover {background-position: -275px -47px;}
   #navigation .gallery .hover{background-position: -338px -47px;}
   #navigation .video .hover {background-position: -404px -47px;}
   #navigation .site .hover {background-position: -473px -47px;}
   #navigation .server .hover {background-position: -541px -47px;}
   #navigation .search .hover {background-position: -604px -47px;}
   #navigation .faq .hover {background-position: -675px -47px;}

В низ css вставляем:

Code

.searchmenu {width:304px;height:47px;background: url('http://up-rise.ru/Design/1/img/31.png') repeat-x center;padding:0 36 0 0}

Это вставляем где хотим видеть меню:

Code

Готово

by qoof.
[/spoiler]