phpBB España Oficial

DaVidU escribió:[info]Nombre Tutorial: My phpBB3 version of smilies in a scroll box!
Autor: Steve©
Url del Autor www.phpbb3andbbcodes.com
Basado en: PROSILVER y SUBSILVER2
Descripción y uso: Como poner todos los emoticonos dentro de un scroll v2.0[/info]

Screenshots:

[centrar]
Prosilver


Subsilver2[/centrar]

Instrucciones para Prosilver:

SPOILER_SHOW

abrir el archivo:
root/styles/prosilver/templates/posting_editor.html

buscar:

Código: Seleccionar todo

         <strong>{L_SMILIES}</strong><br />
         <!-- BEGIN smiley -->
            <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
         <!-- END smiley -->

reemplazar con:

Código: Seleccionar todo

         <div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
         <strong>{L_SMILIES}</strong><br />
         <!-- BEGIN smiley -->
            <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
         <!-- END smiley -->
         </div>

Instrucciones para Subsilver2:

SPOILER_SHOW

abrir el archivo:
root/styles/subsilver2/templates/posting_editor.html

buscar:

Código: Seleccionar todo

             <!-- BEGIN smiley -->
               <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;" style="line-height: 20px;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a>
            <!-- END smiley -->

reemplazar con:

Código: Seleccionar todo

            <div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
            <!-- BEGIN smiley -->
               <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;" style="line-height: 20px;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a>
            <!-- END smiley -->
         </div>

guardar archivos, actualizar el tema, limpiar el cache y refrescar el navegador para ver los cambios -thumbup

la altura y el borde de la caja se puede ajustar en esta parte del código:

Código: Seleccionar todo

height:290px;border: solid 1px gray;

http://www.coloreatuforo.com/tutoriales ... t1055.html