• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Горизонтальное меню с категориями
Горизонтальное меню с категориями
korsakfsb
 Среда, 06 Апреля 2016, 19:04 | Сообщение 1
Оффлайн
Пользователи
Сообщений:3
« 0 »
 Код верхней части сайта, где стоит горизонтальное меню, в темном оттенке цвета, с под категориями и поиском по сайту.

Код
<!-- <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
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 Это ты меню скинул, а ты скинь мне полностью весь код самой главной страницы.
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:07 | Сообщение 3
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 И ещё меню каким цветом нужно?
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:08 | Сообщение 4
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 Можешь вот этот код вставить в самый верх главной страницы сразу после < 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="https://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
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 Должно быть так, сразу после < head >
Прикрепления: 1691963.png (267.7 Kb)

[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
korsakfsb
 Среда, 06 Апреля 2016, 19:11 | Сообщение 6
Оффлайн
Пользователи
Сообщений:3
« 0 »
 Меню прозрачное как есть щас, когда мышку навожу оно темнеет !
Можно выделение меню с белого квадрата на черное поменять..

Код Страниц сайта нужен ?

Код
<!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
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 Вот сразу после хеад ставь код своего меню или воспользуйся тем кодом что я тебе предложил с фиолетовым меню
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:14 | Сообщение 8
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 и я в демо ставил не в код верхней части а в главную страницу
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:17 | Сообщение 9
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 И как я понял у тебя какое то стороннее меню, так как в материале что выложен тут отличается не только по расцветке но и по прозрачности и по структуре.
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:17 | Сообщение 10
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 Проще говоря ставь код который я приложил выше, ссылки на страницы сайта только не забудь поменять на свои а ссылки на css и ресет можешь оставить.
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
korsakfsb
 Среда, 06 Апреля 2016, 19:18 | Сообщение 11
Оффлайн
Пользователи
Сообщений:3
« 0 »
 Вставил код в страницы сайта и верхняя полоса меню нормально встала, правда косячки появились другие !:)
Буду ковыряться, спасибо !
[ RU ]
Kosten
 Среда, 06 Апреля 2016, 19:23 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 Перенес тему в нужный раздел и изменил название, прежде чем создавать, нужно прочесть, сто помогите иди все сюда, не катируются, просто на такие запросы не кто не идет.
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:27 | Сообщение 13
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
Цитата korsakfsb ()
Буду ковыряться, спасибо !

Был рад помочь, от плюсика бы не отказался
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Alkapone
 Среда, 06 Апреля 2016, 19:28 | Сообщение 14
Оффлайн
VIP
Сообщений:325
Награды: 5
« 115 »
 Если проблема решена и вопросов больше нет, то думаю тему можно закрывать. smile
[img]https://iplogger.com/1mjwq7[/img]
[ RU ]
Kosten
 Среда, 06 Апреля 2016, 19:32 | Сообщение 15
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 Закрыто!
[ RU ]
Форум » Веб-разработка » Вопросы про uCoz » Горизонтальное меню с категориями
  • Страница 1 из 1
  • 1
Поиск: