Вторник, 24.08.2010, 17:58


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Web программирование » Ucoz зона » Меню
Меню
DreadlorderДата: Четверг, 13.01.2011, 11:19 | Сообщение # 1
Главный Админ
Группа: Admin
Сообщений: 140
Награды: 7
Репутация: 6574
Статус: Offline
Вот решил выложить меню моего друга он конешно только учится делать скрипты но у него кул получается вот меню в стиле лич кинг

Code
<style>      
.blockmenu {      
height:18px;      
width: 100%;      
font: normal 10px Arial, Helvetica, sans-serif;      
text-align: left;      
}      
.blockmenu a:link,      
.blockmenu a:visited {      
color:#BDBDBD;      
text-decoration:none;      
padding-left:16px;      
line-height:18px;      
display:block;      
font-weight:normal;      
background: url(http://diz-cs.ru/.s/t/961/15.bmp);      
border-top: 1px solid #7585bf;      
border-right: 1px solid #7585bf;      
border-bottom: 1px solid #7585bf;      
border-left: 1px solid #7585bf;      
text-align: left;      
}      
.blockmenu a:hover {      
color:#ffffff;      
text-decoration:none;      
padding-left:16px;      
line-height:18px;      
display:block;      
font-weight:normal;      
border: 1px solid #1E90FF;      
background: #333333 url("http://wjl.clan.su/img/dragon-small.gif") no-repeat left center;      
text-align: left;      
}      

form {      
padding:0px;      
margin:0px;      
}      

input{      
vertical-align:middle;      
font-size:7pt;      
font-family:verdana,arial,helvetica;      
color:#D8D8D8;      
background:#151515;      
}      

</style>      

<SPAN class="blockmenu">      

<a href="http://wjl.clan.su/">Главная страница</a>      
<a href="/forum">Форум</a>      
<a href="/load">Файлы</a>      
<a href="/publ">Статьи</a>      
      <center>Картинки WoW</center>      
<a href="/photo/skrinshoty_wow/1">Скриншоты WoW</a>      
<a href="/photo/oboi_wow/2">Обои WoW</a>      
<a href="/photo/fan_art/3">Фан-арт</a>      
      <center>Файлы WoW</center>      
<a href="/index/patchi_dlja_wow/0-6">Патчи для WoW</a>      
<a href="/index/skachjat_wow/0-7">Скачать WoW</a>      
<center>Аддоны для WoW</center>      
<a href="/load/addony_dlja_wow/pvp_arena/4">PvP, арена</a>      
<a href="/load/addony_dlja_wow/boevye/5">Боевые аддоны</a>      
<a href="/load/addony_dlja_wow/paneli/6">Панели - аддоны</a>      
<a href="/load/addony_dlja_wow/rejdovye/7">Рейдовые аддоны</a>      
<a href="/load/addony_dlja_wow/chat_i_obshhenie/8">Чат - аддоны</a>      
<a href="/load/addony_dlja_wow/klassovye/9">Классовые аддоны</a>      
<a href="/load/addony_dlja_wow/bafy_debafy/10">[Де]Бафы - аддоны</a>      
<a href="/load/addony_dlja_wow/gildija_gruppa/11">Группа - аддоны</a>      
<a href="/load/addony_dlja_wow/professii/12">Профессии - аддоны</a>      
<a href="/load/addony_dlja_wow/kvestovye/13">Квестовые аддоны</a>      
<a href="/load/addony_dlja_wow/invental_i_bank_itemy/14">Предметы - аддоны</a>   
<a href="/load/addony_dlja_wow/junit_frejm_ehkshen_bary/15">Бары - аддоны</a>      
<a href="/load/addony_dlja_wow/karta/16">Карта - аддоны</a>   
<a href="/load/addony_dlja_wow/sborki_addonov/17">Сборки аддонов</a>      
<a href="/load/addony_dlja_wow/drugie/18">Другие аддоны</a>   
<center>Полезное</center>      
<a href="forum/10">Видео WoW</a>   

<a href="/publ/gajdy/1">Гайды по WoW</a>   
<a href="/publ/taktiki_wow/7">Тактики WoW</a>      
<a href="/forum/23">Сервера WoW</a>   
<a href="/forum/4">Торговый раздел</a>   
           
<a href="/forum/19">Макросы для WoW</a>   
<a href="/forum/12">Читы для WoW</a>      
<a href="/forum/11">Баги WoW</a>   
<a href="/forum/9">Программы</a>      
<center>Mangos</center>   
<a href="/forum/25">Настройка Mangos</a>   
           
<a href="/forum/26">Готовые сервера Mangos</a>   
<a href="/forum/27">Сайты Mangos</a>      
<center>Другие сборки</center>   
<a href="/forum/29">ArcEmu</a>   
<a href="/forum/32">TrinityCore</a>      
</SPAN>

Разскажу как настроить меню под свой дизайн сайта
1. При наведение на ссылку в меню показуется збоку картинка ето картинку можно редактирывать вотут

Code
background: #333333 url("http://wjl.clan.su/img/dragon-small.gif") no-repeat left center;

по краям меню оно обведено #1E90FF цветам цветовую гамму меню можно изменить вот в етихстрочках

Code
border-top: 1px solid #7585bf;      
border-right: 1px solid #7585bf;      
border-bottom: 1px solid #7585bf;      
border-left: 1px solid #7585bf;   
border: 1px solid #1E90FF;

Кот какбы и все если комуто надо изменить цветовую гамму или чтото ещё пишите в лс изменю
Удачи
the end


 
Форум » Web программирование » Ucoz зона » Меню
  • Страница 1 из 1
  • 1
Поиск:


Счетчик тИЦ и PR
Copyright by DreadLord Portal 2011-2012