En este tutorial se mostrará cómo hacerlo.
Instrucciones para Prosilver
Tener en cuenta que algunos estilos basados en Prosilver son diferentes a la hora de añadir nuevos enlaces. Si fuera vuestro caso, pedir Soporte en el foro adecuado.
Lo primero para añadir el enlace:
Abrir: styles/tu_estilo/template/overall_header.html
Buscar:
Código: Seleccionar todo
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
Código: Seleccionar todo
<li class="icon-faq"><a href="TU ENLACE" title="TÍTULO DEL ENLACE CUANDO EL RATÓN PASE POR ENCIMA">TÍTULO</a></li>
Spoiler
icon-bump
icon-faq
icon-fontsize
icon-home
icon-logout
icon-members
icon-print
icon-register
icon-search
icon-subscribe
icon-ucp
icon-unsubscribe
Aquí se explica como añadir la imagen:
Subir la nueva imagen a styles/tu_estilo/theme/images
Abrir: styles/tu_estilo/theme/buttons.css
Buscar:
Código: Seleccionar todo
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search
Código: Seleccionar todo
.icon-tu-icono
Abrir: styles/tu_estilo/theme/colours.css
Buscar:
Código: Seleccionar todo
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
Código: Seleccionar todo
.icon-tu-icono { background-image: url("{T_THEME_PATH}/images/icon_tu_icono.gif"); }
Después hay que refrescar el la plantilla y el estilo. Identificate como Administrador, ACP -> Estilos -> Plantilla/Estilos y haz clic en Refrescar.
Nota. Se recomienda editar el archivo bajándolo, y posteriormente editarlo con un editor en condiciones, y no hacerlo desde el ACP
Instrucciones para Subsilver2
Con su Subsilver2 es mucho más fácil que Prosilver. De nuevo, si tu estilo es diferente y se basa en Subsilver2 y no estás seguro o no saben qué hacer, pedir Soporte en el foro adecuado.
Abrir: styles/tu_estilo/template/overall_header.html
Buscar:
Código: Seleccionar todo
<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>
Código: Seleccionar todo
<a href="TU ENLACE"><img src="{T_THEME_PATH}/images/TU NOMBRE DE IMAGEN.gif" width="12" height="13" alt="*" /> TÍTULO</a>
Si la imagen a vincular se llama chat.gif el archivo chat.gif debes subirlo a la carpeta:
styles/tu_estilo/theme/chat.gif
Puede ser cualquier tamaño, ya que se puede configurar el tamaño de la misma en el código HTML que está en la línea. Por ejemplo, sigamos con la imagen chat.gif si la imagen fuera de 16 x 16 px. la linea seria así:
Código: Seleccionar todo
<a href="TU ENLACE"><img src="{T_THEME_PATH}/images/chat.gif" width="16" height="16" alt="*" /> TÍTULO</a>
Fuente: Jaymie