горизонтальное меню для светлых сайтов, с поиском рабочим как на DLE.
смотрим
пример живой тут меню серого цвета, если приложить чуток фотошопа то можно изменить в любой цвет все меню.
Установка:
это вставляем в таблицу стилей вашего сайта и желательно изменить ссылки на картинки
Code
td.menu_left{background:url('http://ucozon.ru/SCRIN6/menu/menu_left.png') no-repeat;width:9px;height:57px;} td.menu_center{background:url('http://ucozon.ru/SCRIN6/menu/menu_center.png') repeat-x;height:57px;} td.menu_right{background:url('http://ucozon.ru/SCRIN6/menu/menu_right.png') no-repeat;width:283px;height:57px;} ul.topmenu{padding:0px 0 0 10px;margin:0;list-style:none;} ul.topmenu li{float:left;font-weight:bold;} ul.topmenu li a{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;height:30px;float:left;padding:11px 15px 0 15px;color:#fff;} ul.topmenu li a:link{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;text-decoration:none;color:#fff;} ul.topmenu li a:visited{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;text-decoration:none;color:#fff;} ul.topmenu li a:hover {background:url('http://ucozon.ru/SCRIN6/menu/menuli.png') no-repeat;text-decoration:none;color:#fff;} ul.topmenu li a:active{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;text-decoration:none;color:#fff;} ul.topmenu li a.last_item{background:url('http://ucozon.ru/SCRIN6/menu/menuli_a.png') no-repeat;height:30px;float:left;padding:11px 1px 0 1px;} .searchbg{padding:13px 0 0 0;float:left;*padding:16px 0 0 0;} input.search_input{background:url('http://ucozon.ru/SCRIN6/menu/sinput.png') no-repeat;width:188px;height:23px;float:left;border:0;padding:2px 0 0 10px;font-size:14px;color:#bebebe;*padding:6px 0 0 10px;} input.search_but{background:url('http://ucozon.ru/SCRIN6/menu/search.png') no-repeat;display:block;width:69px;height:23px;line-height:23px;margin:0 0 10px 10px;background-position:0 0;} input.search_but:hover{background-position:0 -23px;}
а это сам код меню, редактируем его под свой ссылки и название ссылок и вставляем в низ шапки к примеру.
Code
<table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="menu_left" align="left"></td> <td class="menu_center" align="left"> <ul class="topmenu"> <li><a href="/" title="Главная">Главная</a></li> <li><a href="/forum" title="Форум Веб-майстрів">Форум</a></li> <li><a href="/load/prog/3" title="Програм/Soft">Програмы</a></li> <li><a href="/load/films/29" title="Скачать безплатно">Фильмы</a></li> <li><a href="/load/webm/19" title="Все для Веб-мастера">Все для Веб</a></li> <li><a target="_blank" title="Будь в курсе" href="/">RSS</a></li> <li><a title="" href="#" class="last_item"></a></li> </ul> </td> <td class="menu_right" align="left"> <div class="searchbg"> <form action='/search'> <input type="hidden" name="do" value="search" /> <input type="hidden" name="t" value="0"> <input type="hidden" name="m" value="dir" /> <input type="hidden" name="m" value="forum" /> <input type="hidden" name="m" value="load" /> <input type="hidden" name="m" value="news" /> <input type="hidden" name="m" value="load" /> <input type="hidden" name="m" value="publ" /> <input type="hidden" name="m" value="board" /> <input name="q" value="найти по сайту ucozon.ru..." onBlur="if(this.value=='') this.value='найти по сайту ucozon.ru...';" onFocus="if(this.value=='найти по сайту ucozon.ru...') this.value='';" type="text" class="search_input" /> <input class="search_but" alt="Искать" type="image" src="http://ucozon.ru/SCRIN6/menu/spacer.gif" /> </form> </div> </td> </tr> </table>
на этом все.
картинки можно скачать в архиве.
Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Размер: 0,048 Мб