Página 2 de 2

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 12 Nov 2010, 22:35
por 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 :P

logo foro ,tema supernova ,dimensiones....

Publicado: 12 Nov 2010, 22:35
por cvqs
exau escribió: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 :cachas:

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

logo foro ,tema supernova ,dimensiones....

Publicado: 12 Nov 2010, 23:01
por cvqs
leviatan21 escribió:
cvqs escribió:ok,vale ahora si :mrgreen:

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}" />

cvqs escribió: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.

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 13 Nov 2010, 04:18
por leviatan21
Ahora lo veo bien en todo los colores :wink:

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 13 Nov 2010, 10:03
por cvqs
leviatan21 escribió:Ahora lo veo bien en todo los colores :wink:

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.

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 13 Nov 2010, 14:18
por leviatan21
¿ Tema solucionado o falta algo mas ?

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 13 Nov 2010, 14:22
por cvqs
leviatan21 escribió:¿ 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.

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

Publicado: 13 Nov 2010, 15:34
por 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;"/>

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 13 Nov 2010, 15:51
por 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. :ops

Saludos,

Re: logo foro ,tema supernova ,dimensiones....

Publicado: 13 Nov 2010, 15:59
por cvqs
exau escribió: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. :ops

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 . :idea:

logo foro ,tema supernova ,dimensiones....

Publicado: 07 Dic 2010, 11:45
por cvqs
exau escribió: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.