Agregar leyenda de iconos en plantillas prosilverTema Solucionado

[Alorse]

Agregar leyenda de iconos en plantillas prosilver

En este artículo se explica cómo agregar una leyenda de iconos en la parte inferior de la página en un estilo prosilver o basado en prosilver. También se mostraran en el listado de temas (viewforum.php), los iconos correspondientes.



Creación de los archivos para la leyenda de iconos

Crearemos dos archivos HTML para crear el código de la Leyenda de iconos. Esto se hace para mantener los archivos originales del estilo tan ordenado como sea posible. Copia y pega el siguiente código en un editor de texto y guarda el archivo como icon_legend_index.html

Código: Seleccionar todo

<div class="icon_legend"><h3>{L_ICON_LEGEND}</h3></div>
<table width="100%" cellspacing="0">
    <tr>
        <td align="{S_CONTENT_FLOW_BEGIN}" valign="top">
            <table cellspacing="3" cellpadding="0" border="0">
                <tr>
                    <td style="text-align: center;">{FORUM_UNREAD_IMG}</td>
                    <td class="gensmall">{L_NEW_POSTS}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FORUM_IMG}</td>
                    <td class="gensmall">{L_NO_NEW_POSTS}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FORUM_LOCKED_IMG}</td>
                    <td class="gensmall">{L_FORUM_LOCKED}</td>
                </tr>
            </table>
        </td>
        <td align="{S_CONTENT_FLOW_END}"></td>
    </tr>
</table>  

Ahora, copia y pega el siguiente código en un editor de texto y guarda el archivo como icon_legend.html

Código: Seleccionar todo

<!-- IF S_DISPLAY_POST_INFO -->
<div class="icon_legend"><h3>{L_ICON_LEGEND}</h3></div>
<table width="100%" cellspacing="0">
    <tr>
        <td align="{S_CONTENT_FLOW_BEGIN}" valign="top">
            <table cellspacing="3" cellpadding="0" border="0">
                <tr>
                    <td style="text-align: center;">{FOLDER_UNREAD_IMG}</td>
                    <td class="gensmall">{L_NEW_POSTS}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FOLDER_IMG}</td>
                    <td class="gensmall">{L_NO_NEW_POSTS}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FOLDER_ANNOUNCE_IMG}</td>
                    <td class="gensmall">{L_ICON_ANNOUNCEMENT}</td>
                </tr>
                <tr>
                    <td style="text-align: center;">{FOLDER_HOT_UNREAD_IMG}</td>
                    <td class="gensmall">{L_NEW_POSTS_HOT}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FOLDER_HOT_IMG}</td>
                    <td class="gensmall">{L_NO_NEW_POSTS_HOT}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FOLDER_STICKY_IMG}</td>
                    <td class="gensmall">{L_ICON_STICKY}</td>
                </tr>
                <tr>
                    <td style="text-align: center;">{FOLDER_LOCKED_UNREAD_IMG}</td>
                    <td class="gensmall">{L_NEW_POSTS_LOCKED}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FOLDER_LOCKED_IMG}</td>
                    <td class="gensmall">{L_NO_NEW_POSTS_LOCKED}</td>
                    <td>&nbsp;&nbsp;</td>
                    <td style="text-align: center;">{FOLDER_MOVED_IMG}</td>
                    <td class="gensmall">{L_TOPIC_MOVED}</td>
                </tr>
            </table>
        </td>
        <td align="{S_CONTENT_FLOW_END}"><span class="gensmall"><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></span></td>
    </tr>
</table>
<!-- ENDIF -->  

Sube los dos archivos HTML al directorio styles/prosilver/template/ en su servidor web. Si un estilo personalizado se está utilizando, la ubicación será el directorio styles/TU PLANTILLA/template/.

Editando archivos originales de phpBB3

1. Abrir language/en/common.php y encontrar la siguiente linea:

   Código: Seleccionar todo

       'ICQ'    => 'ICQ',  

   Agregar después:

   Código: Seleccionar todo

       'ICON_LEGEND'    => 'Leyenda de Iconos',  

2. Abrir styles/prosilver/template/index_body.html y encontrar la siguiente linea:

   Código: Seleccionar todo

   <!-- INCLUDE overall_footer.html -->  

   Agregar antes:

   Código: Seleccionar todo

   <!-- INCLUDE icon_legend_index.html -->  

3. Abrir styles/prosilver/template/viewforum_body.html y encontrar la siguiente linea:

   Código: Seleccionar todo

   <!-- IF S_DISPLAY_POST_INFO -->
       <h3>{L_FORUM_PERMISSIONS}</h3>
       <p><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></p>
   <!-- ENDIF -->  

   Reemplace con:

   Código: Seleccionar todo

   <!-- INCLUDE icon_legend.html -->  

   Ahora guarda y sube los archivos al servidor, luego en el ACP en pestaña Estilos >> Componentes de estilos >> Plantillas, Click en Actualizar (para la plantilla que usas, en este caso, prosilver).
   Limpiar el caché del foro, con el botón del índice del panel de administración.

Si luego de esto aún no se reflejan los cambios limpia las cookies de tu navegador y actualizalo varias veces.

Traducción al Español por Alorse
Fuente: Knowledge Base - Adding an Icon Legend to ProSilver