Jump to content
  • 0

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


Sania
 Share

Question

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

<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>

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

  • 0

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

<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>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy