• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Вставить логотип в меню
Пумба
Сообщений: 74
Репутация: 7

Сообщение # 1 | 18:42:24
Всем привет! Спасибо что зашли в эту тему! Мне нужна ваша помощь! 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
Shеriff
Сообщений: 3187
Репутация: 2662

Сообщение # 2 | 18:56:58
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
Bumik
Сообщений: 607
Репутация: 227

Сообщение # 3 | 18:57:27
во первых CSS тут сильно не нужен, а вот от ссылки на ваш сайт мы бы не отказались

опц уже ответили

Если на вопрос ни кто не знает ответа, то пора читать описание.
Сообщение отредактировал Bumik - Воскресенье, 25 Ноя 2012, 18:57:59
Пумба
Сообщений: 74
Репутация: 7

Сообщение # 4 | 19:14:20
Shеriff, вау! спасибо! но дело в том что у меня не ручное меню! а через ПУ: <!-- <sblock_menu> -->$SMENU_1$<!-- </sblock_menu> -->
когда добавляю ваш код получается так:
<li> дает круглишок!  убрал <li> меню показывает не коректно

Ставь плюс! если помог!...
Shеriff
Сообщений: 3187
Репутация: 2662

Сообщение # 5 | 19:59:33
Пумба, что Вам мешает задать класс для ссылки? (скриншот)
Затем пропишите стили для нового класса.
Code
.nameclass {background-image: url(http://primer.com/logo.png);padding-top:50px;}
.nameclass span{visibility:hidden;}


К изучению → padding.

Профессиональный сервис опросов WebAsk
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!