Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/plugins/avatarep.php on line 1102

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
[Tutorial] Añadir un botón "Comentar"
Páginas (3): 1 2 3   
DanielDiaz   18 Mar, 2011, 1:03 pm
#1
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 :$
Cluster   18 Mar, 2011, 4:02 pm
#2
lindo Big Grin gracias

:)
DanielDiaz   18 Mar, 2011, 4:32 pm
#3
De nada Big Grin, entonces dejo el tema Big Grin
Himura   18 Mar, 2011, 4:43 pm
#4
Gracias man bueno...
DanielDiaz   19 Mar, 2011, 3:37 pm
#5
Big Grin, de nada jeje. Pues eso, la idea y la gran parte del código fue de mybb es
Ignnacio Ausente   19 Mar, 2011, 3:40 pm
#6
Esta bien bueno, se agradece Smile.
ZioGuE   20 Mar, 2011, 11:21 am
#7
Muy buena idea. Creo que lo implementaré
DanielDiaz   20 Mar, 2011, 12:36 pm
#8
(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 (:

wasmake   23 Mar, 2011, 4:54 pm
#9
me podrias dar mi ID? www.emuxela.net46.net
DARKNESSDH   23 Mar, 2011, 5:24 pm
#10
tu id es quickreply_e
Páginas (3): 1 2 3   
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.