Bueno les dejo esta barra lateral que yo uso en mi foro y como la idea no fue totalmente mía si no de Yaldaram por crear un plugin así (por lo menos de allí me base) pues no me molesta compartirlo.

Creo que no hay nada parecido en tutorial pero si en plugins.

Preview:

Pasos:
ACP -> Estilos y plantillas -> Plantillas -> TU_TEMA -> Cabecera - Plantillas -> header

Asta abajo coloca este código:

Code:

<div class="social">
        <a href="http://twitter.com/inusekai" title="InuSekai en Twitter" rel="nofollow"><img src="images/socialicons/twitter_large.png" alt="" title="InuSekai en Twitter" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.9;this.filters.alpha.opacity=90"/></a><br/>
        <a href="http://www.facebook.com/pages/InuSekai/171087752950469" title="InuSekai en Facebook" rel="nofollow"><img src="images/socialicons/facebook_large.png" alt="" title="InuSekai en Facebook" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.9;this.filters.alpha.opacity=90"/></a><br/>
        <a href="http://www.youtube.com/user/InuSekai" title="InuSekai en Youtube" rel="nofollow"><img src="images/socialicons/youtube_large.png" alt="" title="InuSekai en Youtube" class="bottom" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.9;this.filters.alpha.opacity=90"/></a><br/>
            </div>

Cambian inusekai por su nick de twitter, InuSekai/171087752950469 por el id de su pagina de facebook y el ultimo/segundo InuSekai por su cuenta de Youtube.

Claro pueden agregar sus propios enlaces.

En global.css de ese theme colocas esto al final:

Code:

div.social{position:fixed;top:30%;right:0;background-color:rgba(0,0,0,0.9);border:2px solid rgba(255,255,255,0.9);border-right:0;-webkit-border-radius:0;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius:0;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-box-shadow:0 0 5px rgba(0,0,0,1);-moz-box-shadow:0 0 5px rgba(0,0,0,1);box-shadow:0 0 5px rgba(0,0,0,1);z-index:99999}div.social img{margin:2px;margin-bottom:0;border:0;padding:0;opacity:.9;filter:alpha(opacity=90)}div.social img.bottom{margin-bottom:2px}

Ahora suban estas imágenes en images/socialicons/twitter_large.png:
http://isanime.com.ar/images/social/twitter.png
http://isanime.com.ar/images/social/facebook.png
http://isanime.com.ar/images/social/youtube.png

Espero les sirva

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.




Discord `omar.gonzalez` (`Omar G.#6117`); Telegram at `@omarugc`;

Jee, justo andaba buscando algo así. Muchísimas gracias.

Muy buen aporte gracias

se parece al tuto que hizo bour :S

27 Jun, 2011, 6:56 pm DARKNESSDH wrote:
se parece al tuto que hizo bour :S

Cual? Por que busque pero nada que encontré :S

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.




Discord `omar.gonzalez` (`Omar G.#6117`); Telegram at `@omarugc`;

Se llama Badget flotante algo así le puse es parecido.

Muchisimas gracias Sama!, esta andando de diez!

Quizás cree un Tuiter o como se escriba xD
Twiter? Bah da igual xD
Veré que hago, si lo hago uso este tuto, que por cierto, fácil y muy bueno.
Estaría bien un plugin de él, aun que usaría esto jaja

Jajaja me resulta gracioso, porque recién ahora lo leo a este tutorial y yo ya te habia copiado la barra desde tu foro .... jajaja para que no te enojes te di un punto de reputación

Saludos y Gracias! :thumbsup:

Es bastante parecido al que hizo Gustavo , esta bueno.