Super Foro
Bienvenido a Super Foro, si ya tienes cuenta en el foro Conectate y diviertete, si aun no tienes cuenta Registrate para poder disfrutar de muchas sorpresas y entretenimientos si lo haces y eres uno de los 50 primeros registros. Despues de los 50 habrán también mas sorpresas.

Unirse al foro, es rápido y fácil

Super Foro
Bienvenido a Super Foro, si ya tienes cuenta en el foro Conectate y diviertete, si aun no tienes cuenta Registrate para poder disfrutar de muchas sorpresas y entretenimientos si lo haces y eres uno de los 50 primeros registros. Despues de los 50 habrán también mas sorpresas.
Super Foro
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Boton Me Gusta en Phbb2 y Punbb

4 participantes

Ir abajo

Tutorial Boton Me Gusta en Phbb2 y Punbb

Mensaje por Rudymania Vie Dic 10, 2010 5:13 pm

Con este tutorial aprenderemos a poner el botón de "Me gusta" de Facebook en cada tema de nuestro foro.
Aprenderemos a colocarlo por debajo de cada tema, pero puedes ponerlo en otra parte.
No es necesario que tengas una cuenta en Facebook. Esto ayuda a difundir tu foro (que se conozca más).

1.Agregando el botón:
Vamos al panel de administración → Visualización → Templates / General y entramos al template llamado viewtopic_body.
Ahora abrimos el buscador de nuestro navegador, por lo general apretando CTRL + F o en Edición → Buscar (dependiendo del navegador y/o sistema operativo).
En el cuadro de búsqueda copiamos y pegamos lo siguiente a buscar:

Código:
<div class="paged-foot clearfix">


Marcará dicha línea, y por debajo de ella veremos tres líneas más:

Código:
<p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p class="posting">


Y entre las líneas de END topicpagination y p class="posting", pegamos el código del botón "Me gusta":

Código:
<p id="fb-like"><iframe src="http://www.facebook.com/plugins/like.php?href=TUFOROAQUI{TOPIC_URL}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></p>


Nos fijamos atentamente en el código y reemplazamos TUFOROAQUI por la dirección completa de tu foro, incluyendo protocolo y barras (ejemplo: http://asistencia.foroactivo.com/ ).
El código editado y en el template se vería algo así:

Código:
<p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p id="fb-like"><iframe src="http://www.facebook.com/plugins/like.php?href=http://asistencia.foroactivo.com/{TOPIC_URL}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></p>
    <p class="posting">


Una ves editado el template, le damos al botón de 'Registrar' para guardarlo. Ahora toca publicar el template, luego de dar a 'Registrar' veremos el listado de los templates nuevamente, y en la derecha de viewtopic_body veremos "En espera" y el símbolo de más de color verde, damos en él para que el template sea publicado.

2.Agregando el CSS:
Vamos al panel de administración → Visualización → Imágenes y colores / Colores → CSS Stylesheet y allí agregamos el siguiente código:

Código:
#fb-like, #fb-like iframe {
    border: 0px solid;
    height: 25px;
    width: 450px;
    }


Y lo guardamos dando en el botón 'Aceptar'.

Con esto ya completamos la integración del botón "Me gusta" en cada uno de los temas de tu foro.
A partir de ahora, cualquier usuario puede compartir el tema que le guste con sus amigos en Facebook.

Tutorial hecho por: Foroactivo
Rudymania
Rudymania
Administrador
Administrador

Mensajes Mensajes : 146
Fecha de inscripción : 04/12/2010

https://super-foro.foroes.org

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por Darckaos Dom Dic 12, 2010 3:59 am

Como he podido comprobar de primera mano los códigos de los templates han cambiado por lo que este tutorial esta obsoleto. Os dejo el template modificado para mayor comodidad, tan solo modifiquen lo que esta en rojo. Deben completar el resto del tutorial.

Para colocar el boton "me gusta" encima del post:
Spoiler:

Para colocar el boton debajo del post:
Spoiler:
Darckaos
Darckaos
Colaborador
Colaborador

Mensajes Mensajes : 51
Fecha de inscripción : 10/12/2010
Edad : 33

http://asociacioncuo.foroactivo.com/forum.htm

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por PapaOso Dom Dic 12, 2010 5:55 pm

Creo que o soy torpe o no veo esto:
→ Visualización → Templates / General y entramos al template llamado viewtopic_body.
Es una cosa que queria preguntar desde hace tiempo, pero no soy capaz de hacerlo..soy un torpon xd.
PapaOso
PapaOso
Me voy adaptando
Me voy adaptando

Mensajes Mensajes : 27
Fecha de inscripción : 10/12/2010
Edad : 58
Localización : Ositolandia

http://www.elrincondepapaoso.com

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por CR4K Dom Dic 12, 2010 5:58 pm

PapaOso escribió:Creo que o soy torpe o no veo esto:
→ Visualización → Templates / General y entramos al template llamado viewtopic_body.
Es una cosa que queria preguntar desde hace tiempo, pero no soy capaz de hacerlo..soy un torpon xd.

