Jump to content

Tamaño de logo Tema por defecto


Recommended Posts

Hola soy diseañador web y soy nuevo en prestashop, estuve buscando una solucion para que el logo me quede bien

 

Si lo agrando al logo que viene por defecto queda con un margen vertical entre la la botonera horizontal y la barra de buscar,

 

Estuve viendo otras respuestas y probe con cambiar el global.css

 

#header_right {

position:relative;

float: right;

width:295px

}

 

Pero no me dio resultado, les dejo el link para que lo vean http://www.ofertasshop.com.ar a ver si me pueden ayudar

 

Gracias

Link to comment
Share on other sites

En ningun momento dije que no se modificar un css ni redimensionar una imagen, la pregunta esta clara!

 

¿Y a qué esperas?

 

Nada, lo digo porque yo también diseño webs, pero como no se código avanzado no me las doy de desarrollador por los foros de prestashop. No sé si es tu caso pero vamos un desarrollador sabe usar el "f12", (o al menos en un logo estático)

 

PD: Por si no te ha quedado claro, ya te he respondido lo que tienes que hacer, tocar el CSS y/o redimensionar la imagen, no hay más.

Edited by Rubén (see edit history)
Link to comment
Share on other sites

Por cierto, el logo no tiene nada que ver con el header right, es #header_logo otra cosa más, no tienes que tocar el CSS, tienes que añadir el width="lo que quieras" y lo mismo con el height. (Esto en el PHP del header.tpl , los códigos de imagen son <img src="" />)

 

Y también puedes crear un DIV en header.TPL y darle estilo en Global.

Edited by Rubén (see edit history)
Link to comment
Share on other sites

Perdona las formas tío pero es que aquí hay personas que diseñan de PM y no van diciendo "soy diseñador" (que siendo tu 1er mensaje es un poco, "chulesco")

 

Como ejemplo: Moraira, Acúen, Nadie, jordiob, Statictic, WifiOnline, RubalCaba... ¡y muchos más!

Edited by Rubén (see edit history)
Link to comment
Share on other sites

(Esto en el PHP del header.tpl , los códigos de imagen son <img src="" />)

 

Las medidas del logo, no tienes porque ponerlas a mano en el header.tpl, cuando tu subes el logo en la pestaña Preferencias -> Temas, Prestashop detecta la imagen que has subido y las dimensiones y te las colocas en el width y el height del img. (A mi me las detecta automaticamente)

Edited by Rubalcaba (see edit history)
  • Like 1
Link to comment
Share on other sites

Las medidas del logo, no tienes porque ponerlas a mano en el header.tpl, cuando tu subes el logo en la pestaña Preferencias -> Temas, Prestashop detecta la imagen que has subido y las dimensiones y te las colocas en el width y el height del img. (Esto no me lo he inventado ahora)

 

Es la segunda solución que le puse: redimensionar la imagen.

Edited by Rubén (see edit history)
Link to comment
Share on other sites

El la segunda solución que le puse: redimensionar la imagen.

jaja, no la lei.

 

Menuda montada tieneis por este tema...

 

Por cierto, creo que el logo ya se ve bien, eso si demasiado margin-top.

 

Viendo el fichero:

 

http://www.ofertasshop.com.ar/themes/default/css/global.css

 

Veo esto:

 

#header_logo {
float: left;
display: block;
margin-top: 30px;
}

 

en su web...

 

Si lo dejamos asi:

 

#header_logo {
float: left;
display: block;
margin-top: 4px;
}

 

no queda mal del todo

Link to comment
Share on other sites

Si yo simplemente estoy diciendo que un diseñador debería saber eso, para que gente como tu que de verdad sabe no quede como "uno más", no se si me explico

 

Yo la verdad se muy poco, lo que he aprendido lo he ido aprendiendo a base de tortazos, estas en la cierto, en esta vida a que ser lo mas humilde posible.

Link to comment
Share on other sites

Luego, estoy viendo que en tu fichero:

 

http://www.ofertasshop.com.ar/themes/default/css/global.css

 

tienes esto:

 

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

 

Dejalo asi:

 

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

 

Luego, veo que en tu fichero:

 

 

modules/blocksearch/blocksearch.css

 

tienes algo como esto:

 

#search_block_top {
position:absolute;
top:44px;
left:0;
}

 

prueba quizas dejarlo asi:

 

#search_block_top {
position: absolute;
top: 100px;
right: 2px;
}

 

(Tocando eso en firebug, a mi se me queda la tienda en si, asi)

 

Pego Imagen...

 

e5x6.png

Link to comment
Share on other sites

Ah por cierto, esto es totalmente diferente en la plantilla de Prestashop 1.5.4.1 y posteriores (Donde han habido cambios significativos a nivel interno que no a nivel grafico)

 

Porque por lo que veo estas usando una version anterior a Prestashop 1.5.4.1, o estas usando la plantilla sin actualizar en Prestashop 1.5.4.1..

Link to comment
Share on other sites

  • 2 weeks later...
Guest
This topic is now closed to further replies.
×
×
  • Create New...