Проблема с меню!

Sania · December 13, 2009

Во первых всем привет. У меня такая проблема недавно с одного софт-портала взял скрипт меню поставил свои ссылки, сделал всё как надо короче. У меня на сайте чёрно-серый дизайн и вот я хотел сделать фон блоков меню чёрным а цвет шрифта оранжевым, но сколько не пробовал - не получилось. Ребят вот код, помогите пожалуйста разобраться тут!!!

<link rel="stylesheet" type="text/css" href="http://styling.org.ua/templates/css/main.css" /> 

 <script src="http://styling.org.ua/templates/js/functions.js" type="text/javascript"></script> 
 <link href="http://styling.org.ua/favicon.ico" rel="icon"/> 
 <![if ! IE]> 
 <link href="/favicon.png" rel="shortcut icon"/> 
 <![endif]> 

 </head> 

 <body bgcolor="#000000"> 
 <div style="width:180px;margin-top:3px"> 

 <div id="navigation"> 

 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/" title=""> <b>Главная страница</b></a></div> 
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/forum/" title=""> <b>Форум и ролевая</b></a></div> 
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/index/0-2" title=""> <b>Информация о сайте</b></a></div> 
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/dir" title=""> <b>Наш ТОП- сайтов</b></a></div> 
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/gb" title=""> <b>Гостевая книга</b></a></div>
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/index/0-3" title=""> <b>Связь с админом</b></a></div>
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/tests" title=""> <b>Тесты</b></a></div>
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/blog" title=""> <b>Блог</b></a></div>
 <div class="navhead_blank"><a href="http://naruto-uzumaki2.ucoz.ru/index/druzja_sajta/0-63" title=""> <b>Друзья сайта</b></a></div>
 <div class="sidenav"> 
 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Аниме онлайн</b></span></div> 
 <div style="display: block;" class="subnav"> 

 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/9" title="">Наруто 1 сезон</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/4" title="">Наруто 2 сезон</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/10" title="">Наруто фильмы</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/11" title="">Наруто приколы</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/naruto/drugie_roliki_po_naruto/15" title="">Ролики по Наруто</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/6" title="">Разные аниме</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/6-1-0-113" title="">Блич</a></li> 
 </ul> 
 </div> 

 <div class="navhead"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Онлайн игры</b></span></div> 
 <div style="display: none;" class="subnav"> 
 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/action_arcade/1" title="">Аркады и экшин</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/card_board/2" title="">Настольные</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/puzzle/3" title="">Головоломки</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/word/4" title="">Слова</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/hidden_object/5" title="">Поиск предметов</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/strategy/6" title="">Стратегии</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/multiuser/8" title="">Многопользовательские</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/other/7" title="">Другие</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/naruto/9" title="">Наруто</a></li>
 </ul> 

 </div> 
 <div class="navhead"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Фотоальбомы</b> </span></div> 
 <div style="display: none;" class="subnav"> 
 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/akacuki/4" title="">Акацуки</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/raznye/5" title="">Разные</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/zlodei/35" title="">Злодеи</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/shinobi_konokhi/16" title="">Шиноби Конохи</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/shinobi_peska/29" title="">Шиноби Песка</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/kage/44" title="">Каге</a></li> 
 </ul> 
 </div> 

 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Каталог статей</b></span></div> 
 <div style="display: block;" class="subnav"> 

 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/1" title="">Разные статьи</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/biografii/3" title="">Биографии</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/tekhniki/5" title="">Техники, чакра и прочее</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/fanfiki/2" title="">Фанфики</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/prizyvnye_zhivotnye/4" title="">Призывные животные</a></li> 
 </ul> 
 </div>

 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Разное</b></span></div> 
 <div style="display: block;" class="subnav">


 <ul class="submenu">
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/bannerobmen/0-54" title="">Баннеробмен</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/juzerbary/0-55" title="">Юзербары</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-15" title="">Главный чат</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/onlajn_perevodchik/0-58" title="">Онлайн переводчик</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/pleer/0-59" title="">Плеер</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/generator_smajlov/0-46" title="">Генератор смайлов</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-21" title="">Онлайн фотошоп</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/rejtingi_polzovatelej/0-60" title="">Рейтинги пользователей</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/sekretar_sajta/0-61" title="">Секретарь сайта</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/kachaem_video_za_tak/0-76" title="">Качаем видео - за так</a></li>


 </div> 
 </div> 
 </div>

psywalker · December 13, 2009

В следующий раз бери готовые скрипты - рабочие, а рыться в чужом коде и за тебя делать никто не будет. :rolleyes:

Int · December 13, 2009

открывай main.css и ковыряй.

Sania · December 14, 2009

открывай main.css и ковыряй.

Это ещё чё такое?

А я не рылся в чужих скриптах, я этот скрипт брал с софт-портала там их выкладывают к вашему сведению, мне просто его под меня настроить нужно!!!

psywalker · December 14, 2009

Это ещё чё такое?
А я не рылся в чужих скриптах, я этот скрипт брал с софт-портала там их выкладывают к вашему сведению, мне просто его под меня настроить нужно!!!

А что тебе мешает это сделать?

Clayton · December 14, 2009

А что тебе мешает это сделать?

Да это приятель нашего ppvkomi

Или он же, но под другим акком

Searcher · December 15, 2009

Это ещё чё такое?
А я не рылся в чужих скриптах, я этот скрипт брал с софт-портала там их выкладывают к вашему сведению, мне просто его под меня настроить нужно!!!