no llegas hasta ahí¿?
CR4K
CR4K
Administrador
Administrador

Mensajes Mensajes : 81
Fecha de inscripción : 08/12/2010
Edad : 33
Localización : MuRciiA

http://www.XcTclan.com/

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por PapaOso Dom Dic 12, 2010 6:06 pm

Esque ni lo veo en el panel...
Vale edito, lo encontre...pero no creo que se capaz de hacerlo...voy a intentarlo.
Una pregunta, se borra lo que esta y se pone ese codigo o a continuacion.
PapaOso
PapaOso
Me voy adaptando
Me voy adaptando

Mensajes Mensajes : 27
Fecha de inscripción : 10/12/2010
Edad : 58
Localización : Ositolandia

http://www.elrincondepapaoso.com

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por Darckaos Dom Dic 12, 2010 6:17 pm

Si vas a usar mi modificacion debes borrarlo y sustituirlo todo.
Darckaos
Darckaos
Colaborador
Colaborador

Mensajes Mensajes : 51
Fecha de inscripción : 10/12/2010
Edad : 33

http://asociacioncuo.foroactivo.com/forum.htm

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por PapaOso Dom Dic 12, 2010 6:19 pm

Darckaos escribió:Si vas a usar mi modificacion debes borrarlo y sustituirlo todo.
Y si meto la pata, despues como lo arreglo xd.

Edito: Ya esta! pero, ademas del boton de me gusta y tal, por que me sale una mano verde en donde se da reputacion?
PapaOso
PapaOso
Me voy adaptando
Me voy adaptando

Mensajes Mensajes : 27
Fecha de inscripción : 10/12/2010
Edad : 58
Localización : Ositolandia

http://www.elrincondepapaoso.com

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por Darckaos Dom Dic 12, 2010 7:24 pm

PapaOso escribió:
Darckaos escribió:Si vas a usar mi modificacion debes borrarlo y sustituirlo todo.
Y si meto la pata, despues como lo arreglo xd.

Edito: Ya esta! pero, ademas del boton de me gusta y tal, por que me sale una mano verde en donde se da reputacion?

Es porque tambien está modificado en el template. Para cambiarlo localiza el siguiente codigo y cambia lo marcado en rojo por una imagen que tu quieras o borralo para colocar el simbolo por defecto:
Spoiler:
Darckaos
Darckaos
Colaborador
Colaborador

Mensajes Mensajes : 51
Fecha de inscripción : 10/12/2010
Edad : 33

http://asociacioncuo.foroactivo.com/forum.htm

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por PapaOso Dom Dic 12, 2010 9:57 pm

No que va, me parece muy chulo....y la verdad queda bastante visible, no como los de antes...me gusta, gracias por el aviso compi! cheers
PapaOso
PapaOso
Me voy adaptando
Me voy adaptando

Mensajes Mensajes : 27
Fecha de inscripción : 10/12/2010
Edad : 58
Localización : Ositolandia

http://www.elrincondepapaoso.com

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por CR4K Lun Dic 13, 2010 5:41 pm

me alegro que lo hayas solucionado ^^
CR4K
CR4K
Administrador
Administrador

Mensajes Mensajes : 81
Fecha de inscripción : 08/12/2010
Edad : 33
Localización : MuRciiA

http://www.XcTclan.com/

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por PapaOso Lun Dic 20, 2010 12:51 am

Vale, ahora tengo un problema.
Esto funcionaba perfectamente hasta ayer.
Ahora, cada vez que comparto un tema solo me aparece en Facebook que me gusta el rincon de papaoso en el rincon de papaoso.... Eso por que puede ser si no toque nada y hasta ayer funcionaba muy bien?
PapaOso
PapaOso
Me voy adaptando
Me voy adaptando

Mensajes Mensajes : 27
Fecha de inscripción : 10/12/2010
Edad : 58
Localización : Ositolandia

http://www.elrincondepapaoso.com

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por Darckaos Dom Dic 26, 2010 10:25 pm

Buen, perdon por tardar tanto en responder, creo que es cosa del propio facebook no he podido probarlo personalmente porque no dispongo de un foro phbb2, lo siento.
Darckaos
Darckaos
Colaborador
Colaborador

Mensajes Mensajes : 51
Fecha de inscripción : 10/12/2010
Edad : 33

http://asociacioncuo.foroactivo.com/forum.htm

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por PapaOso Lun Dic 27, 2010 4:36 pm

Bueno, creo que alguien mas tendra el mismo problema y lo raro es que no digan nada.
Gracias amigo..esperaemos entonces.
PapaOso
PapaOso
Me voy adaptando
Me voy adaptando

Mensajes Mensajes : 27
Fecha de inscripción : 10/12/2010
Edad : 58
Localización : Ositolandia

http://www.elrincondepapaoso.com

Volver arriba Ir abajo

Tutorial Re: Boton Me Gusta en Phbb2 y Punbb

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.