Blackbird's Domains
¡BienvenidX!

En este foro-galería encontrarás códigos gratis para usar en los foros RPG de habla hispana. Sigue las normas para poder utilizarlos.

No se ofrece soporte para ningún código, la idea no es que copies y pegues sino que te motives a aprender un poco ;-)

Si tienes cualquier duda sobre el funcionamiento del foro puedes enviarme un ask a mi Tumblr, el enlace está en la barra de navegación superior.

¡Un saludo!
Últimos temas
» Footer / Template overall_footer_end
por Blackbird Lun Oct 29, 2018 11:49 am

» Análisis: Spiderman
por Blackbird Dom Oct 28, 2018 5:07 pm

» Mensajes de Staff
por Blackbird Dom Oct 28, 2018 12:45 pm

» Twittter
por Blackbird Mar Jul 31, 2018 12:39 pm

» Facebook
por Blackbird Dom Jul 29, 2018 6:51 pm

Todos los códigos expuestos aquí han sido elaborados por mí, si quieres utilizarlos respeta las normas; de ti depende que esta galería se mantenga abierta proporcionando códigos gratis. Las imágenes pertenecen a sus respectivos autores –especialmente a League of Legends de Riot–, pero las modificaciones realizadas sobre las mismas son obra mía.

Respeta el trabajo ajeno y no copies ni te atribuyas la autoría de estos códigos.

Normas de uso
Bajo ningún concepto se puede quitar el crédito de la tablilla –incluyendo el link–, ni hacer el texto ilegible por tamaño o color.
No se puede usar este código como base para crear otro código.
No se puede usar como código predeterminado para un foro.
«Todo» es modificable: fuentes, colores, etc.
No se ofrecerá soporte técnico de ningún tipo, te toca hacerte un Juan Palomo.
avatar
Blackbird

Twittter

el Mar Jul 31, 2018 12:39 pm
Vista previa:

Nombre P. Aquí
@arrobaaquí

Breve frase
Lugar
Se unió en Mes de 20XX
Nació el X de Mes de 19XX
TWEETS
SIGUIENDO
SEGUIDORES
ME GUSTA
MOMENTOS

1105
305
216 K
68
0


Nombre P. Aquí
@arrobanombre · XX Feb
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non turpis in erat tincidunt maximus non et est. Nulla facilisi. Lorem ip.


Nombre P. Aquí
@arrobanombre · XX Feb
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non turpis in erat tincidunt maximus non et est. Nulla facilisi. Lorem ip.



