[Tutorial] Añadir un botón "Comentar"
Para este tutorial, me inspiré en el código que se usa en este foro, solo que yo voy a hacerlo para que aparezca una imagen sin fondo que cuando clic...

Para este tutorial, me inspiré en el código que se usa en este foro, solo que yo voy a hacerlo para que aparezca una imagen sin fondo que cuando clickees te mande a la zona de comentar rápido.

Título del tutorial: Crear un botón de comentar rápido
Dificultad: Muy fácil
Requerimientos: Conocimientos muy básicos de html y css, y tener un foro mybb
Demo del tutorial: http://crystal-resources.co.cc/showthread.php?tid=26 // En el iconito de abajo a la derecha

Antes de nada, les digo a los administradores del foro, que si no les gusta que postee uno de los scripts que se usó en este foro, que borre el tema si les ofende o no les gusta :$.

Para empezar, vámonos a Plantillas y Estilos > Estilos > Estilo Predeterminado* > Edición Avanzada, dentro de nuestro Panel de Administración.

Dentro de Edición Avanzada, vamos a añadir el siguiente código a la parte de abajo:

Código:
.QuickComment {
display:scroll;
position:fixed; bottom:0px; right:10px;
padding-left:5px;
padding-right:5px;
padding-top:6px;
padding-bottom:0px;
}

Esto hará, que cuando pongamos la imagen nos salga siempre en la parte baja del navegador, en la derecha.

Ahora lo que haremos será buscar una imagen que nos sirva para que los usuarios la vean (es decir, tiene que ser vistosa). Les dejo algunos ejemplos:

[Imagen: kopetestatusmessage.png][Imagen: comment_rect.png][Imagen: comment.png]

Y la subimos en la carpeta Images de nuestro FTP.

A continuación, nos iremos a Plantillas > Nuestro Tema > Mostrar tema > ShowThread y al final añadimos este code:

Código:
<div class="QuickComment"><a href="*[b]Ahora os explico[/b]*"><b><img src="*[b]ruta de la imagen[/b]*" / title="¡Crea un nuevo comentario!"></b></a></div>

¿Qué añadir en la url?
Cuando pone <a href=" * * "> Pondremos la dirección del id de nuestra caja de menssajes rápidos, es decir, nos vamos a meter en nuestra web (normalmente), nos metermos en ver Código de Fuente, y desde hay buscamos cualquier cosa que nos aparezca en la caja de texto, por ejemplo "Respuesta rápida", y cuando lo encontremos veremos que nos aparece una ID (si no entienden esto, pregunten cual es su ID y se la digo).

Bueno, pues esto sería todo. Si no entienden algo comenten, y es algo lioso lo último si no se lo explico por imágenes, pero ahora mismo no puedo subirlas :$
lindo Big Grin gracias
:)
De nada Big Grin, entonces dejo el tema Big Grin
Gracias man bueno...
Big Grin, de nada jeje. Pues eso, la idea y la gran parte del código fue de mybb es
Esta bien bueno, se agradece Smile.
Muy buena idea. Creo que lo implementaré
(19 Mar, 2011, 3:40 pm)Ignnacio escribió: Esta bien bueno, se agradece Smile.

(20 Mar, 2011, 11:21 am)Maurusky escribió: Muy buena idea. Creo que lo implementaré

Gracias a los dos (:

tu id es quickreply_e