Botones y menu descuadrados

[SikO124]

Como veis, el boton del chat sale como descuadrado y lo que el mini chat tambien, en vez de salir redondeado como los demas sale como cudarado y el titulo casi que se sale.

Muchas gracias!

[DaVidU]

para lo de tus botones:

Spoiler

primero debes abrir el archivo:
root/styles/tu estilo/template/overall_header.html

buscas esto en tu archivo:

Código: Seleccionar todo

												<!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}" title="{L_MCHAT}">{L_MCHAT}</a></li><!-- ENDIF -->

y lo reemplazas con esto:

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li><a href="{U_MCHAT}" title="{L_MCHAT}"><b><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="" />{L_MCHAT}">{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

después abres el archivo:
root/styles/tu estilo/theme/buttons.css

buscas esto en tu archivo:

Código: Seleccionar todo

, .icon_mod {

y lo reemplazas con esto:

Código: Seleccionar todo

, .icon_mod, .icon_bump {

buscas esto:

Código: Seleccionar todo

.icon_mod { 
	background: url("{T_THEME_PATH}/images/icon_mod.png") no-repeat bottom left;
	}

y agregas después en una nueva línea esto:

Código: Seleccionar todo

.icon_bump { 
	background: url("{T_THEME_PATH}/images/icon_bump.png") no-repeat bottom left;
	}

guarda archivos, actualiza tema, actualiza galería de imágenes del tema, limpia el cache del foro y refresca el navegador para ver los cambios -grin

y si quieres bloques personalizados usando el css de tu estilo y con una nueva etiqueta esto es lo que deberás usar: (Cambiando lo que esta en verde por lo tuyo)

Spoiler

{$SKIN_CAT_HEADER_OPEN}
TITULO DEL BLOQUE
{$SKIN_CAT_HEADER_CLOSE}
<div class="interior">
<center>
CONTENIDO DEL BLOQUE
</center>
</div>
<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div>

la nueva etiqueta se mete en el archivo: root/foro_s/styles/X_Silver/theme/colours.css

abre el archivo y agregas esto al final del archivo:

Código: Seleccionar todo

.interior {
    color:#000;
    background-color: #d0d9e6;
    margin-left: 7px;
    margin-right: 7px;
    border: 1px solid #000;
}

este es el resultado del bloque:

guarda archivos, actualiza el tema, limpia el cache del foro y refresca el navegador para ver los cambios, espero te sirva

[SikO124]

para lo de tus botones:

Spoiler

primero debes abrir el archivo:
root/styles/tu estilo/template/overall_header.html

buscas esto en tu archivo:

Código: Seleccionar todo

												<!-- IF S_MCHAT_ENABLE and U_MCHAT --><li class="icon-bump"><a href="{U_MCHAT}" title="{L_MCHAT}">{L_MCHAT}</a></li><!-- ENDIF -->

y lo reemplazas con esto:

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li><a href="{U_MCHAT}" title="{L_MCHAT}"><b><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="" />{L_MCHAT}">{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

después abres el archivo:
root/styles/tu estilo/theme/buttons.css

buscas esto en tu archivo:

Código: Seleccionar todo

, .icon_mod {

y lo reemplazas con esto:

Código: Seleccionar todo

, .icon_mod, .icon_bump {

buscas esto:

Código: Seleccionar todo

.icon_mod { 
	background: url("{T_THEME_PATH}/images/icon_mod.png") no-repeat bottom left;
	}

y agregas después en una nueva línea esto:

Código: Seleccionar todo

.icon_bump { 
	background: url("{T_THEME_PATH}/images/icon_bump.png") no-repeat bottom left;
	}

guarda archivos, actualiza tema, actualiza galería de imágenes del tema, limpia el cache del foro y refresca el navegador para ver los cambios -grin

y si quieres bloques personalizados usando el css de tu estilo y con una nueva etiqueta esto es lo que deberás usar: (Cambiando lo que esta en verde por lo tuyo)

Spoiler

{$SKIN_CAT_HEADER_OPEN}
TITULO DEL BLOQUE
{$SKIN_CAT_HEADER_CLOSE}
<div class="interior">
<center>
CONTENIDO DEL BLOQUE
</center>
</div>
<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div>

la nueva etiqueta se mete en el archivo: root/foro_s/styles/X_Silver/theme/colours.css

abre el archivo y agregas esto al final del archivo:

Código: Seleccionar todo

.interior {
    color:#000;
    background-color: #d0d9e6;
    margin-left: 7px;
    margin-right: 7px;
    border: 1px solid #000;
}

este es el resultado del bloque:

guarda archivos, actualiza el tema, limpia el cache del foro y refresca el navegador para ver los cambios, espero te sirva

A ver, que me ha servido a pedia

Lo primero, el boton ya no sale descuadrado, pero ahora en vez de salir el icono del mchat y al lado la plabra "Chat" pone Chat">Chat. Por lo demas era eso.

El menu aun no lo he probado, por que lo que esta en verde no se que deberia poner.

En el titulo pongo Chat, pero y en el contenido? Tecnicamente lo que me has puesto es para poner texto o algo de eso, pero como pongo que dentro se vea el chat? Ademas, tendria que dejar invisible el mod del chat, no?

Gracias!

[SikO124]

Añado que ahora sale el icono, pero mira como se queda.



Yo quiero que salga como los otros, el de FAQ, Home, etc. Es decir, el icono bien cuadrado y alado que ponga Chat.

Gracias y perdon por el doble post, que no puedo editar.

[jakk]

cambia esto:

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li><a href="{U_MCHAT}" title="{L_MCHAT}"><b><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="" />{L_MCHAT}">{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

por esto:

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li><a href="{U_MCHAT}" title="{L_MCHAT}"><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="" /><b>{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

y actualiza tu plantilla

[SikO124]

cambia esto:

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li><a href="{U_MCHAT}" title="{L_MCHAT}"><b><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="" />{L_MCHAT}">{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

por esto:

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li><a href="{U_MCHAT}" title="{L_MCHAT}"><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="" /><b>{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

y actualiza tu plantilla

En overall header?

[jakk]

ups.. si en el overall_header, se me olvido decirlo

[SikO124]

ups.. si en el overall_header, se me olvido decirlo

Ahora si que pone Chat, pero el boton se ha hecho mas pequeño y el simbolo del chat se ha quedado fuera y sigue descuadrado XD

Gracias!

[jakk]

prueba reemplazando lo que te dije antes por esto

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li ><a href="{U_MCHAT}" title="{L_MCHAT}"><b><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="{L_MCHAT}" />{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

[SikO124]

prueba reemplazando lo que te dije antes por esto

Código: Seleccionar todo

<!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                <li ><a href="{U_MCHAT}" title="{L_MCHAT}"><b><img class="icon_bump" src="{T_THEME_PATH}/images/trans.gif" alt="{L_MCHAT}" />{L_MCHAT}</b></a></li>
                <!-- ENDIF -->

Ahora el boton sale entero, pero el icono sigue descuadrado..

Si no es posible ponerlo, mejor quitarlo que dejarlo ahi descaudarado..

[jakk]

bueno si queda asi es porque no hay espacio ahi no crees.... tendrás que tirar el mensaje es que tienes al lado de los botones mas para aya digo yo...
a mi me parece que el icono sale muy grande porque ya de por si es mas grande que los otros, reducele el tamaño....
y para que quede el espacio entre un icono y el texto ,cambia

Código: Seleccionar todo

{L_MCHAT}</b></a></li>

por:

Código: Seleccionar todo

&nbsp;{L_MCHAT}</b></a></li>

[SikO124]

bueno si queda asi es porque no hay espacio ahi no crees.... tendrás que tirar el mensaje es que tienes al lado de los botones mas para aya digo yo...
a mi me parece que el icono sale muy grande porque ya de por si es mas grande que los otros, reducele el tamaño....
y para que quede el espacio entre un icono y el texto ,cambia

Código: Seleccionar todo

{L_MCHAT}</b></a></li>

por:

Código: Seleccionar todo

&nbsp;{L_MCHAT}</b></a></li>

Nada, no se ha podido cuadrar, como bien has dicho sera que el icono es grande, pero donde lo encuentro para hacerlo pequeño? Por que no se ni como se llama. He buscado trans.gif pero no hay nada por ningun lado..