Страница 1 из 11
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Горизонтальное меню с категориями
Горизонтальное меню с категориями
korsakfsb
Дата: Среда, 06.04.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> -->
Alkapone
Дата: Среда, 06.04.2016, 19:06 | Сообщение # 2
Vip
Сообщений:263
Награды: 0


Это ты меню скинул, а ты скинь мне полностью весь код самой главной страницы.

Alkapone
Дата: Среда, 06.04.2016, 19:07 | Сообщение # 3
Vip
Сообщений:263
Награды: 0


И ещё меню каким цветом нужно?

Alkapone
Дата: Среда, 06.04.2016, 19:08 | Сообщение # 4
Vip
Сообщений:263
Награды: 0


Можешь вот этот код вставить в самый верх главной страницы сразу после < 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>




Сообщение отредактировал Alkapone - Среда, 06.04.2016, 19:08
Alkapone
Дата: Среда, 06.04.2016, 19:09 | Сообщение # 5
Vip
Сообщений:263
Награды: 0


Должно быть так, сразу после < head >
Прикрепления: 1691963.png(268Kb)


korsakfsb
Дата: Среда, 06.04.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>
Alkapone
Дата: Среда, 06.04.2016, 19:13 | Сообщение # 7
Vip
Сообщений:263
Награды: 0


Вот сразу после хеад ставь код своего меню или воспользуйся тем кодом что я тебе предложил с фиолетовым меню

Alkapone
Дата: Среда, 06.04.2016, 19:14 | Сообщение # 8
Vip
Сообщений:263
Награды: 0


и я в демо ставил не в код верхней части а в главную страницу

Alkapone
Дата: Среда, 06.04.2016, 19:17 | Сообщение # 9
Vip
Сообщений:263
Награды: 0


И как я понял у тебя какое то стороннее меню, так как в материале что выложен тут отличается не только по расцветке но и по прозрачности и по структуре.

Alkapone
Дата: Среда, 06.04.2016, 19:17 | Сообщение # 10
Vip
Сообщений:263
Награды: 0


Проще говоря ставь код который я приложил выше, ссылки на страницы сайта только не забудь поменять на свои а ссылки на css и ресет можешь оставить.

korsakfsb
Дата: Среда, 06.04.2016, 19:18 | Сообщение # 11
Пользователи
Сообщений:3
Награды: 0


Вставил код в страницы сайта и верхняя полоса меню нормально встала, правда косячки появились другие !:)
Буду ковыряться, спасибо !
Kosten
Дата: Среда, 06.04.2016, 19:23 | Сообщение # 12
Администраторы
Сообщений:12664
Награды: 39


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

Alkapone
Дата: Среда, 06.04.2016, 19:27 | Сообщение # 13
Vip
Сообщений:263
Награды: 0


Цитата korsakfsb ()
Буду ковыряться, спасибо !

Был рад помочь, от плюсика бы не отказался


Alkapone
Дата: Среда, 06.04.2016, 19:28 | Сообщение # 14
Vip
Сообщений:263
Награды: 0


Если проблема решена и вопросов больше нет, то думаю тему можно закрывать. smile

Kosten
Дата: Среда, 06.04.2016, 19:32 | Сообщение # 15
Администраторы
Сообщений:12664
Награды: 39


Закрыто!

Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Горизонтальное меню с категориями
Страница 1 из 11
Поиск: