|
|
Модератор форума: Yuri_G |
Сообщество uCoz Архивариус Решённые вопросы Вставить логотип в меню (картинка в горизонтальном меню) |
Вставить логотип в меню |
Всем привет! Спасибо что зашли в эту тему! Мне нужна ваша помощь! cry
Столкнулся с такой проблемой, хочу в меню добавить свое logo сайта, то есть маленький логотип. </b>Меню горизонтальное: ![]() Хотелось бы! Поставить <b>лого сайта справа от "Главной страницы" То есть отодвинуть пункт "Главная страница" и вставить туда лого. Ну это будет смотрется вот так: ![]() </b><b> Вот код в CSS, горизонтального меню: Code /*---------------- Mainmenu start------------*/ #mainmenu { text-align: left; width: 980px; margin: 0px 10px; margin-left: 7px; } #mainmenu li { float: left; height: 44px; line-height: 44px; } #mainmenu li a { display: block; margin-top: 9px; margin-left: 5px; font: 11px/25px 'Tahoma'; color: #FFFFFF; padding: 0px 10px; text-transform: uppercase; border: 1px solid transparent; white-space: nowrap; } #mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a.uMenuItemA { font: 11px/25px 'Tahoma'; color: #ffffff; background: #363636; padding: 0px 10px; text-decoration: none; border-left: 1px solid #4F4F4F; border-top: 1px solid #4F4F4F; border-right: 1px solid #4F4F4F; border-bottom: 1px solid #4F4F4F; border-radius: 5px; -moz-border-radius: 5px; } .uMenuH li {float:left;padding: 0 5px;list-style:none;} ul.uMenuRoot { margin: 0px; padding: 0px; list-style-type: none; } .uMenuV li {} .uMenuV .uMenuItem {} .uMenuV a {} .uMenuV .uMenuItem a:hover {} .uMenuV .uMenuItem a:active {} .uMenuV a.uMenuItemA {} .uMenuV .uMenuItem span {} #mainmenu .x-sh { display: none; } #mainmenu .xw-tl, #mainmenu .xw-tc, #mainmenu .xw-tr, #mainmenu .xw-bl, #mainmenu .xw-bc, #mainmenu .xw-br { display: none; } #mainmenu .xw-ml, #mainmenu .xw-mr { padding: 0 !important; } #mainmenu .u-menu .u-menubody, #mainmenu .u-menu .xw-mc { border: 0 !important; } #mainmenu .u-menu .u-menuvitem { background: #344640; } #mainmenu .u-menu .u-menuvitem:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px } #mainmenu .u-menu .u-menuvitem:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px } .u-menubody span { color: #ffffff !important; font: 11px 'Tahoma'; text-transform: uppercase; } #mainmenu .u-menu { margin-left: 4px; } #mainmenu .u-menu a { padding: 5px 7px; } #mainmenu .u-menu a.u-menuvitem { border-bottom: 1px solid #586e67; border-top: 1px solid #2b3330; } #mainmenu .u-menu .u-menuitemhl { background: #3d504a !important; } #mainmenu .xw-ml, #mainmenu .xw-mc, #mainmenu .xw-mr, #mainmenu .u-menubody, #mainmenu .u-menucont { background: none !important; } .u-menuarrow { width: 5px !important; height: 8px !important; top: 11px !important; right: 5px !important; background: url(/.s/t/798/33.png) no-repeat !important; } #mainmenu .uMenuArrow { position: absolute; /*height: 5px; width: 17px; top: 100%; margin-top: -7px; left: 50%; margin-left: -8px;*/ height: 17px; width: 5px; top: 14px; right: 2px; background: url(/.s/t/798/34.png) no-repeat; } #mainmenu li:hover .uMenuArrow { display: none; } /*------------------- Mainmenu end -------------------*/ Пожалуйста помогите, прошу вас!) С меня плюсик!) Ставь плюс! если помог!...
Сообщение отредактировал webanet - Воскресенье, 25 Ноя 2012, 18:56:13
|
Quote (Пумба) Хотелось бы! Поставить лого сайта справа от "Главной страницы" Странно, на скриншоте указано слева, а пишите что нужно справа. Quote (Пумба) Вот код в CSS, горизонтального меню: Зачем стили? Вставляйте перед первой ссылкой логотип. Пример: Quote <li><img src="/img/logo.png" width="30" height="30" onclick="location.href='/index/'" style="margin-top:3px;margin-right:10px;cursor:pointer" border="0" alt="" /></li> Профессиональный сервис опросов WebAsk
|
Shеriff, вау! спасибо! но дело в том что у меня не ручное меню! а через ПУ: <!-- <sblock_menu> -->$SMENU_1$<!-- </sblock_menu> -->
когда добавляю ваш код получается так: <li> дает круглишок! убрал <li> меню показывает не коректно Ставь плюс! если помог!...
|
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!