Código:
<div class="BBpreview">Vista previa:</div>
<center><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous"><p><div class="Twfondo"><div class="Twportada" style="background:url(http://via.placeholder.com/900x200);background-size:cover;background-position:center;"><div id="Twperfil" style="background:url(http://via.placeholder.com/150x150);"><div class="Twnom">Nombre P. Aquí<div class="Twinfo">@arrobaaquí<br><br>Breve frase<br><i class="fa fa-map-marker" style="margin:2px;font-size:15px;"></i>Lugar<br><i class="fa fa-calendar" style="margin:2px;font-size:15px;"></i> Se unió en Mes de 20XX<br><i class="fa fa-birthday-cake" style="margin:2px;font-size:15px;"></i> Nació el X de Mes de 19XX</div></div></div><div class="Twdat"><div class="Twtt">TWEETS</div><div class="Twtt">SIGUIENDO</div><div class="Twtt">SEGUIDORES</div><div class="Twtt">ME GUSTA</div><div class="Twtt">MOMENTOS</div><br><div id="Twdd" style="left:-80px;">1105</div><div id="Twdd" style="left:-55px;">305</div><div id="Twdd" style="left:-20px;">216 K</div><div id="Twdd" style="left:15px;">68</div><div id="Twdd" style="left:60px;">0</div></div></div>

<center><div class="Tweet"><div id="Tweetima" style="background:url(http://via.placeholder.com/50x50);background-size:cover;"></div><div id="Tweetnom">Nombre P. Aquí <div id="Tweetnom2">@arrobanombre · XX Feb</div></div><div id="Tweettext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non turpis in erat tincidunt maximus non et est. Nulla facilisi. Lorem ip.</div><div class="Tweetcom"><i class="far fa-comment" id="tc"></i> <i class="fas fa-retweet" id="tc"></i> <i class="far fa-heart" id="tc"></i> <i class="far fa-envelope" id="tc"></i></div></center>

<center><div class="Tweet"><div id="Tweetima" style="background:url(http://via.placeholder.com/50x50);background-size:cover;"></div><div id="Tweetnom">Nombre P. Aquí <div id="Tweetnom2">@arrobanombre · XX Feb</div></div><div id="Tweettext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non turpis in erat tincidunt maximus non et est. Nulla facilisi. Lorem ip.</div><div class="Tweetcom"><i class="far fa-comment" id="tc"></i> <i class="fas fa-retweet" id="tc"></i> <i class="far fa-heart" id="tc"></i> <i class="far fa-envelope" id="tc"></i></div></center></div></p></center>

<style>.Twfondo {padding:10px;padding-bottom:30px;background:#F2F2F2;margin-top:-10px;} .Twportada {height:200px;position:relative;margin-bottom:50px;} #Twperfil {width:150px;height:150px;border:4px #FFF solid;border-radius:100%;display:inline-block;position:absolute;left:13px;top:120px;margin-bottom:20px;z-index:1;} .Twdat {width:100%;position:absolute;top:200px;box-sizing:border-box;box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);} .Twnom {position:absolute;top:160px;left:-15px;font:15px sans-serif;color:#000;} .Twinfo {width:180px;position:relative;left:20px;font:11px Helvetica;text-align:left;} .Twtt {position:relative;display:inline-block;margin:5px;font:10px Segoe UI;color:#657786;text-transform:uppercase;font-weight:700;} #Twdd {position:relative;display:inline-block;margin:5px;margin-top:-7px;font:10px Segoe UI;color:#777;font-weight:bold;} .Tweet {width:400px;padding:10px;padding-bottom:30px;background:#F2F2F2;outline:1px #e9eaed solid;outline-offset:1px;margin-left:80px;position:relative;font:12px Calibri;color:#000;text-align:justify;} #Tweetima {width:50px;height:50px;border-radius:100%;position:absolute;top:5px;left:5px;} #Tweetnom {display:inline-block;position:relative;left:50px;font:15px sans-serif;} #Tweetnom2 {display:inline-block;font:11px sans-serif;color:#777;} #Tweettext {position:relative;margin-left:50px;} .Tweetcom {width:100%;background:#FFF;position:absolute;left:0;right:0;bottom:0;text-align:center;} #tc {margin:5px 40px 5px 40px;font-size:15px;color:#878787;}</style>

Vista previa (Tweets):

Nombre P. Aquí
@arrobanombre · XX Feb
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non turpis in erat tincidunt maximus non et est. Nulla facilisi. Lorem ip.



Código:
<center><p><div class="Tweet"><div id="Tweetima" style="background:url(http://via.placeholder.com/50x50);background-size:cover;"></div><div id="Tweetnom">Nombre P. Aquí <div id="Tweetnom2">@arrobanombre · XX Feb</div></div><div id="Tweettext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non turpis in erat tincidunt maximus non et est. Nulla facilisi. Lorem ip.</div><div class="Tweetcom"><i class="far fa-comment" id="tc"></i> <i class="fas fa-retweet" id="tc"></i> <i class="far fa-heart" id="tc"></i> <i class="far fa-envelope" id="tc"></i></div></p></center>

Vista previa (Follow):

Nombre P. Aquí
@arrobanombre te sigue ahora.



Código:
<center><p><div class="Tweet"><div id="Tweetima" style="background:url(http://via.placeholder.com/50x50);background-size:cover;top:4px;"></div><div id="Tweetnom" style="top:10px;">Nombre P. Aquí <div id="Tweetnom2">@arrobanombre te sigue ahora.</div></div></div></p></center>