http://styling.org.ua/templates/css/main.css - это таблица стилей, подключенная к вашей странице. Собственно в ней и все оформление.

Для лучшего понимания, читайте пожалуйста внимательно раздел Шаг за шагом, особенно HTML по шагам и CSS по шагам.

yufka · December 15, 2009

Это вам нужно или нет?

<style type="text/css">
  a:focus, a:hover { 
 color : #000000; 
} 

a { 
color : #000000; 
 text-decoration : none; 
} 

#navigation { 
margin-bottom : 5px;
text-align:center;
} 

.subnav { 
color : #000000;
text-align:center;
} 

.navhead, .navhead_blank { 
width:98%;
text-align:left;
height:21px;
padding-top:3px;
background:url('/templates/img/greenrep.png') 0 0 repeat-x;
border:1px solid black;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:5px;
} 

.selected {
 background:black;
 border:1px solid #000000;

 }

.selected span {
 color:orange!important;
}

.navhead { 
cursor : pointer; 
}

.submenu { 

width:98%;
margin : 0; 
padding : 0; 
list-style : none; 
margin-bottom:20px;
} 

.submenu li { 
margin:0 auto; 
width : 95%; 

} 

.submenu li a {
width:98%; 
display : block; 
color : orange; 
padding-top : 3px; 
height : 20px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#111;
 margin-bottom:3px;
 border:1px solid #222;
} 

.submenu li a:hover { 
color : gold; 
background:#222;
border:1px solid #333;
} 
</style> 
 </head> 

 <body bgcolor="black"> 
 <div style="width:180px;margin-top:3px"> 

 <div id="navigation"> 
<ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/" title=""> <b>Главная страница</b></a> 
<li><a href="http://naruto-uzumaki2.ucoz.ru/forum/" title=""> <b>Форум и ролевая</b></a> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-2" title=""> <b>Информация о сайте</b> 
<li><a href="http://naruto-uzumaki2.ucoz.ru/dir" title=""> <b>Наш ТОП- сайтов</b></a> 
<li><a href="http://naruto-uzumaki2.ucoz.ru/gb" title=""> <b>Гостевая книга</b></a>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-3" title=""> <b>Связь с админом</b></a>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/tests" title=""> <b>Тесты</b></a>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/blog" title=""> <b>Блог</b></a>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/druzja_sajta/0-63" title=""><b>Друзья сайта</b></a></ul></div> 
 <div class="sidenav"> 
 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Аниме онлайн</b></span></div> 
 <div style="display: block;" class="subnav"> 

 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/9" title="">Наруто 1 сезон</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/4" title="">Наруто 2 сезон</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/10" title="">Наруто фильмы</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/11" title="">Наруто приколы</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/naruto/drugie_roliki_po_naruto/15" title="">Ролики по Наруто</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/6" title="">Разные аниме</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/load/6-1-0-113" title="">Блич</a></li> 
 </ul> 
 </div> 

 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Онлайн игры</b></span></div> 
 <div style="display: none;" class="subnav"> 
 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/action_arcade/1" title="">Аркады и экшин</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/card_board/2" title="">Настольные</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/puzzle/3" title="">Головоломки</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/word/4" title="">Слова</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/hidden_object/5" title="">Поиск предметов</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/strategy/6" title="">Стратегии</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/multiuser/8" title="">Многопользовательские</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/other/7" title="">Другие</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/stuff/naruto/9" title="">Наруто</a></li>
 </ul> 

 </div> 
 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Фотоальбомы</b> </span></div> 
 <div style="display: none;" class="subnav"> 
 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/akacuki/4" title="">Акацуки</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/raznye/5" title="">Разные</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/zlodei/35" title="">Злодеи</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/shinobi_konokhi/16" title="">Шиноби Конохи</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/shinobi_peska/29" title="">Шиноби Песка</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/photo/kage/44" title="">Каге</a></li> 
 </ul> 
 </div> 

 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Каталог статей</b></span></div> 
 <div style="display: block;" class="subnav"> 

 <ul class="submenu"> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/1" title="">Разные статьи</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/biografii/3" title="">Биографии</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/tekhniki/5" title="">Техники, чакра и прочее</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/fanfiki/2" title="">Фанфики</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/publ/prizyvnye_zhivotnye/4" title="">Призывные животные</a></li> 
 </ul> 
 </div>

 <div class="navhead selected"><span><img src="http://styling.org.ua/templates/images/comm_bad_.gif" border="0"> <b>Разное</b></span></div> 
 <div style="display: block;" class="subnav">


 <ul class="submenu">
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/bannerobmen/0-54" title="">Баннеробмен</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/juzerbary/0-55" title="">Юзербары</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-15" title="">Главный чат</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/onlajn_perevodchik/0-58" title="">Онлайн переводчик</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/pleer/0-59" title="">Плеер</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/generator_smajlov/0-46" title="">Генератор смайлов</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/0-21" title="">Онлайн фотошоп</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/rejtingi_polzovatelej/0-60" title="">Рейтинги пользователей</a></li>
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/sekretar_sajta/0-61" title="">Секретарь сайта</a></li> 
 <li><a href="http://naruto-uzumaki2.ucoz.ru/index/kachaem_video_za_tak/0-76" title="">Качаем видео - за так</a></li>
 </div>

Sign In

Проблема с меню!

Question

Sania

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

Sania

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Clayton

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

yufka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information