Agregar redes sociales a vbulletin

Carlos Arreola

Admin

Sigma

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

Verificado por Binance

¡Excelente comerciante!

¡Usuario popular!

10 Oct 2013

Por mp me pidieron que dijera como he puesto los botones de las redes sociales en el foro.

Primero en el archivo "vbulletin-chrome.css" he agregado una clase:

.compartir {
float:right;
position: relative;
padding-top: 35px;
}

Esta la podemos modificar a nuestro gusto según la configuración de nuestro foro.

Después en el template "SHOWTHREAD" debajo de esta línea:

<div id="pagetitle" class="pagetitle">

He agregado:

<div id="compartir" class="compartir">
<li>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es-419'}
</script>
<div class="fb-like" data-href="{vb:raw sharingurl}" data-width="450" data-layout="box_count" data-show-faces="false" data-send="false"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="sucuenta" data-lang="es" data-count="vertical">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plusone" data-size="tall"></div>
</li></div>

Lo he puesto en showthread para que aparezca únicamente en los temas y no en otras secciones del foro. Espero les sirva.

Última edición: 10 Oct 2013

Zheive

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

10 Oct 2013

Muchísimas gracias, intentaré implantarlo en mi foro.

Agregar redes sociales a vbulletin

Carlos Arreola

Zheive

Temas similares

Privacidad y transparencia

Privacidad y transparencia