0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 1087 Просмотров
*

AxMuziakar

  • Захожу иногда
  • 70
  • 0 / 1
  • AX--<M
Трабл с бекграундом меню
« : 16.04.2012, 23:42:36 »
Не могу добавить background в меню шаблона shopper frenzy
что бы было так:http://photo.qip.ru/users/499982886/151150584/173958216/full_image/

А получается вот так  >:( http://photo.qip.ru/users/499982886/151150584/173958217/full_image/

Помогите! пожалуйста  :( :( :(
если что IcQ 499982886
« Последнее редактирование: 16.04.2012, 23:52:59 от AxMuziakar »
*

Paphnuty

  • Захожу иногда
  • 68
  • 3 / 0
Re: Трабл с бекграундом меню
« Ответ #1 : 17.04.2012, 01:09:19 »
Если сайт есть в сети - адресок бы в студию...

а так
Firefox+FireBug вам в помощь
Нужно CSS ковырять
*

AxMuziakar

  • Захожу иногда
  • 70
  • 0 / 1
  • AX--<M
Re: Трабл с бекграундом меню
« Ответ #2 : 17.04.2012, 11:26:57 »
Я и ковыряю CSS FireBugом
просто не могу в s5_suckerfish.css и Style.css прописать что бы было 2-е картинки в меню вот код "s5_suckerfish.css"


#s5_navv a {
     font-family: 'Lucida Grande',helvetica,verdana,sans-serif,arial;
     font-weight:bold;
     font-size: 11px;
     float: left;
    color:#ffffff;
    padding-left:10px;
    padding-right:10px;
    padding-top:21px;
     display: block;
     cursor: pointer;
    height:21px;
    text-decoration:none;
     overflow: hidden;
    margin-left:10px}

#s5_navv ul li ul li a {
   height: 16px;
   line-height: 19px;
   border-right:none;
   background:none;
   text-indent:3px;
}

#s5_navv li li a{
   background: none;
   font-weight: bold;
   font-size:11px;
   padding: 0;
   padding-top:5px;
   padding-left:22px;
}

#s5_navv, #s5_navv ul {
   height:41px;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}

* HTML #s5_navv {
   overflow:hidden;
}

#s5_navv ul ul a {
   display: block;
   text-decoration: none;
   width: 190px;
   text-transform: none;   
}

#s5_navv li {
   float: left;
   padding: 0;
   height: 41px;
}

#s5_navv ul li ul li {
   border-bottom:solid 1px #565656;
   height: 28px;
}

#s5_navv ul li {
   position: relative;
}

#s5_navv li ul {
   z-index: 3;
   top: 41px;
   position: absolute;
   left: -999em;
   height: auto;
   width: 215px;
   font-weight: normal;
   border-width: 0;
   margin: 0;
   padding: 0;
}
   
#s5_navv ul {
   padding: 0;
   margin: 0;
}

#s5_navv li li {
   float: left;
   padding: 0;
    width: 215px;
}

#s5_navv li ul ul {
   margin: -42px 0 0 215px;
}

#s5_navv li:hover ul ul,
#s5_navv li:hover ul ul ul,
#s5_navv li:hover ul ul ul ul, 
#s5_navv li.sfhover ul ul,
#s5_navv li.sfhover ul ul ul,
#s5_navv li.sfhover ul ul ul ul {
   position:absolute;
   left: -999em;
   z-index:2;
}

#s5_navv li:hover ul,
#s5_navv li li:hover ul,
#s5_navv li li li:hover ul,
#s5_navv li li li li:hover ul,
#s5_navv li.sfhover ul,
#s5_navv li li.sfhover ul,
#s5_navv li li li.sfhover ul,
#s5_navv li li li li.sfhover ul{
   position:absolute;
   z-index: 2;
   left: 0;
}

#s5_navv li:hover, #s5_navv li.sfhover {
   position:relative;
   z-index: 2;
   left: 0; 
}

#s5_navv ul ul {   
   background:url(../images/s5_dd_menu.png) repeat-y top left;
   border-bottom:1px solid #565656;
   border-left:1px solid #464646;
   border-right:1px solid #404040;
   border-top:1px solid #565656;
   border-width:1px 1px 1px 1px;
   margin-left:2px;
}

#s5_navv ul li:hover, #s5_navv ul li.sfhover {
   background:url(../images/s5_menu_hover.png);
}

#s5_navv li:hover ul, #s5_navv li.sfhover ul {
   left: 0;
   background-position: 0 0;
}

#s5_navv ul li a.parent, #s5_navv ul li a.parent:hover {
   height:17px;
   background:url(../images/s5_dd_parent.png) no-repeat top right;
}

#s5_navv li li:hover, #s5_navv li li.sfhover {
   background:none;
   background:#333333;
}

