logo foro ,tema supernova ,dimensiones....Tema Solucionado

[leviatan21]

las 2 son correctas ( y seguramente hay otras opciones mas que también pueden ser válidas ), pero en mi opinión hasta ahora sólo hicimos los cambios en el .html yo no tocarías los .css
En cuanto al alto y ancho eso depende de como lo quieres tu

[cvqs]

Primero debes cambiar el tamaño de la imagen en el overall_header.html, porque no lo dejaste como debe ser. Lo tienes:

Código: Seleccionar todo

width="295" height="45 " 

Y creo que lo correcto es:

Código: Seleccionar todo

width="341" height="56" 

Ahora, en caso que el header quede demasiado alto para la imagen, en el archivo /styles/supernova/theme/colours/blue.css busca este código:

Código: Seleccionar todo

a#sn-logo {
    width: 484px;
    height: 100px;
    background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
    display: block;
    float: left;
} 

Se puede cambiar el tamaño de la imagen por el correcto y utilizando la regla de 3 simple matematicas, tratar de quede centrado. Sustitúyelo por:

Código: Seleccionar todo

a#sn-logo {
    width: 341px;
    height: 56px;
    background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
    display: block;
    float: left;
    margin-top: 22px;
} 

Actualiza los elementos de la plantilla y del tema, limpia caché, refresca el navegador y comenta resultados.

Saludos,

Bueno he decidido yo y he echo el tuyo ,ya que me parecía bien ,el otro también me parecía bien .

queda perfecto! al centro y a tamaño normal.

pensaba que tendría que modificar los otros 2 colores ,el rojo + verde pero veo que cuando lo pones,queda igual ,raro no ?
porque en red.css no esta esos parámetros.


EDIT:

leviatan21 ,pues ya lo he tocado pues

así que ,si tengo que tener problemas en el futuro modifico el hmtl y no el css pues.

[cvqs]

ok,vale ahora si

sale también al lado de las dimensiones en el header : ALT ,pero veo que no hace nada .

puede hacer que diga "Indice" cambiando por :

Código: Seleccionar todo

<img src="{T_THEME_PATH}/images/logo-text-only.png" width="295" height="45" alt="{L_INDEX}" />

---

es que quiero bajar la imagen ya que queda arriba de todo y quiero meterla en medio de lo azul.

saben donde esta esa configuración ?

Puede hacer que genere un espacio a su alrededor agregando esto (el 26 es aproximado, pero creo que queda justo):

Código: Seleccionar todo

style="padding: 26px;"

Todo junto sería así :

Código: Seleccionar todo

<img src="{T_THEME_PATH}/images/logo-text-only.png" width="295" height="45" alt="{L_INDEX}" style="padding: 26px;"/>

Acabo de probar el tuyo ,pero sale mal!
sale todo movido,y mal.

miralo.

[leviatan21]

Ahora lo veo bien en todo los colores

[cvqs]

Ahora lo veo bien en todo los colores

puse otra vez la modificación en colors.css

al editar el html como me indicas ,lo de ingresa/registar en la parte azul derecha se ponia debajo la imagen del logo.
y 1 parte de color azul se ponia como encima del resto.

[leviatan21]

¿ Tema solucionado o falta algo mas ?

[cvqs]

¿ Tema solucionado o falta algo mas ?

Bueno ,me hubiera gustado ,modificar solo los html como dijiste tu ,y no modificar el colors.css ,pero si no tengo que tener problemas con el tema y lo demas.

lo dejamos como tema solucionado.


Saludos.

[leviatan21]

La única diferencia son los valores :
Yo originalmente te había propuesto esos, basándome en lo que veía, luego la imagen cambió de tamaño :
Aplicando los mismos cambios que propuso exau en las .css pero sólo en el .html sería así

Código: Seleccionar todo

<img src="{T_THEME_PATH}/images/logo-text-only.png" width="341" height="56" alt="{L_INDEX}" style="margin-top: 22px;"/>

[exau]

He sugerido modificar las hojas de estilo porque a mi ver es trabajar más ordenado. Respecto de los colores, en el stylesheet.css solo se importa el blue.css que fue el que se modificó para que quedara así y aplicará a los tres colores. No requiere tocar los demás porque para este elemento los atributos que modifiqué no existen ni en el verde ni en el rojo.

