Jump to content

ampliar logo cabecera(solucionado)

vcopola
 Share

Recommended Posts

vcopola Newbie

vcopola

Posted
Posted (edited)

Hola..

Ya no se que cambiar para que mi logo sea igual de alto pero el doble o triple de ancho...

con la imagen actual se que se vera estirada,pero no soy capaz de ampliar el espacio donde se aloja el logo..

alguna ayuda???

 

 

www.tudescansovaldemoro.com

Edited by vcopola (see edit history)
Link to comment
Share on other sites
rsaiz Newbie

rsaiz

Posted
Posted

No sé qué versión de PS utilizas, pero en la mía (1.5.6.2) metí una imagen de 450x450 y salía tal cual, así que imagino que si pones una imagen de las dimensiones que necesitas quedará tal y como quieres sin necesidad de cambiar nada más, ¿no?

Link to comment
Share on other sites
rsaiz Newbie

rsaiz

Posted
Posted (edited)

Ah, ok, ok.

 

Creo que con modificar el css será suficiente, haz la prueba. En el archivo themes/pmart/css/mj-template.css tendrás esto:

#mj-logo a#header_logo {
    background: url("../img/logo-image.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 119px;
    width: 306px;
}

Pues has de modificar los valores de height y width conforme a los que quieras que tenga tu imagen (width para el ancho y height para la altura, ambos en píxeles).

 

Haz la prueba y me comentas :)

Edited by rsaiz (see edit history)
Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted

esto es lo que tiene

#mj-logo {
	float: left;
	margin-right: 1%;
	
	/*width:20%;*/
}
#mj-logo a 
{
   float: left;
    font-family: Oswald,sans-serif;
    font-size: 40px;
    line-height: 45px;
   
    text-decoration: none;
    text-transform: uppercase;
}

#mj-logo .tagline {
    display: block;
    font-family: Oswald,sans-serif;
    font-size: 11px;
    line-height: 15px;
    margin-left: 2px;
    text-transform: capitalize;
    width: auto;
}
#mj-logo img {
    float: left;
    margin-right: 10px;
Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted

 

Jolín, hoy estoy que no doy una.

 

En alguno de los archivos de la carpeta css del tema tienes que tener esta línea, una vez que lo encuentres cambias los valores :)

#mj-logo a#header_logo

lo esoty buscando y no me sale nada asi..

Search "#mj-logo a#header_logo" (0 hits in 0 files)

Link to comment
Share on other sites
rsaiz Newbie

rsaiz

Posted
Posted

Pues es raro porque ésa es la regla que está aplicando el estilo del ancho y alto y según firebug está en el archivo que te dije antes, justo antes de #mj-logo .tagline. Prueba a buscar en toda la carpeta o busca por logo-image.png...

Link to comment
Share on other sites
moraira Newbie

moraira

Posted
Posted (edited)

si tienes la plantilla personalizada no es rato que tengas parametrizado el tamaño en el tpl, no lo corrijas por CSS

 

es decir mira tu header.tpl en el directorio de tu tema o plantilla, busca esto... o mas o menos parecido

<div id="header_logo">                    
  <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
  <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
</div>

y si no te quieres complicar mucho la vida puedes asignarle directamente el tamaño y poner el fichero que quieras como logo, no necesariamente el de prestashop (imagino que el tuyo se parecerá más a este que al de arriba)

<div id="header_logo">                    
  <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
  <img class="logo" src="{$content_dir}img/MILOGO.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="150px" height="100px" />
</div>
Edited by moraira (see edit history)
  • Like 1
Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted

 

si tienes la plantilla personalizada no es rato que tengas parametrizado el tamaño en el tpl, no lo corrijas por CSS

 

es decir mira tu header.tpl en el directorio de tu tema o plantilla, busca esto... o mas o menos parecido

<div id="header_logo">                    
  <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
  <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
</div>

y si no te quieres complicar mucho la vida puedes asignarle directamente el tamaño y poner el fichero que quieras como logo, no necesariamente el de prestashop (imagino que el tuyo se parecerá más a este que al de arriba)

<div id="header_logo">                    
  <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
  <img class="logo" src="{$content_dir}img/MILOGO.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="150px" height="100px" />
</div>

