Barra deslizante para emoticones en GalleryTema Solucionado

[RequeteChe]

Adaptación del tema Barra de desplazamiento para los emoticones al MOD Gallery versiones 1.0.6 y 1.1.4 de nickvergessen (¡ hay diferencias !).

La altura del bloque de emoticones se puede modificar en la medida:

Código: Seleccionar todo

height:300px

Aplicacion del mismo concepto a Gallery MOD 1.0.6
prosilver
/styles/prosilver/template/gallery/posting_body.html

Spoiler

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

Código: Seleccionar todo

             <div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
             <strong>{L_SMILIES}</strong>

             <!-- 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>

viewimage_body.html
/styles/prosilver/template/gallery/viewimagebody.html

Spoiler

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

Código: Seleccionar todo

             <div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
             <strong>{L_SMILIES}</strong>

             <!-- 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>

subsilver
/styles/subsilver/template/gallery/posting_body.html

Spoiler

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

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>

viewimage_body.html
/styles/subsilver/template/gallery/viewimagebody.html

Spoiler

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

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>

Ejemplo Gallery 1.06



Aplicación del mismo concepto a Gallery MOD 1.1.4

Solo versión prosilver (subsilver parace un poco mas difícil de resolver)
Los cambios para esta versión de Gallery son un poco diferentes:

Spoiler

prosilver/template/gallery/posting_body.html
buscar

Código: Seleccionar todo

<!-- IF S_SMILIES_ALLOWED and .smiley -->
				<dl>
					<dt><label>{L_SMILIES}:</label></dt>
					<dd><!-- 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 --></dd>
					<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED--><dd><a href="{U_MORE_SMILIES}" onclick="gallery_popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a></dd><!-- ENDIF -->
				</dl>
			<!-- ENDIF -->

Reemplazar

Código: Seleccionar todo

<!-- IF S_SMILIES_ALLOWED and .smiley -->
				<dl>
					<dt><label>{L_SMILIES}:</label></dt>
					                 <div style="width:100%; height:150px;border: solid 1px gray; overflow:auto;">
                 <!-- 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></dl>
			<!-- ENDIF -->

prosilver/template/gallery/view_body.html
Buscar

Código: Seleccionar todo

<div id="smiley-box">
					<!-- IF S_SMILIES_ALLOWED and .smiley -->
						<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 -->
					<!-- ENDIF -->

Reemplazar

Código: Seleccionar todo

<div id="smiley-box">
				<!-- IF S_SMILIES_ALLOWED and .smiley -->
            <dl><div style="width:100%; height:144px;border: solid 1px gray; overflow:auto;">
                 			<!-- 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></dl>
         			<!-- ENDIF -->

Ejemplo Gallery 1.1.4



Con esto debería estar todo listo.