Con esta guía crearemos una barra de desplazamiento vertical para los emoticones que se encuentran al momento de responder un tema o mensaje.

Instrucciones para prosilver y estilos basados en éste:

Abrir: styles/prosilver/template/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 -->

Reemplazarlo por:

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 y estilos basados en éste:

Abrir: styles/subsilver2/template/posting_body.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 -->

Reemplazarlo por:

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 y refrescar la plantilla.

La altura y el borde se puede ajustar en esta parte del nuevo código que se uso para reemplazar.

Código: Seleccionar todo

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

Cualquier consulta referente a esta guía por favor hacerla en el foro apropiado.

Enviado a la Biblioteca.

Fuente: Version manual Coloreatuforo

Nombre de la Adaptacion: ...:::JM:::... poner todos los emoticonos dentro de un scroll
Autor de la adaptacion: loquitomed
Descripción del la adaptacion:
Esto, hace que cuando tienes demasiados emoticonos, lo que hace este mod es ordenarlos en un scroll

Instalación: leer el install.xml o se puede usar auto mod. al terminar la instalación, limpiar el cache de las plantillas y tema.

Version del MOD: 1.0.1
Testiado Con: 3.0.8 y 3.0.9

Capturas:


Compatible con: