1 (09.09.2012 22:41 отредактировано selenii)

Тема: Помогите приукрасить меню на сайте

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

меню стоит здесь _http://filman.ru/


<ul id="menu">

<li><a href="/"><b><u>Кинотеатр онлайн &#8711;</a></u></b>
<ul>
<li><a href="/?do=archive">Список Фильмов</a></li>
<li><a href="/?do=top100">Топ 250 Фильмов</a></li>
<li><a href="/?do=top100&c">Обсуждаемые</a></li>
<li><a href="/premiya_oskar.html">Премия "Оскар"</a></li>        
<li><a href="/newsz/prem/">Скоро в кино</a></li>    
</ul>
</li>

<li><a href="/newsz/teleperedachy-_-shou/"><b><u>Телепередачи &#8711;</u></b></a>    
<ul>
<li><a href="/newsz/teleperedachy-_-shou/smile/"><span>Развлекательные</span></a></li>    
<li><a href="/newsz/teleperedachy-_-shou/tok_show/"><span>Ток-шоу</span></a></li>        
<li><a href="/newsz/teleperedachy-_-shou/music/"><span>Музыкальные</span></a></li>        
<li><a href="/newsz/teleperedachy-_-shou/avtor/"><span>Авторские</span></a></li>        
<li><a href="/newsz/teleperedachy-_-shou/baby/"><span>Детские</span></a></li>        
<li><a href="/newsz/teleperedachy-_-shou/game/"><span>Игровые</span></a></li>        
<li><a href="/newsz/teleperedachy-_-shou/analit/"><span>Аналитические</span></a></li>        
<li><a href="/newsz/teleperedachy-_-shou/posnov/"><span>Познавательные</span></a></li>
</ul>
</li>

<li><b><u><a href="#">Мультимедиа &#8711;</a></u></b>
<ul>
<li><a href="/loadsz/">Клипы Онлайн</a></li>        
<li><a href="/tv/">Телевидение Онлайн</a></li>        
<li><a href="/Radio_Online.html">Радио Онлайн</a></li>    
<li><a href="/games.html">Флеш Игры</a></li>        
<li><a href="/blogz/">Веб Камеры</a></li>
</ul>
</li>
    
<li><b><u><a href="#">Тексты &#8711;</a></u></b>
<ul>
<li><a href="/kinonews">Новости Кино</a></li>    
<li><a href="/?do=lastcomments">Комментарии фильмов</a></li>
<li><a href="/reviews/">Рецензии</a></li>
</ul>
</li>    

<li><b><u><a href="#">Общение &#8711;</a></b></u>
<ul>
<li><a href="http://blog.filman.ru/">Наш Блог</a></li>            
<li><a href="/reviews/">Рецензии</a></li>                
<li><a href="/index.php?do=feedback">Контакты</a></li>
</ul>
</li>
    
<li><b><u><a href="#">О проекте &#8711;</a></u></b>
<ul><li><a href="/about.html">О сайте</a></li>
<li><a href="/advertise.html">Реклама на сайте</a></li>        
<li><a href="/fan_club">Фан клуб</a></li>    
<li><a href="/help.html">Помощь</a></li>
<li><a href="/copyright.html">Соглашение</a></li>
<li><a href="/sitemap/">Карта сайта</a></li>
<li><a href="/dlya-pravoobladateley.html">Для правообладателей</a></li>
</ul>
</li>

</ul>
#menu {
    padding: 0;
    font-size: 100%;
    margin-left: 40px;
    font-family:  Verdana;

    }


#menu li {
    list-style: none;
    float: left;
    height: 20px;
    padding: 0;
    margin-top:90px;
    width: 150px;
    text-align: center;
    position: relative;
    padding-top: 12px;
    z-index:99;

    }
#menu li ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 150px;
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    }
#menu li ul li {
    float: none;
    height: 20px;
    margin: 0;
    width: 150px;
    text-align: center;
    background: #7F7F7F;

    }
#menu li a {
    display: block;
    width: 150px;
    height: 33px;
    color: #fff;
    text-decoration: none;
    }
#menu li:hover ul, #menu li.jshover ul {
    display: block;
    }
#menu li:hover, #menu li.jshover {
    background: #6699FF;
    }

Re: Помогите приукрасить меню на сайте

selenii пишет:

<li><a href="/"><b><u>Кинотеатр онлайн &#8711;</a></u></b>

selenii пишет:

<li><b><u><a href="#">Общение &#8711;</a></b></u>

В этих местах теги как попало стоят. Надо строго соблюдать вложенность тегов!

В остальном, что касается вопроса - надо конкретики, критерии красоты у каждого свои, откуда нам знать, что ты подразумеваешь под словом "приукрасить"?

3

Re: Помогите приукрасить меню на сайте

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

а так да эе трудно сказать ...

Re: Помогите приукрасить меню на сайте

selenii пишет:

хочется что бы углы были закругленные

Добавь туда, где нужны закругленные края border-radius: 10px;, например, для элемента #menu li
В любом случае, ты ничего не объяснил толком, потому и помочь сложно.

Говори давай точно, че надо и как!?

Re: Помогите приукрасить меню на сайте

Воть, пользуйтесь _http://ruseller.com/lessons.php?rub_id=29&id=539

6

Re: Помогите приукрасить меню на сайте

Хоть темка и старая, но апнуть и предупредить стоит, так как при переходе на сайт выскакивает винлок на экран с отправкой смс. Решил проблему за 5 мин, но малоли кому ещё попадёться. Прошу удалить тему.