#s5_navv ul li.active a.active {
   padding-left:18px;
   padding-right:18px;
   padding-top:18px;
    font-size:13px;
   display:block;
   background:none;
}

#s5_navv ul li.active:hover, #s5_navv ul li.active.sfhover {
   background:none;
}

"А вот style1.css"



body {
background:#FFFFFF url(../images/style1/s5_background.jpg) repeat-x top center;
}

#s5_menu {
border-bottom:solid 2px #2EA2C5;
}

#s5_sub_menu {
background:url(../images/style1/s5_menu_line.png);
border-left:solid 1px #77C2D9;
border-right:solid 1px #77C2D9;
padding-top:5px;
padding-bottom:5px;
}

* HTML #s5_sub_menu {
border:none;
}

.button, a:link, a:visited, .s5_h3_first, ul.menu #current span, .componentheading, .contentheading, h1, h2, h3, h4, h5, #s5_closed, #s5_open  {
color:#2588A6;
}

#s5_vm_search_button_middle {
height:28px;
background:transparent url(../images/style1/s5_m_search_button.png) repeat-x;
float:right;
margin-top:5px;
margin-right:15px;
}

* HTML #s5_vm_search_button_middle {
width:1px;
margin-right:15px;
}

#s5_vm_search_button_left {
height:28px;
background:transparent url(../images/style1/s5_l_search_button.png) no-repeat top left;
}

#s5_vm_search_button_right {
height:28px;
background:transparent url(../images/style1/s5_r_search_button.png) no-repeat top right;
}
#s5_navv ul li.active span.s5_outer_active span.s5_rs {
   background:transparent url(../images/style1/s5_l_menu_act.png) no-repeat top left;
   height:41px;
   display:block;
   float:left;
}
#s5_navv ul li.active span.s5_outer_active {
   background:transparent url(../images/style1/s5_r_menu_act.png) no-repeat top right;
   height:41px;
   display:block;
   float:left;
}
#s5_navv a{
    background-position:url(../images/style1/s5_r_menu_act.png) no-repeat top right;
   background:transparent url(../images/style1/s5_l_menu_act.png) no-repeat top left;
   height:41px;
   display:block;
   float:left;
   }

#s5_bottom_row_1 {
   background:transparent url(../images/style1/s5_bot_row_m.png) repeat-x top center;
}

#s5_bottom_row_2 {
   background:transparent url(../images/style1/s5_bot_row_l.png) no-repeat top left;
   position:relative;
}

#s5_bottom_row_3 {
   background:transparent url(../images/style1/s5_bot_row_r.png) no-repeat top right;
   padding-left:13px;
   padding-right:13px;
   padding-top:52px;
}

.addtocart_button {
   background:transparent url(../images/style1/s5_add_to_cart.png) no-repeat top left;
   height:25px;
   width:96px;
   margin-top:0px;
   margin-bottom:10px;
   font-size:12px;
   border:none;
   font-weight:bold;
   color:#FFFFFF;
}
*

Paphnuty

  • Захожу иногда
  • 68
  • 3 / 0
Re: Трабл с бекграундом меню
« Ответ #3 : 17.04.2012, 11:37:37 »
Я так понимаю в сети сайта нет?

Сохраните страничку и дайте ссылку на архив.
*

AxMuziakar

  • Захожу иногда
  • 70
  • 0 / 1
  • AX--<M
*

Paphnuty

  • Захожу иногда
  • 68
  • 3 / 0
Re: Трабл с бекграундом меню
« Ответ #5 : 17.04.2012, 17:54:46 »
т.е. вот так

не нужно?
*

Paphnuty

  • Захожу иногда
  • 68
  • 3 / 0
Re: Трабл с бекграундом меню
« Ответ #6 : 17.04.2012, 18:36:59 »
Собственно вот:

s5_suckerfish.css
Спойлер
[свернуть]

style1.css
Спойлер
[свернуть]

*

AxMuziakar

  • Захожу иногда
  • 70
  • 0 / 1
  • AX--<M
Re: Трабл с бекграундом меню
« Ответ #7 : 17.04.2012, 22:47:18 »
Ооо!)))) спасибо друг) буду должен)
*

AxMuziakar

  • Захожу иногда
  • 70
  • 0 / 1
  • AX--<M
Re: Трабл с бекграундом меню
« Ответ #8 : 18.04.2012, 14:12:04 »
Еще одна проблема =(
Не могу сменить всплывающее меню =/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 116
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3044
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 5804
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 436
Последний ответ 12.07.2017, 21:09:01
от wectra
Не отображаются пункты в меню

Автор physic

Ответов: 16
Просмотров: 15747
Последний ответ 27.05.2017, 00:10:15
от OutLaw1