le he cambiado como dices, he subido una imagen diferente  A IMG/milogo:png y me sale todo igual...q raro no?

Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted

La imagen http://tudescansovaldemoro.com/img/MILOGO.png no existe.

 

Pero de todas maneras esa imagen está oculta mediante css, es el enlace que ahí aparece con el id="header_logo" el que tiene de fondo la imagen del logo con la luna y se está limitando el tamaño por css...

justo estaca cambiando por eso decia que no existe..

No entiendo lo segundo...estoy verde en esto jejeje

Link to comment
Share on other sites
rsaiz Newbie

rsaiz

Posted
Posted (edited)

Jaja, no te preocupes. Mira, da igual, en el archivo que modificaste ahora, donde veas:

 <a id="header_logo" href="...

Añade para que quede así:

 <a id="header_logo" style="width:266px!important;height:119px!important;" href="...

Y haz lo que te decía antes, cambia el ancho y el alto por las medidas que corresponden a la imagen que quieras tener; así hará más grande el espacio en donde va el logo.

 

Prueba y nos dices :)

Edited by rsaiz (see edit history)
Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted (edited)

Jaja, no te preocupes. Mira, da igual, en el archivo que modificaste ahora, donde veas:

 <a id="header_logo" href="...

Añade para que quede así:

 <a id="header_logo" style="width:266px!important;height:119px!important;" href="...

Y haz lo que te decía antes, cambia el ancho y el alto por las medidas que corresponden a la imagen que quieras tener; así hará más grande el espacio en donde va el logo.

 

Prueba y nos dices :)

te refieres al header.tpl??

 

ahora lo tengo asi

<!-- Header -->
			<div id="header">
         		<div class="mj-subcontainer">
            		<div id="mj-logo">
						 <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
							<img class="logo" src="{$content_dir}img/milogo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="350px" height="100px" />
						</a>
                          
                	</div>
                    	<div id="header_right" class="grid_6 omega mj-grid48 mj-rspace">
							{$HOOK_TOP}
                                                 
						</div>
                  </div>
                  {$HOOK_TOP_MENU}
            </div>
Edited by vcopola (see edit history)
Link to comment
Share on other sites
rsaiz Newbie

rsaiz

Posted
Posted

Modíficalo con lo siguiente y tendrás un bonito hueco de 800x800; luego lo cambias a tu gusto.

<!-- Header -->
            <div id="header">
        <div class="mj-subcontainer">
        <div id="mj-logo">
                         <a id="header_logo" style="width:800px!important;height:800px!important;"  href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                            <img class="logo" src="{$content_dir}img/milogo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="350px" height="100px" />
                        </a>

    </div>
    <div id="header_right" class="grid_6 omega mj-grid48 mj-rspace">
                            {$HOOK_TOP}

                        </div>
</div>
{$HOOK_TOP_MENU}
</div>
  • Like 1
Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted

 

Modíficalo con lo siguiente y tendrás un bonito hueco de 800x800; luego lo cambias a tu gusto.

<!-- Header -->
            <div id="header">
        <div class="mj-subcontainer">
        <div id="mj-logo">
                         <a id="header_logo" style="width:800px!important;height:800px!important;"  href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                            <img class="logo" src="{$content_dir}img/milogo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="350px" height="100px" />
                        </a>

    </div>
    <div id="header_right" class="grid_6 omega mj-grid48 mj-rspace">
                            {$HOOK_TOP}

                        </div>
</div>
{$HOOK_TOP_MENU}
</div>

cambiado a 450x150 pero la imagen sigue igual :(

Link to comment
Share on other sites
vcopola Newbie

vcopola

Posted
  • Author
Posted (edited)

lo que yo quiero es que la imagen se vea el doble o triple de ancha manteniendo la altura.....si subo otra imagen mas grande la veo igual..,

 

segun esto

<div id="mj-logo">
                         <a id="header_logo" style="width:800px!important;height:800px!important;"  href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                            <img class="logo" src="{$content_dir}img/milogo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" width="350px" height="100px" />
                        </a>

la imagen deberia de ser esta no??

http://tudescansovaldemoro.com/img/milogo.png

 

 

si te fijas no sale esa..sino la del tema por defecto..

Edited by vcopola (see edit history)
Link to comment
Share on other sites
  • nadie locked this topic
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...