Jump to content

Ayuda con modulo slider

safortec

By safortec
in Discusión general

 Share

Recommended Posts

Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

hola a todos, he seguido este hilo http://victor-rodena...-1-5/#more-2231 para modificar la posicion del slider pero el resultado es otro, se me queda totalmente desplazado a la derecha.

esta es mi web www.somoslatinta.es alguien podria echarme una mano? gracias.

 

Me cuelo por aqui para molestar como de costumbre.

 

Creo que es por que en el archivo:

 

http://www.somoslatinta.es/themes/default/css/global.css

 

tienes puesto esto:

 

#header_right {
position: relative;
float: right;
width: 200px;
}

 

Si quitas ese width, si se ve el slider en medio.

 

-

 

Por otra parte, veo que has puesto tambien un ancho de 200px en la configuracion del slider, aumentalo...

Link to comment
Share on other sites
safortec Newbie

safortec

Posted
  • Author
Posted

Primero que todo Gracias Rubalcaba por ayudarme, con los datos que me has facilitado he conseguido centrarlo algo, aunque me ha desplazado la busqueda, el carrito y el usuario y no termina de estar bien, como podria solucionarlo'

www.somoslatinta.es

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Primero que todo Gracias Rubalcaba por ayudarme, con los datos que me has facilitado he conseguido centrarlo algo, aunque me ha desplazado la busqueda, el carrito y el usuario y no termina de estar bien, como podria solucionarlo'

www.somoslatinta.es

Buenas noches a todos, haz lo siguiente.

 

En tu caso particular, ve al fichero:

 

modules/blocksearch/blocksearch.css

 

Busca esto:

 

#search_block_top {
position: absolute;
top: 115px;
left: -25px;
}

 

y dejalo asi:

 

#search_block_top {
position: absolute;
top: 115px;
right: 3%;
}

 

Despues, en el fichero:

 

modules/blockuserinfo/blockuserinfo.css

 

Busca esto:

 

#header_right #header_user {
clear:both;
float: right;
margin-top:8px;
}

 

Y prueba dejarlo asi:

 

#header_right #header_user {
clear: both;
float: right;
margin-top: -198px;
}

Link to comment
Share on other sites
safortec Newbie

safortec

Posted
  • Author
Posted

Gracias casi lo tengo.. que haria yo sin vosotros.... llevo toda la mañana dandole vueltas....!!!

Como podria subir el slider un poco mas arriba para que no quedara tanto espacio entre el menu horizontal y el slider?

y gracias a todos los que me estáis ayudando.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias casi lo tengo.. que haria yo sin vosotros.... llevo toda la mañana dandole vueltas....!!!

Como podria subir el slider un poco mas arriba para que no quedara tanto espacio entre el menu horizontal y el slider?

y gracias a todos los que me estáis ayudando.

 

Fichero:

 

modules/homeslider/bx_styles.css

 

Esto:

 

.bx-wrapper {
height: 254px;
margin-top: 45px;
padding-top:1px;
margin-bottom: 8px
}

 

por esto:

 

.bx-wrapper {
height: 254px;
margin-top: 1px;
padding-top: 1px;
margin-bottom: 21px;
}

 

Luego, fichero:

 

modules/blocktopmenu/css/superfish-modified.css

 

Esto:

 

.sf-contener {
clear: both;
}

 

Por esto:

 

.sf-contener {
clear: both;
margin-bottom: -15px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por cierto, corrige una cosa que te he dicho antes.

 

En el fichero:

 

modules/blockuserinfo/blockuserinfo.css

 

esto:

 

#header_right #header_user {
clear: both;
float: right;
margin-top: -198px;
}

 

dejalo asi:

 

#header_right #header_user {
clear:both;
float: right;
margin-top:8px;
}

 

Despues, ve a la pestaña Módulos -> Posiciones - Bloque Top of Pages

 

Y deja el

 

Bloque de informacion personal

 

encima del

 

Bloque de busqueda rapida

 

Adjunto Imagen

 

bbrapida-1024x307.png

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Despues, en tu fichero:

 

modules/blocktopmenu/css/superfish-modified.css

 

Busca esto:

 

.sf-menu {
float: right;
margin-bottom: 1em;
margin-top: 160px;
}

 

y dejalo asi:

 

