Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Botón de imagen para la Respuesta Rápida de phpBB >= 3.0.6Tema Solucionado

Soporte de MODs para phpBB 3.0.x
Dudas sobre AutoMOD aquí por favor.
Cerrado
Avatar de Usuario
mitch
Ex Staff
Mensajes: 4260
Registrado: 04 Sep 2005, 04:28
Género:

Botón de imagen para la Respuesta Rápida de phpBB >= 3.0.6  Tema Solucionado

#1

Mensaje por mitch »

Añadiendo un botón de imagen para la Respuesta Rápida en phpBB >= 3.0.6
Imagen
Click para agrandar

Creo que la imagen es bastante explicativa. La idea es poner un botón con imagen para la respuesta rápida de phpBB.
Atención: Cuando hablo de respuesta rápida, me refiero a la que trae por defecto phpBB en su versión 3.0.6 (y las posteriores por supuesto). Esto no vale para MOD's de respuesta rápida que ya traen sus botones.

Parecen extensos los cambios, pero en realidad son cambios pequeños, fáciles de realizar y el resultado es mucho mejor que el que viene por defecto.
Y al final de la guía además dejo algunos otros cambios que pueden añadir para sacarle un mejor provecho (como el de añadirle botones de BBcodes).

Les recuerdo guardar copias de sus archivos en un lugar seguro antes de editar, por si se equivocan o surge algun evento (lo que debiesen hacer en cada MOD que instalan, por lo demás).

Cambios a realizar...
  1. En el archivo: viewtopic.php

    Buscar:

    Código: Seleccionar todo

    	'WARN_IMG'			=> $user->img('icon_user_warn', 'WARN_USER'),
    Añadir después (nueva línea):

    Código: Seleccionar todo

    'QUICKREPLY_IMG'	=> $user->img('button_quick_reply', 'QUICK_REPLY'),
  2. En el archivo: /includes/acp/acp_language.php

    Buscar:

    Código: Seleccionar todo

    'button_topic_reply'
    Agregar inmediatamente despues (misma linea):

    Código: Seleccionar todo

    , 'button_quickreply'
  3. En el archivo: /includes/acp/acp_styles.php

    Buscar:

    Código: Seleccionar todo

    'button_topic_reply'
    Agregar inmediatamente despues (misma linea):

    Código: Seleccionar todo

    , 'button_quickreply'
  4. En el archivo: /language/es/acp/styles.php

    Buscar:

    Código: Seleccionar todo

    'IMG_BUTTON_TOPIC_REPLY'	=> 'Responder tema',
    Añadir después (nueva línea):

    Código: Seleccionar todo

    	'IMG_BUTTON_QUICKREPLY'      => 'Respuesta Rápida',
  5. En el archivo: /styles/prosilver/imageset/es/imageset.cfg

    Buscar:

    Código: Seleccionar todo

    img_button_topic_reply = button_topic_reply.gif*25*96
    Añadir después (nueva línea):

    Código: Seleccionar todo

    img_button_quickreply = button_quickreply.gif*25*106
  6. En el archivo: /styles/prosilver/theme/buttons.css

    Buscar:

    Código: Seleccionar todo

    .reply-icon span   { background: transparent none 0 0 no-repeat; }
    Añadir después (nueva línea):

    Código: Seleccionar todo

    .quickreply-icon span   { background: transparent none 0 0 no-repeat; }
    Buscar:

    Código: Seleccionar todo

    .buttons div.reply-icon      { width: {IMG_BUTTON_TOPIC_REPLY_WIDTH}px; height: {IMG_BUTTON_TOPIC_REPLY_HEIGHT}px; }
    Añadir después (nueva línea):

    Código: Seleccionar todo

    .buttons div.quickreply-icon   { width: {IMG_BUTTON_QUICKREPLY_WIDTH}px; height: {IMG_BUTTON_QUICKREPLY_HEIGHT}px; }
  7. En el archivo: /styles/prosilver/theme/colors.css

    Buscar:

    Código: Seleccionar todo

    .reply-icon span   { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
    Añadir después (nueva línea):

    Código: Seleccionar todo

    .quickreply-icon span   { background-image: url("{IMG_BUTTON_QUICKREPLY_SRC}"); }
  8. En el archivo: /styles/prosilver/template/viewtopic_body.html

    Buscar (deben buscar 2 veces, porque este código aparece cerca del inicio del archivo y este no nos sirve... nosotros buscamos añadir un botón al final de la página):

    Código: Seleccionar todo

    <div class="topic-actions">
    	<div class="buttons">
    	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
    		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
    Añadir después (nueva línea):

    Código: Seleccionar todo

    <!-- IF S_QUICK_REPLY and not S_IS_LOCKED -->
                   <div class="quickreply-icon"><a onclick="hide_qr(); return false;" title="{L_QUICKREPLY}"><span></span>{L_QUICKREPLY}</a></div>
    <!-- ENDIF -->
  9. En el archivo: /styles/prosilver/template/quickreply_editor.html

    Buscar y Borrar:

    Código: Seleccionar todo

    		<div class="inner"><span class="corners-top"><span></span></span>
    
    			<div class="content">
    				<fieldset class="submit-buttons">
    					<input type="submit" name="show_qr" tabindex="1" class="button2" value="{L_SHOW_QR}" onclick="hide_qr(true);return false;"/>
    				</fieldset>
    			</div>
    		<span class="corners-bottom"><span></span></span></div>
    Buscar:

    Código: Seleccionar todo

    <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />&nbsp;
                      <input type="submit" accesskey="f" tabindex="7" name="full_editor" value="{L_FULL_EDITOR}" class="button2" />&nbsp;
    Reemplazar por:

    Código: Seleccionar todo

    <!-- IF not S_IS_LOCKED -->
                      <input type="submit" accesskey="s" tabindex="6" name="post" value="{L_SUBMIT}" class="button1" />&nbsp;
                      <input type="submit" accesskey="f" tabindex="7" name="full_editor" value="{L_FULL_EDITOR}" class="button2" />&nbsp;
    <!-- ENDIF -->
  10. Esta imagen deben descargarla y subirla a la carpeta /styles/prosilver/imageset/es/ - Asegurarse de que esté con el nombre button_quickreply.gif
    button_quickreply.gif
  11. En el Panel de Administración, ir a pestaña Estilos > Componentes de estilos > Temas > click en Actualizar (para la plantilla que usas, en este caso, prosilver).
  12. En pestaña Estilos > Componentes de estilos > Galerías de Imagenes > click en Actualizar (para la plantilla que usas, en este caso, prosilver).
  13. Limpiar el caché del foro, con el botón del índice del panel de administración, y FIN :bravo:

Otros Tips para sacarle provecho a la respuesta rápida

  • Si se quiere que aparezca el bloque de respuesta rápida abierto por defecto (manteniendo la posibilidad de ocultarlo), en /styles/prosilver/template/quickreply_editor.html:

    Buscar:

    Código: Seleccionar todo

    	<div class="panel" style="display: none" id="qr_editor_div">
    En esta línea, borrar lo siguiente:

    Código: Seleccionar todo

    style="display: none"
  • Si desean tener los botones de bbcodes en la respuesta rápida (para negrita, url, etc, al igual que en la página de posteo común), instalar este MOD: BBcode Buttons for 3.0.6 Quick Reply
    Vista Previa:
    Imagen
Espero les sea de utilidad, para sacarle el máximo provecho a la respuesta rápida de phpBB. Las dudas, por supuesto que en los Foros indicados.

Guía por mitch - Imagen del botón por xoom - phpBB-Es.com


Cerrado

Volver a “Soporte de MODs”