менюшка
CS-MASTER
Суббота, 16 Ноября 2013, 19:52 | Сообщение 1
Всем привет.. не магу понять как сделать гор.меню . но мне нужно чтоб было под диз сайта вообщем вот меню
Код
<div id="usermenu"> <ul> <li> <a title="Главная страница" href="$HOME_PAGE_LINK$">Главная страница</a> </li> <?if($USER_LOGGED_IN$)?> <li> <a title="Личные данные" href="$PERSONAL_PAGE_LINK$">Личные данные</a> </li> <?endif?> <li> <a title="Новые сообщения" href="$RECENT_POSTS_LINK$">Новые сообщения</a> </li> <li> <a title="Участники сайта" href="$MEMBERS_LIST_LINK$">Участники сайта</a> </li> <li> <a title="Правила форума" href="$BOARD_RULES_LINK$">Правила форума</a> </li> <li> <a title="Поиск по сайту" href="$SEARCH_PAGE_LINK$">Поиск по форуму</a> </li> <?if($USER_LOGGED_IN$)?> <li> <a title="Выйти с сайта" href="$LOGOUT_LINK$">Выйти с сайта</a> </li> <?else?> <li> <a title="Зарегистрироваться" href="$REGISTER_LINK$">Зарегистрироваться</a> </li> <li> <a title="Войти на сайт" href="$LOGIN_LINK$">Войти на сайт</a> </li> <?endif?> <li> <a title="Наши сервисы" href="/services/"><font color="#ff0000">Services</font></a> </li> <span id="whois"></span> </ul>
мне нужно сделать выпадания доп.полей на последний ссылки Services к примеру назову ее Наши сервисы при навидении на нее должно выпасть меню со всеми сервисами сайта
Страна: (KZ )
๖ۣۜInspire
Суббота, 16 Ноября 2013, 20:12 | Сообщение 2
Код
<style> #usermenu{ font:12px arial; } li{ padding-right:10px; float:left; } .drop{ display:none; position:absolute; } .li{ font:14px arial; padding:5px; } li:hover .drop{ display:block; } </style> <div id="usermenu"> <ul> <li> <a title="Главная страница" href="$HOME_PAGE_LINK$">Главная страница</a> </li> <?if($USER_LOGGED_IN$)?> <li> <a title="Личные данные" href="$PERSONAL_PAGE_LINK$">Личные данные</a> </li> <?endif?> <li> <a title="Новые сообщения" href="$RECENT_POSTS_LINK$">Новые сообщения</a> </li> <li> <a title="Участники сайта" href="$MEMBERS_LIST_LINK$">Участники сайта</a> </li> <li> <a title="Правила форума" href="$BOARD_RULES_LINK$">Правила форума</a> </li> <li> <a title="Поиск по сайту" href="$SEARCH_PAGE_LINK$">Поиск по форуму</a> </li> <?if($USER_LOGGED_IN$)?> <li> <a title="Выйти с сайта" href="$LOGOUT_LINK$">Выйти с сайта</a> </li> <?else?> <li> <a title="Зарегистрироваться" href="$REGISTER_LINK$">Зарегистрироваться</a> </li> <li> <a title="Войти на сайт" href="$LOGIN_LINK$">Войти на сайт</a> </li> <?endif?> <li> <a title="Наши сервисы" href="/services/"><font color="#ff0000">Services</font><div class="drop"><div class="li">HOME</div><div class="li">HOME</div><div class="li">HOME</div></div></a> </li> <span id="whois"></span> </ul> </div>
держи
Моё портфолио
Страна: (RU )
Kosten
Суббота, 16 Ноября 2013, 20:14 | Сообщение 3
А что хоть за меню, дайте плиз картинку
Страна: (RU )
Kosten
Суббота, 16 Ноября 2013, 21:38 | Сообщение 4
Supermenыч , к с тате не это меню. Но точно вижу твой сайт который ты с нуля дизайн создавал а вот про меню не знаю. Ты его тоже замутил что ли?
Страна: (RU )
๖ۣۜInspire
Суббота, 16 Ноября 2013, 22:02 | Сообщение 5
Kosten , да
Моё портфолио
Страна: (RU )
CS-MASTER
Воскресенье, 17 Ноября 2013, 18:30 | Сообщение 6
Спасибо канеш..ток это не то.... чот не понятный он ))
Страна: (KZ )
๖ۣۜInspire
Понедельник, 18 Ноября 2013, 16:14 | Сообщение 7
а какой тогда нужен, могу сверстать только псд дай или скрин хотябы
Моё портфолио
Страна: (RU )
CS-MASTER
Понедельник, 18 Ноября 2013, 17:23 | Сообщение 8
Сылка падет ? не для рекламы не чо не подумайте форум новый совсем )
Сообщение отредактировал CS-MASTER - Понедельник, 18 Ноября 2013, 17:25
Страна: (KZ )
๖ۣۜInspire
Понедельник, 18 Ноября 2013, 18:24 | Сообщение 9
Код
<style> #usermenu ul { list-style: none; padding-left: 2px; } #usermenu li a { font: 12px/33px 'Arial'; padding: 0px 10px 0px 8px; color: #000000; text-decoration:none; } #usermenu li a:hover {text-decoration:none;color:#0096C1;} #usermenu{ font:12px arial; height: 33px; background: url(http://cs-mastery.ru/design/table.png); } li{ float:left; height: 33px; background: url(http://cs-mastery.ru/.s/t/784/4.png) no-repeat top right; } .drop{ display:none; position:absolute; min-width:150px; background:#efefef; border:1px solid #ccc; border-top:none; } .li{ font:14px arial; } li:hover .drop{ display:block; } .drop a{ width:150px; } </style> <div id="usermenu"> <ul> <li> <a title="Главная страница" href="$HOME_PAGE_LINK$">Главная страница</a> </li> <?if($USER_LOGGED_IN$)?> <li> <a title="Личные данные" href="$PERSONAL_PAGE_LINK$">Личные данные</a> </li> <?endif?> <li> <a title="Новые сообщения" href="$RECENT_POSTS_LINK$">Новые сообщения</a> </li> <li> <a title="Участники сайта" href="$MEMBERS_LIST_LINK$">Участники сайта</a> </li> <li> <a title="Правила форума" href="$BOARD_RULES_LINK$">Правила форума</a> </li> <li> <a title="Поиск по сайту" href="$SEARCH_PAGE_LINK$">Поиск по форуму</a> </li> <?if($USER_LOGGED_IN$)?> <li> <a title="Выйти с сайта" href="$LOGOUT_LINK$">Выйти с сайта</a> </li> <?else?> <li> <a title="Зарегистрироваться" href="$REGISTER_LINK$">Зарегистрироваться</a> </li> <li> <a title="Войти на сайт" href="$LOGIN_LINK$">Войти на сайт</a> </li> <?endif?> <li> <a title="Наши сервисы" href="/services/"><font color="#ff0000">Services</font></a> <div class="drop"><div class="li"><a href="#">HOME</a></div><div class="li"><a href="#">HOME</a></div><div class="li"><a href="#">HOME</a></div></div> </li> <span id="whois"></span> </ul> </div>
Моё портфолио
Страна: (RU )
CS-MASTER
Понедельник, 18 Ноября 2013, 18:36 | Сообщение 10
спасибо..дальше сам подправлю.
Страна: (KZ )
๖ۣۜInspire
Понедельник, 18 Ноября 2013, 18:46 | Сообщение 11
CS-MASTER , если чё не сможешь, обращайся
Моё портфолио
Страна: (RU )
CS-MASTER
Понедельник, 18 Ноября 2013, 19:17 | Сообщение 12
Supermenыч ,хорошо
Страна: (KZ )