.sf-menu {
float: right;
margin-bottom: 1em;
margin-top: 94px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Perfecto, aunque se me ha quedado ahora mucho espacio entre la imagen del logo y el menu horzontal no?

www.somoslatinta.es

 

Respuesta:

 

 

Despues, en tu fichero:

 

modules/blocktopmenu/css/superfish-modified.css

 

Busca esto:

 

.sf-menu {
float: right;
margin-bottom: 1em;
margin-top: 160px;
}

 

y dejalo asi:

 

.sf-menu {
float: right;
margin-bottom: 1em;
margin-top: 94px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Lo tengo tal cual me comentas pero veo que hay mucho espacio entre logo y barra del menu horizontal.

Por lo demas todo perfecto

No lo tienes igual, por que yo desde aqui por codigo, no lo veo igual.

Link to comment
Share on other sites
safortec Newbie

safortec

Posted
  • Author
Posted

pues lo tengo modificado y lo subo al ftp, pero como bien dices si inspeciono el elemento no me da las medidas cambiadas.

 

este es mi archivo

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
margin-bottom: -15px;
}
.sf-right {
 margin-right: 14px;
 float: right;
 width: 7px;
}
.sf-menu, .sf-menu * {
margin:   0;
padding:  0;
list-style:  none;
}
.sf-menu {
float: right;
margin-bottom: 1em;
margin-top: 94px;
width:980px;/* 980 */
background: #383838;
}
.sf-menu ul {
position:  absolute;
top:   -999em;
width:   10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:   100%;
}
.sf-menu li:hover {
visibility:  inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:   left;
position:  relative;
border-right: 1px solid #777;
}
.sf-menu a {
display:  block;
position:  relative;
color:#fff;
text-shadow:0 1px 0 #333;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:   0;
top:   34px; /* match top ul list item height */
z-index:  99;
width:auto
}
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:   200px; /* 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:   200px; /* match ul width */
top:   0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: right;
margin-bottom: 1em;
margin-top: 160px;
}
.sf-menu a {
display:block;
margin-right:2px;
padding: 0 22px 0 20px;
line-height:34px;
border: 0;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:   #fff;
white-space:nowrap;
}
.sf-menu li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu li li li {
background: rgba(113, 113, 113, 0.9);
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #4E4E4E;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
background:  #4e4e4e;
outline:  0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right:  2.25em;
min-width:  1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:  absolute;
display:  block;
right:   10px;
top:   1.05em; /* IE6 only */
width:   10px;
height:   10px;
text-indent:  -999em;
overflow:  hidden;
background:  url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top: 11px;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../img/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-bottom-left-radius: 17px;
-moz-border-top-right-radius: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
li.sf-search {
 background: inherit;
 float: right;
 line-height: 25px;
}
li.sf-search input {
 -moz-border-radius: 0 5px 5px 0;
 padding: 3px 0;
 padding-left: 20px;
 margin: 6px 6px 0 0;
 background: #fff url('../img/search.gif') no-repeat left center;
 border:1px solid #777
}
/* hack IE7 */
.sf-menu a, .sf-menu a:visited {height:34px !IE;}
.sf-menu li li {
width:200px;
background:#726f72 !IE;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias por todo, solo me queda una consulta, solo se ve bien con Chrome, si lo hago desde iexplorer o firefox el slider pisa un poco "categorias" y " productos destacados"

 

Intenta dejar el .bx_wrapper, momentenamente asi:

 

.bx-wrapper {
height: 335px;
margin-top: -81px;
padding-top: 1px;
margin-bottom: 8px;
}

 

Que tengo que salir.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted 

bx_styles.css

 

.bx-wrapper {
height: 256px;
margin-top: 45px;
padding-top: 1px;
margin-bottom: 8px;
}

 

superfish-modified.css

 

.sf-menu {
float: right;
margin-bottom: -24px;
margin-top: 94px;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias Victor, ahora si funciona pero se podria juntar un poco con el slider es que ha quedado mucho hueco entre slider y menu.

y por otra parte a que se debe esto si ayer se quedo funcionando?

 

Recuerda que tenias dos veces repetido el:

 

.sf-menu

 

en el css.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

si pero te pase los datos del ftp y me lo solucionawste. Como dejo menos espacio entre la parte superior del slider y la parte inferior de la barra del menu?

 

Revisa mi mensaje anterior, busca

 

.sf-menu

 

dos veces en tu fichero y encontraras lo que te comento

 

Un Saludo

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

esta perfecto referente al centrado pero has visto los iconos que muestra cuando pones el cursor sobre el desplegable?

Por cierto gracias por tu ayuda, anda que no da guerra prestashop

 

En realidad esta mal, no esta bien, luego lo miro. Tengo que salir.

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...