Jump to content

prestashop 1.4.1 module jbx_menu_2_7_1. menu d'icônes en utilisant


Recommended Posts

Du bon temps toute la journée.
Je demande votre aide pour Css /
Mon idée de faire au lieu d'un simple menu d'icônes en utilisant jbx_menu_2_7_1.
Dans le fichier joint pour l'animation dans le menu (qui est, une fois la charge sur l'icône d'image élevée) pour l'action (hover)

Mais il s'avère que c'est ce que (actuel des pièces jointes)

en utilisant la configuration

Un second échantillon (normal) - comme il se doit lorsque vous passez votre souris ...






/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
margin: 10px 0;
height: 30px;
line-height: 30px;
padding-left: 7px;
background: transparent url(../gfx/menu/menu.gif) no-repeat left center;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
float: left;
width: 960px;
line-height: 1.2;
/*background: transparent url(../img/blocktopmenu.gif) repeat-x;*/
}
.sf-menu ul {
background-repeat: no-repeat;
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
background-repeat: no-repeat;
position:absolute;
height:128px;
margin-bottom:15px;
}
.sf-menu img {
background-repeat: no-repeat;
display:block;
height:128px;
width:128px;
position:relative;
line-height 12.1px;
bottom :10;



.sf-menu img :hover {

height:128px;
width:128px;
background-position:left top;
}


}
.sf-menu span {
position: absolute ;
float:left



}



.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {

float: left;
position: relative;
}
.sf-menu a {
line-height 12.1px;
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.7em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}


english :




Good time all day.
I ask your help in Css /
My idea to do instead of a simple menu of icons using jbx_menu_2_7_1.
In the attached file for animation on the menu (that is, load the icon once high picture) for the action (hover)

But it turns out that's what (Current Attachments)

using the setup

A second sample (normal) - as it should be when you hover your mouse ...



----------
exemple

www.sporttimedv.ru


prstashop 1.1.41.

43964_cC9hQIVazpiOLP5Usle1_t

43965_4psfymZYGRbFIQa1j2yC_t

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...