Página 1 de 1

Barra de desplazamiento para los emoticones  Tema Solucionado

Publicado: 19 Oct 2014, 11:02
por ahh72
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.