¿Cómo agregar el Badge o perfil de Google+ en el postbit_legacy en lugar del avatar?
Mostrando resultados del 1 al 8 de 8
  1. #1
    Registro
    19-agosto-2008
    Ubicación
    Guatemala, Ciudad de Guatemala
    Edad
    34
    Mensajes
    2.300
    Hola,

    Esta es una pequeña personalización que vi en el foro azul y me gusto como se miraban los perfíles de Google+ así que decidi implementar esa caracteristica en mi foro.

    Lo primero es crear una categoría de campos de perfíl de usuario: así que vamos al AdminCP y nos ubicamos en la categoría Campos de perfil de usuario --> Categorías de campos de perfil de usuario --> creamos nuestra categoría que llamaremos "Redes Sociales"

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Luego creamos nuestro campo de perfíl: Vamos al AdminCP --> Crear nuevo campo de perfil de usuario --> en Tipo de campo de perfil escogemos Casilla de texto de una sola línea

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Ahora editamos las plantillas, vamos al AdminCP --> Estilos y plantillas --> Administrador de estilos --> escogen su plantilla y en el desplegado le dan Editar Plantillas y luego buscamos la plantilla llamada headinclude le damos click y hasta abajo del contenido pegamos esto.

    Código:
    <!-- Inserta esta etiqueta en la sección "head" o justo antes de la etiqueta "body" de cierre. -->
    <script src="https://apis.google.com/js/platform.js" async defer>
      {lang: 'es'}
    </script>
    y guardamos

    Ahora tambien editamos la plantilla postbit_legacy que se encuentra con el mismo procedimiento anterior pero como esta esta categorizada con varias plantillas, esta la búscamos como Postbit Plantillas --> postbit_legacy

    Ahora editamos el contenido de dicha plantilla, búscamos:
    Código:
                <vb:if condition="$show['avatar']">
                <a class="postuseravatar" href="{vb:link member, {vb:raw  post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']},  {vb:raw post.username}}">
                    <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase  xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar,  {vb:raw post.username}}" />
                </a>
                </vb:if>
    y lo reemplazamos con:

    Código:
                <vb:if condition="$post['field6']">
                <div class="g-person" data-width="184" data-href="//plus.google.com/{vb:raw post.field6}" data-rel="author"></div>            
                <vb:else />
                <vb:if condition="$show['avatar']">
                <a class="postuseravatar" href="{vb:link member, {vb:raw  post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']},  {vb:raw post.username}}">
                    <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase  xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar,  {vb:raw post.username}}" />
                </a>
                </vb:if>
                </vb:if>
    field6 es el ID del campo de perfíl que creamos unos pasos atrás, el numero 6 lo reemplazan con el ID de su campo de perfíl, ya hecho este cambio guardamos las plantillas.

    Ahora nos vamos a nuestra configuración y le damos click en Mis ajustes --> Editar perfíl y nos aparecera nuestro campo de perfíl.

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    En el campo agregamos el ID de nuestro perfíl de google+.

    Soy pésimo explicando así que si tienen dudas ya saben que pueden plantearlas en este tema.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Demo:
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Acá encontrarán el tuto y demo online [4.x.x] ¿Cómo agregar el Badge o perfil de Google+ en el postbit_legacy en lugar del avatar?
    Última edición por Melvin Garcia; 23-sep-2014 a las 15:07

  2. #2
    Esto es solo para el Admin entonces

  3. #3
    Registro
    19-agosto-2008
    Ubicación
    Guatemala, Ciudad de Guatemala
    Edad
    34
    Mensajes
    2.300
    Cita Iniciado por elfenny Ver Mensaje
    Esto es solo para el Admin entonces
    No compañero, eso lo puede usar cualquier usuario con un perfil en google+

  4. #4
    Cita Iniciado por Melvin Garcia Ver Mensaje
    No compañero, eso lo puede usar cualquier usuario con un perfil en google+
    No vi esa parte de tu tutorial je.

    Acabas de joder este servicio http://forobeta.com/programadores/36...ml#post2931918
    Creo que es lo mismo

  5. #5
    Registro
    07-agosto-2014
    Ubicación
    Honduras- SPS
    Edad
    28
    Mensajes
    487
    Excelente amigo gracias por el aporte, porque pagar 30 USD, lo veo muy carro, se agradece hermano..

    PD. Ademas que ese usuario me elimino un comentario, solo porque publique una imagen del gran azul, donde se muestra que ellos ya tenían ese código.

  6. #6
    Registro
    19-agosto-2008
    Ubicación
    Guatemala, Ciudad de Guatemala
    Edad
    34
    Mensajes
    2.300
    Cita Iniciado por elfenny Ver Mensaje
    No vi esa parte de tu tutorial je.

    Acabas de joder este servicio http://forobeta.com/programadores/36...ml#post2931918
    Creo que es lo mismo
    No es joder chato, el dice que lo hace con cualquier foro, yo lo hice con vbulletin.

  7. #7
    Registro
    22-agosto-2009
    Ubicación
    Cix
    Edad
    30
    Mensajes
    879
    Maestro tu si ah ya lo habia probado antes y es excelente opcion para los amantes de Google+.

    - - - Actualizado - - -

    Cita Iniciado por Melvin Garcia Ver Mensaje
    No es joder chato, el dice que lo hace con cualquier foro, yo lo hice con vbulletin.
    Bueno segun su imagen es de vBulletin ya que en otro sistemas como wordpress ya existe eso.

  8. #8
    Buen aporte

Temas similares

  1. Como colocar Google+ Badge popup
    No se si esto va exactamente aquí, pero como la mayoría lo usaremos en WordPress pues aqui lo dejo. Estaba haciendo unas pruebas y encontré un...
    Respuestas: 2
    Último mensaje: 02-abr-2014
  2. Como Poner Avatar En Perfil De Wordpress
    Buenas a todos. Alguien sabe como poner un avatar en el perfil de Wordpress, no se si se han fijado en algunas web cuando alguien hace un...
    Respuestas: 6
    Último mensaje: 14-ago-2013
  3. Como centrar avatar en postbit_legacy
    Buenas tardes, como podría centrar el avatar en la plantilla postbit_legacy. La pagina web es Portal web Español de tiro Olimpico...
    Respuestas: 2
    Último mensaje: 01-feb-2012

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •