Все форумы » Форум вебмастера » Технические вопросы: HTML, CSS, JavaScript » Нужна помощь в правке шапки.
Нужна помощь в правке шапки.
Сообщения с 1 по 10 из 12
2012-02-29 13:15:20
Michael
Участник
Участник
css меню
#mainmenu {
width: 912px;
margin: 0 auto;
height: 55px;
padding-bottom: 0px;
background: url('images/mainmenu-shadow.png') no-repeat center bottom;
margin-bottom: 0px;
}
#mainmenu .bg, #mainmenu .bg-left, #mainmenu .bg-right { height: 100%; }
#mainmenu .bg { margin: 0 12px; background: url('images/mainmenu-bg.png') repeat-x 0 0; }
#mainmenu .bg-left { background: url('images/mainmenu-bg-left.png') no-repeat left 0; }
#mainmenu .bg-right { background: url('images/mainmenu-bg-right.png') no-repeat right 0; }
#mainmenu .bg-inner { height: 45px; padding-top: 5px; background: url('images/mainmenu-bg-inner.png') repeat-x 0 5px; line-height: 45px; }
#mainmenu ul li {
display: inline;
padding: 15px 17px 15px 13px;
}
#mainmenu ul li, #mainmenu ul li a { color: #232323; font-size: 14px; text-decoration: none; font-weight: bold; }
#mainmenu ul li a:hover { color: #417523; }
#mainmenu ul li.current-menu-item a, #mainmenu ul li.current-page-item a, #mainmenu ul li.current-category-ancestor a { color: #417523; }
#mainmenu ul ul { display: none; }
#mainmenu {
width: 912px;
margin: 0 auto;
height: 55px;
padding-bottom: 0px;
background: url('images/mainmenu-shadow.png') no-repeat center bottom;
margin-bottom: 0px;
}
#mainmenu .bg, #mainmenu .bg-left, #mainmenu .bg-right { height: 100%; }
#mainmenu .bg { margin: 0 12px; background: url('images/mainmenu-bg.png') repeat-x 0 0; }
#mainmenu .bg-left { background: url('images/mainmenu-bg-left.png') no-repeat left 0; }
#mainmenu .bg-right { background: url('images/mainmenu-bg-right.png') no-repeat right 0; }
#mainmenu .bg-inner { height: 45px; padding-top: 5px; background: url('images/mainmenu-bg-inner.png') repeat-x 0 5px; line-height: 45px; }
#mainmenu ul li {
display: inline;
padding: 15px 17px 15px 13px;
}
#mainmenu ul li, #mainmenu ul li a { color: #232323; font-size: 14px; text-decoration: none; font-weight: bold; }
#mainmenu ul li a:hover { color: #417523; }
#mainmenu ul li.current-menu-item a, #mainmenu ul li.current-page-item a, #mainmenu ul li.current-category-ancestor a { color: #417523; }
#mainmenu ul ul { display: none; }
2012-03-01 23:00:06
Serge
администратор
администратор
На самом деле, в PHP лезть в данном случае не надо - все проще:
1. Смотришь готовый HTML-код в браузере.
2. Находишь нужный блок и смотришь, как его можно идентифицировать в CSS (класс или id).
3. Прописываешь нужное правило в CSS.
1. Смотришь готовый HTML-код в браузере.
2. Находишь нужный блок и смотришь, как его можно идентифицировать в CSS (класс или id).
3. Прописываешь нужное правило в CSS.
Стр.:
1
2