Веб-мастеру

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру » Помощь, вопросы по uCoz » css меню


css меню

Сообщений 1 страница 4 из 4

1

Ребята, помогите закончить немного меню
Вот css:

css
Код:
#wrapper-200a{ width:200px; float:center; margin-center:180px } /* Reset */ 
.accordion, .accordion ul, .accordion li, .accordion a, .accordion span 
{ margin: 0; padding: 0; border: none; outline: none; } 
.accordion li { list-style: none; }

.accordion li > a { display: block; position: relative; min-width: 110px; padding: 0 10px 0 40px; height: 32px; color: #000000; font: bold 12px/32px Arial, sans-serif; text-decoration: none; text-shadow: 0px 1px 0px rgba(0,0,0, .35);  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); } .accordion > li:hover > a, .accordion >


.accordion li.sign:hover > a:before, .accordion li.sign:target > a:before { background-position: -72px -24px; } /* Sub Menu */ .sub-menu li a { color: #797979; text-shadow: 1px 1px 0px rgba(255,255,255, .2); background: #ffffff; border-bottom: 1px solid #c9c9c9; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1); } 

.sub-menu li:hover a { background: #efefef; } .sub-menu li:last-child a { border: none; } .sub-menu li > a span { color: #797979; text-shadow: 1px 1px 0px rgba(255,255,255, .2); background: transparent; border: 1px solid #c9c9c9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sub-menu em { position: absolute; top: 0; left: 0; margin-left: 14px; color: #a6a6a6; font: normal 10px/32px Arial, sans-serif; } /* Functionality */ .accordion li > .sub-menu { height: 0; overflow: hidden; -webkit-transition: height .2s ease-in-out; -moz-transition: height .2s ease-in-out; -o-transition: height .2s ease-in-out; -ms-transition: height .2s ease-in-out; transition: height .2s ease-in-out; } .accordion li:target > .sub-menu { height: 98px; }

нужно выделение при наведение , на подразделы есть выделение, а вот на разделы нет

0

2

https://forumupload.ru/uploads/0007/af/57/16361-5.gif Привет! Какими судьбами?)) https://forumstatic.ru/files/0007/af/57/21167.gif
По CSS ни структуры, ни расположения элементов не определить с ходу. Есть вариант в интернете или сам HTML-код меню?

0

3

Привет Артем, да вот вспомнил про тебя думаю дай зайду , напрягу тебя немного !  https://forumupload.ru/uploads/0007/af/57/16341-1.gif
да я уже другой честно говоря меню написал ... это какое то слишком для меня  https://forumupload.ru/uploads/0007/af/57/16415-3.gif

Артем не подскажешь как картинку выравнять по тексту ?
http://sg.uploads.ru/tdB8A.jpg

Код:
div class="dt"><em><img src="/1w/time.png"> $DATE$</em> |<img src="/1w/catalog.png" border="0">
 <a href="$CATEGORY_URL$" title="">$CATEGORY_NAME$</a> |<img src="1w/views.png" width="16" height="16" align="middle"> $READS$ | $COMMENTS_NUM$ комментария </div>

Отредактировано Шокир (11.06.2015 13:42)

0

4

Эх, было время, когда тут днями зависали https://forumupload.ru/uploads/0007/af/57/16341-1.gif
Попробуй в стилях прописать:

Код:
.dt img {vertical-align: middle}

0


Вы здесь » Веб-мастеру » Помощь, вопросы по uCoz » css меню