Горизонтальное меню с категориями
korsakfsb
Среда, 06 Апреля 2016, 19:04 | Сообщение 1
Код верхней части сайта, где стоит горизонтальное меню, в темном оттенке цвета, с под категориями и поиском по сайту.Код
<!-- <Navigation Fixed> --> <?if($USER_LOGGED_IN$)?> <link rel="stylesheet" type="text/css" href="/Image/css/reset.css" media="screen" /> <link rel="stylesheet" type="text/css" href="/Image/css/style.css" media="screen" /> <div id="menu_div"> <div id="navigation"> <div id="width"> <ul id="nav"> <ul id="nav-left"> <li id="nav-logo"><a target="blank_" href="http://www.fsbgames.ru/index/kak_nachat_igrat/0-15"><img src="/avatar/templates/league/userbar/home.png" style="center" alt="Каталог Космических Игр" width="90px" height="23px"></a></li> <li><a href="/" title="Главная страница"><b>ГЛАВНАЯ</b></a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="#">НОВОСТИ</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="#">ФАЙЛЫ</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="#">ФОРУМ</a></li> <li><a href="#">ВИДЕО</a></li> </ul> <ul id="nav-right"> <li><a target="blank_" href="https://vk.com/club76907926"><img alt="В Контакте" width="25pxpxpx" height="20pxpxpx" src="http://www.fsbgames.ru/avatar/templates/league/userbar/vk_ikonka.png" style="center"></a><p></p> <li><a class="google_translate" href="#" rel="nofollow" title="Русский" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%cen&en=ru&sl=en&tl=ru');"><div class="lang_ru"></div><img src="/avatar/templates/images/body/clear.png" id="nav-ru"></a></li> <li><a class="google_translate" href="#" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%cen&ru=en&sl=ru&tl=en');"><div class="lang_en"></div><img src="/avatar/templates/images/body/clear.png" id="nav-en"></a></li> </ul> <!-- Форма Поиска --> <form class="searchform" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"> <input class="searchfield" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/> </form> <!-- / Форма Поиска --> </div> </div> </div> <?else?> <link rel="stylesheet" type="text/css" href="/Image/css/style.css" media="screen" /> <div id="menu_div"> <div id="navigation"> <div id="width"> <ul id="nav"> <ul id="nav-left"> <li id="nav-logo"><a target="blank_" href="http://www.fsbgames.ru/index/kak_nachat_igrat/0-15"><img src="/avatar/templates/league/userbar/home.png" style="center" alt="Каталог Космических Игр" width="90px" height="23px"></a></li> <li><a href="/" title="Главная страница"><b>ГЛАВНАЯ</b></a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="#">НОВОСТИ</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="#">ФАЙЛЫ</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="#">ФОРУМ</a></li> <li><a href="#">ВИДЕО</a></li> </ul> <ul id="nav-right"> <li><a target="blank_" href="https://vk.com/club76907926"><img alt="В Контакте" width="25pxpxpx" height="20pxpxpx" src="http://www.fsbgames.ru/avatar/templates/league/userbar/vk_ikonka.png" style="center"></a><p></p> <li><a class="google_translate" href="#" rel="nofollow" title="Русский" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%cen&en=ru&sl=en&tl=ru');"><div class="lang_ru"></div><img src="/avatar/templates/images/body/clear.png" id="nav-ru"></a></li> <li><a class="google_translate" href="#" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%cen&ru=en&sl=ru&tl=en');"><div class="lang_en"></div><img src="/avatar/templates/images/body/clear.png" id="nav-en"></a></li> </ul> <!-- Форма Поиска --> <form class="searchform" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"> <input class="searchfield" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/> </form> <!-- / Форма Поиска --> </div> </div> </div> <?endif?> <!-- </Navigation Fixed> --> <div id="header"></div> <!-- <Navigation Main> --> <div id="menu-all"> <ul id="menu"> <ul> <br> </ul></ul></div> <!-- </Navigation Main> -->
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:06 | Сообщение 2
Это ты меню скинул, а ты скинь мне полностью весь код самой главной страницы.
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:07 | Сообщение 3
И ещё меню каким цветом нужно?
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:08 | Сообщение 4
Можешь вот этот код вставить в самый верх главной страницы сразу после < head >Код
<link rel="stylesheet" type="text/css" href="http://cssv34.do.am/css/reset.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://cssv34.do.am/css/style.css" media="screen" /> <div id="menu_div"> <div id="navigation"> <div id="menu"> <ul id="nav"> <li><a href="http://cssv34.do.am/">Главная</a></li> <li><a href="#">Меню</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю - Уровень 2</a> <ul> <li><a href="#">Подменю 2</a></li> <li><a href="#">Подменю 2</a></li> <li><a href="#">Подменю - Уровень 3</a> <ul> <li><a href="#">Подменю 3</a></li> <li><a href="#">Подменю 3</a></li> </ul> </li> </ul> </li> </ul> </li> <li><a href="#">Меню 2</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю - Уровень 2</a> <ul> <li><a href="#">Подменю 2</a></li> <li><a href="#">Подменю 2</a></li> </ul> </li> </ul> </li> <li><a href="#">Меню 3</a> <ul> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> <li><a href="#">Подменю</a></li> </ul> </li> <li><a href="http://zornet.ru/">Форум</a></li> <li><a href="#">Архив материалов</a></li> <li><a href="#">Блог</a></li> </ul> <!-- Форма Поиска --> <form class="searchform" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/"> <input class="searchfield" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/> </form> <!-- / Форма Поиска --> </div> </div> </div>
[img]https://iplogger.com/1mjwq7[/img]
Сообщение отредактировал Alkapone - Среда, 06 Апреля 2016, 19:08
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:09 | Сообщение 5
Должно быть так, сразу после < head >
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
korsakfsb
Среда, 06 Апреля 2016, 19:11 | Сообщение 6
Меню прозрачное как есть щас, когда мышку навожу оно темнеет ! Можно выделение меню с белого квадрата на черное поменять.. Код Страниц сайта нужен ?Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head>
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:13 | Сообщение 7
Вот сразу после хеад ставь код своего меню или воспользуйся тем кодом что я тебе предложил с фиолетовым меню
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:14 | Сообщение 8
и я в демо ставил не в код верхней части а в главную страницу
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:17 | Сообщение 9
И как я понял у тебя какое то стороннее меню, так как в материале что выложен тут отличается не только по расцветке но и по прозрачности и по структуре.
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:17 | Сообщение 10
Проще говоря ставь код который я приложил выше, ссылки на страницы сайта только не забудь поменять на свои а ссылки на css и ресет можешь оставить.
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
korsakfsb
Среда, 06 Апреля 2016, 19:18 | Сообщение 11
Вставил код в страницы сайта и верхняя полоса меню нормально встала, правда косячки появились другие !:) Буду ковыряться, спасибо !
Страна: (RU )
Kosten
Среда, 06 Апреля 2016, 19:23 | Сообщение 12
Перенес тему в нужный раздел и изменил название, прежде чем создавать, нужно прочесть, сто помогите иди все сюда, не катируются, просто на такие запросы не кто не идет.
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:27 | Сообщение 13
Цитата korsakfsb (
)
Буду ковыряться, спасибо !
Был рад помочь, от плюсика бы не отказался
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Alkapone
Среда, 06 Апреля 2016, 19:28 | Сообщение 14
Если проблема решена и вопросов больше нет, то думаю тему можно закрывать.
[img]https://iplogger.com/1mjwq7[/img]
Страна: (RU )
Kosten
Среда, 06 Апреля 2016, 19:32 | Сообщение 15
Закрыто!
Страна: (RU )