Botones de compartir en mybb

dack · 21 Sep 2015

Hola betas me gustaria poner algo asi el los temas de mis foro
le dejare en link de mi foro a ver si se puede adaptar
Proyecto GnuDroid
espero que no lo tomen como spam gracias

Kervis Toledo · 21 Sep 2015

asi te gustaria ???

Markz · 21 Sep 2015

pues tendras que insertar los codigos de los botones y editarlos con un poco de css supongo.. Por cierto bonito theme, me gusta :encouragement:

Kervis Toledo · 21 Sep 2015

1.Edición del Global.css:

Ve a tu theme > global.css > advanced mode

Agregue el código siguiente en la parte inferior de tu global.css

Insertar CODE, HTML o PHP:

.socialshare {
padding: 5px;
border-radius: 2px;
margin-top: -11px;
}

.sst {
background: #51CDF6;
border: 1px solid #4DB9D5;
padding: 5px;
text-align: center;
vertical-align: top;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 5px;
}

.ssg {
background: #D4503F;
border: 1px solid #CE0E0E;
padding: 5px;
text-align: center;
vertical-align: top;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 5px;
}

.ssf {
background: #4A65A1;
border: 1px solid #1D59A5;
padding: 5px;
text-align: center;
vertical-align: top;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 5px;
}

2.Edición de las plantillas:

Ve a tu tema templates > Showthread templates > showthread template.

Encuentra:

Insertar CODE, HTML o PHP:

<body>
{$header}
{$pollbox}

Añade este código justo después de eso

Insertar CODE, HTML o PHP:

<div style="float: left" class="socialshare">
<span class="sst"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="en" >Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
<span class="ssg"><script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'en'}
</script>
<g:plusone size="medium" href="{$mybb->settings['bburl']}/showthread.php?tid={$tid}"></g:plusone></span>
<span class="ssf"><iframe src="//www.facebook.com/plugins/like.php?href={$mybb->settings['bburl']}/showthread.php?tid={$tid}&amp;send=false&amp;layout=button_count&amp;width=130&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:20px;" allowTransparency="true"></iframe></span>
<span class="ssf"><a title="Share On Facebook" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank" style="color: #FFF;"><img src="images/fb.png" alt="Facebook" style="padding-right: 5px;padding-bottom: 2px;vertical-align: middle;"/> <b>Share</b></a></span>
</div>
<br />

dack · 21 Sep 2015

KTMicro dijo:

1.Edición del Global.css:

Ve a tu theme > global.css > advanced mode

Agregue el código siguiente en la parte inferior de tu global.css

Insertar CODE, HTML o PHP:

.socialshare {
padding: 5px;
border-radius: 2px;
margin-top: -11px;
}

.sst {
background: #51CDF6;
border: 1px solid #4DB9D5;
padding: 5px;
text-align: center;
vertical-align: top;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 5px;
}

.ssg {
background: #D4503F;
border: 1px solid #CE0E0E;
padding: 5px;
text-align: center;
vertical-align: top;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 5px;
}

.ssf {
background: #4A65A1;
border: 1px solid #1D59A5;
padding: 5px;
text-align: center;
vertical-align: top;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 5px;
}

2.Edición de las plantillas:

Ve a tu tema templates > Showthread templates > showthread template.

Encuentra:

Insertar CODE, HTML o PHP:

<body>
{$header}
{$pollbox}

Añade este código justo después de eso

Insertar CODE, HTML o PHP:

<div style="float: left" class="socialshare">
<span class="sst"><a rel="nofollow" href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="en" >Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
<span class="ssg"><script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'en'}
</script>
<g:plusone size="medium" href="{$mybb->settings['bburl']}/showthread.php?tid={$tid}"></g:plusone></span>
<span class="ssf"><iframe src="//www.facebook.com/plugins/like.php?href={$mybb->settings['bburl']}/showthread.php?tid={$tid}&send=false&layout=button_count&width=130&show_faces=true&action=like&colorscheme=light&font&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:20px;" allowTransparency="true"></iframe></span>
<span class="ssf"><a rel="nofollow" title="Share On Facebook" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank" style="color: #FFF;"><img src="http://forobeta.com/images/fb.png" alt="Facebook" style="padding-right: 5px;padding-bottom: 2px;vertical-align: middle;"/> <b>Share</b></a></span>
</div>
<br />

Excelente muchas gracias amigo me salvaste la vida

- - - Actualizado - - -

apapostiado dijo:
pues tendras que insertar los codigos de los botones y editarlos con un poco de css supongo.. Por cierto bonito theme, me gusta :encouragement:

gracias amigo por lo del tema :encouragement:

Kervis Toledo · 21 Sep 2015

dack dijo:
Excelente muchas gracias amigo me salvaste la vida

estamos para ayudar compañero, suerte

Sergio Franco · 22 Sep 2015

Es un muy buen tutorial y algo tan simple como botones sociales puede tornarse difícil el implementarlo, pero con este tutorial creo que no habrá problema alguno :encouragement: gracias por compartir.

nikomaster · 3 Nov 2015

Muchas gracias por los consejos, pues yo también estoy empezando y la verdad es que se agradece bastante