Échenle un ojo a esto en el overall_header.html

Código: Seleccionar todo

<!-- IF $SN_COLOUR_SWITCHER -->
<div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
<span>
<a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>

<!-- IF $SN_ANIMATE -->
<script type="text/javascript">
    $('div.colour-block span a').styleSwitcher();
</script>
<!-- ENDIF -->

</span>
</div><!-- /colour-block -->
<!-- ENDIF -->

Si se fijan, al cambiar al color rojo o verde, estos enlaces insertan los CSS correspondientes, PERO en ningún momento suprimen el blue.css por lo que aquellos atributos que no van en el rojo ni en el verde, son tomados del azul y de esta manera se mantiene igual en los tres.

Insisto en que el cambio está bien realizado.

Saludos,

[cvqs]

He sugerido modificar las hojas de estilo porque a mi ver es trabajar más ordenado. Respecto de los colores, en el stylesheet.css solo se importa el blue.css que fue el que se modificó para que quedara así y aplicará a los tres colores. No requiere tocar los demás porque para este elemento los atributos que modifiqué no existen ni en el verde ni en el rojo.

Échenle un ojo a esto en el overall_header.html

Código: Seleccionar todo

<!-- IF $SN_COLOUR_SWITCHER -->
<div class="colour-block" title="{$SN_TOOLTIP_TEXT}">
<span>
<a href="#" rel="{T_THEME_PATH}/colours/red.css"><img src="{T_THEME_PATH}/images/red-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_THEME_PATH}/colours/green.css"><img src="{T_THEME_PATH}/images/green-cube.png" width="12" height="12" alt="" class="colour-block" /></a>
<a href="#" rel="{T_STYLESHEET_LINK}"><img src="{T_THEME_PATH}/images/blue-cube.png" width="12" height="12" alt="" class="colour-block" /></a>

<!-- IF $SN_ANIMATE -->
<script type="text/javascript">
    $('div.colour-block span a').styleSwitcher();
</script>
<!-- ENDIF -->

</span>
</div><!-- /colour-block -->
<!-- ENDIF -->

Si se fijan, al cambiar al color rojo o verde, estos enlaces insertan los CSS correspondientes, PERO en ningún momento suprimen el blue.css por lo que aquellos atributos que no van en el rojo ni en el verde, son tomados del azul y de esta manera se mantiene igual en los tres.

Insisto en que el cambio está bien realizado.

Saludos,

Hola ,aqui pues el porque no tener que modificar los otros 2 colores.

y me imagino que como de serie ya viene el azul por defecto ya ,y al cambiar el color no cambia los codigos sino solo el color ,que el color no lleva con el los codigos de letras y configuraciones.

asi de mal me explico yo.

gracias!

tema solucionado ,tema cerrado .

[cvqs]

Primero debes cambiar el tamaño de la imagen en el overall_header.html, porque no lo dejaste como debe ser. Lo tienes:

Código: Seleccionar todo

width="295" height="45 " 

Y creo que lo correcto es:

Código: Seleccionar todo

width="341" height="56" 

Ahora, en caso que el header quede demasiado alto para la imagen, en el archivo /styles/supernova/theme/colours/blue.css busca este código:

Código: Seleccionar todo

a#sn-logo {
    width: 484px;
    height: 100px;
    background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
    display: block;
    float: left;
} 

Se puede cambiar el tamaño de la imagen por el correcto y utilizando la regla de 3 simple matematicas, tratar de quede centrado. Sustitúyelo por:

Código: Seleccionar todo

a#sn-logo {
    width: 341px;
    height: 56px;
    background: url("{T_THEME_PATH}/images/blue/logo.png") no-repeat;
    display: block;
    float: left;
    margin-top: 22px;
} 

Actualiza los elementos de la plantilla y del tema, limpia caché, refresca el navegador y comenta resultados.

Saludos,

Después de actualizar mi plantilla y demás ,lo pongo por si alguien lo necesita alguna vez.

la imagen solo se hace el tamaño en el header y en colors aun que lo cambies la imagen no cambia solo en el hedader.



Saludos.