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

WhatsApp

el Mar Jul 24, 2018 5:48 pm
Vista previa:

Buscar o empezar un chat nuevo
Nombre aquí Día
Último mensaje aquí

Nombre aquí Día
Último mensaje aquí

Nombre aquí Día
Último mensaje aquí
Nombre aquí
Participantes / Estado
Mensaje propio aquí

Mensaje ajeno aquí
Mensaje propio aquí

Mensaje ajeno aquí
Escribe un mensaje aquí





Código:
<p><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous"><div id="FBfondo" style="max-width:853px;"><table><tr><td><div class="WAper"><div class="WAperima"><img src="http://via.placeholder.com/50x50"> <span class="WApersimbol"><i class="fas fa-circle-notch"></i> <i class="fas fa-comment-alt"></i> <i class="fas fa-ellipsis-v"></i></span></div></div><div class="WAbusq"><i class="fas fa-search"></i> Buscar o empezar un chat nuevo</div><div class="WAlist"><img src="http://via.placeholder.com/55x55"></div><div class="WAname">Nombre aquí <span class="WAday">Día</span><div class="WAultmen">Último mensaje aquí</div></div><br/><div class="WAlist"><img src="http://via.placeholder.com/55x55"></div><div class="WAname">Nombre aquí <span class="WAday">Día</span><div class="WAultmen">Último mensaje aquí</div></div><br/><div class="WAlist"><img src="http://via.placeholder.com/55x55"></div><div class="WAname">Nombre aquí <span class="WAday">Día</span><div class="WAultmen">Último mensaje aquí</div></div></td><td><div class="WAper" style="width:500px;top:-5px;"><div class="WAperima"><img src="http://via.placeholder.com/50x50"><div class="WAname" style="top:-10px;">Nombre aquí <div class="WAultmen">Participantes / Estado</div></div><span class="WAsup"><i class="fas fa-search"></i> <i class="fas fa-paperclip" style="margin-left:0;"></i> <i class="fas fa-ellipsis-v"></i></div></div><div class="WAconver" style="background:url(https://www.todoiphone.net/wp-content/uploads/2014/03/WhatsApp-Wallpaper-39.jpg);"><div class="WAbuble1" align="right">Mensaje propio aquí</div><br/><div class="WAbuble2" align="left">Mensaje ajeno aquí</div><div class="WAbuble1" align="right">Mensaje propio aquí</div><br/><div class="WAbuble2" align="left">Mensaje ajeno aquí</div><div class="WAcuadro"><i class="far fa-grin" style="margin-left:-10px;font-size:23px;color:#6F6E6E;text-align:left;"></i> Escribe un mensaje aquí <i class="fas fa-microphone" style="float:right;font-size:23px;color:#6F6E6E;text-align:right;"></i></div></div></div></td></tr></table></div></p>

<style>#FBfondo {background:#FFF;padding:1px;position:relative;margin-top:-10px;} .WAper {width:300px;height:50px;padding:10px;background:#DDD;border-right:1px #e9eaed solid;position:relative;} .WAperima img {width:50px;height:50px;border-radius:100%;} .WApersimbol {position:absolute;right:5px;margin:10px;font-size:23px;color:#6F6E6E;word-spacing:25px;} .WAbusq {width:295px;padding:10px;background:#FFF;border-right:1px #e9eaed solid;border-bottom:1px #e9eaed solid;margin:5px;font:13px Sans-Serif;color:#878787;} .WAlist {padding:5px;display:inline-block;position:relative;} .WAlist img {width:55px;height:55px;border-radius:100%;} .WAname {display:inline-block;margin:8px;position:relative;top:-17px;font:14px Sans-serif;color:#000;} .WAday {margin-left:140px;font:12px Calibri;color:#878787;} .WAultmen {position:relative;top:3px;font:14px Calibri;color:#878787;} .WAsup {position:absolute;top:30%;right:15px;margin-left:25px;font-size:22px;color:#555;word-spacing:8px;} .WAconver {height:235px;overflow:auto;padding:8px;background:#FFF;position:relative;top:-5px;} .WAbuble1 {width:200px;padding:5px;background:#A9C390;border-radius:10px;float:right;margin:20px 10px 10px 10px;font:12px Calibri;color:#111;} .WAbuble2 {width:200px;padding:5px;background:#EFF0EE;border-radius:10px;float:left;margin:20px 10px 10px 10px;font:12px Calibri;color:#111;} .WAcuadro {padding:10px;background:#FFF;border-top:1px #e9eaed solid;position:absolute;left:0;bottom:0;right:0;font:13px Calibri;color:#878787;}</style>
- Temas similares