Página 1 de 1

Botones y menu descuadrados

Publicado: 04 Sep 2010, 01:34
por SikO124
Imagen

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! :ok:

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 11:23
por 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:
Imagen
guarda archivos, actualiza el tema, limpia el cache del foro y refresca el navegador para ver los cambios, espero te sirva :cerveza:

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 15:25
por SikO124
DaVidU escribió: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:
Imagen
guarda archivos, actualiza el tema, limpia el cache del foro y refresca el navegador para ver los cambios, espero te sirva :cerveza:
A ver, que me ha servido a pedia :lol:

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! :cerveza:

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 16:59
por SikO124
Añado que ahora sale el icono, pero mira como se queda.

Imagen

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

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 17:09
por 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

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 18:02
por SikO124
jakk escribió: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?

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 18:14
por jakk
ups.. si en el overall_header, se me olvido decirlo

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 18:27
por SikO124
jakk escribió: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!

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 18:46
por 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 -->

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 21:16
por SikO124
jakk escribió: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..

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 22:10
por 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>

Re: Botones y menu descuadrados

Publicado: 04 Sep 2010, 22:28
por SikO124
jakk escribió: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..