Tablita besha de Shuu

por **Kuroki** Vie Jun 05, 2015 11:51 am

HTML

Código:: <center> <div class="yuu-tab1"> <table> <tbody> </tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tr style=""> <td> <div class="yuu-tab-2"> <div style=" "> <img style="width:250px;height:160px" src="https://fat.gfycat.com/WeeFrigidBinturong.gif" /> </div> <div id="afi"> Estación: VERANO </div> Un clima bipolar que oscila entre las lluvias y el sol. En ésta época, las anomalías de Sunflower son más notorias que de costumbre así que atento a tu al rededor. </div> </td> <td> <div class="yuu-tab-int"> <div id="afi2"> <span style="color: #ffffff;">NOVEDADES</span> </div> <span style="color: #ffffff;"></span> <marquee scrolldelay="200" direction="up" style="color: rgb(255, 255, 255); width: 300px; height: 250px;" onmouseout="this.start()" onmouseover="this.stop()"> <a href="http://sunflower.foroactivo.mx/t1153-off-topic-no-tenemos-excusas#6635" "="" target="_blank" title="Ver tema">{15/03/18} <span style="color: #cc0000;">[ANUNCIO]</span> <span style="color: #ff0066;">No tenemos excusas</span> <span style="color: #9900ff;">Reactivación del foro, próximamente ¡CENSO!</span></a><br /><a href="http://sunflower.foroactivo.mx/t1073-evento-primer-torneo-de-combate-de-koseis-inscribete-y-muestranos-de-que-kosei-estas-hecho#6139" "="" target="_blank" title="Ver tema">{29/09/17} <span style="color: #ff0000;">[EVENTO]</span> <span style="color: #ff3300;">Combate de kosei ¡Ven y muéstranos de qué estás hecho!</span></a><br /><a href="http://sunflower.foroactivo.mx/t1005-anuncio-censo-novedades-etc-importante-revisar#5871" "="" target="_blank" title="Ver tema">{22/07/17} ANUNCIO / CENSO / NOVEDADES / ETC. ¡IMPORTANTE REVISAR!.</a><br /><a href="http://sunflower.foroactivo.mx/t928-censo-primer-censo-del-2017#5343" "="" target="_blank" title="Ver tema">{03/03/17} PRIMER CENSO DEL 2017 - [PLAZO ALARGADO HASTA EL 07 DE ABRIL].</a><br /><a href="http://sunflower.foroactivo.mx/t909-evento-sweet-fever-san-valentin-2017#5241" "="" target="_blank" title="Ver tema">{09/02/17} <span style="color: #cc0000;">[EVENTO]</span> <span style="color: #ff0066;">Sweet Fever</span> <span style="color: #9900ff;">San Valentín 2017</span></a><br /><a href="http://sunflower.foroactivo.mx/t908-resumen-2-anos-on-line#5238" "="" target="_blank" title="Ver tema">{08/02/17} [COMUNICADO] ¡Sunflower festeja su segundo aniversario online!</a><br /><a href="http://sunflower.foroactivo.mx/t873-evento-merry-christmas-sunflower#5057" "="" target="_blank" title="Ver tema">{15/12/16} <span style="color: #18a401;">[EVENTO]</span> <span style="color: #f11010;">Merry Christmas, Sunflower 2016!</span></a><br /><a href="http://sunflower.foroactivo.mx/t874-evento-secret-santa-2016#5058" "="" target="_blank" title="Ver tema">{15/12/16} <span style="color: #18a401;">[EVENTO]</span> <span style="color: #f11010;">Secret Santa 2016!</span></a><br /><a href="http://sunflower.foroactivo.mx/t865-resumen-jingle-bells-kanon-smells-aylen-ran-away-yuki-lied-and-said-i-died-we-are-sunflower#5006" "="" target="_blank" title="Ver tema">{05/12/16} [COMUNICADO] ♫ Jingle bells, Kanon smells, Aylen ran away, Yuki lied and said I died, We are Sunflower!~ ♫</a><br /><a href="http://sunflower.foroactivo.mx/t833-evento-festival-de-los-fantasmas-hambrientos" "="" target="_blank" title="Ver tema">{18/10/16} <span style="color: #ff0000;">[EVENTO]</span> <span style="color: #ff6600;">Festival de los fantasmas hambrientos.</span></a><br /><a href="http://sunflower.foroactivo.mx/t809-el-super-resumen-que-todos-esperaban-os-juro-que-me-he-tardado-pero-los-amo-a-todos#4637" "="" target="_blank" title="Ver tema">{05/10/16} [COMUNICADO] ¡Súper resumen! Preparándonos para Halloween.</a><br /><a href="http://sunflower.foroactivo.mx/t765-ask-tell-me#4336" "="" target="_blank" title="Ver tema">{09/08/16} <span style="color: #ff33cc;">[GOSSIP!]</span> <span style="color: #6633ff;">20 preguntas.</span></a><br /><a href="http://sunflower.foroactivo.mx/t598-personajes-canon" "="" target="_blank" title="Ver tema">{08/08/16} [BÚSQUEDA] Buscamos a los pjs canon ¿Te interesa?.</a><br /><a href="http://sunflower.foroactivo.mx/t763-here-i-am#4330" "="" target="_blank" title="Ver tema">{08/08/16} <span style="color: #ff33cc;">[GOSSIP!]</span> <span style="color: #6633ff;">¡La Gossip girl llegó a la ciudad!</span></a><br /><a href="http://sunflower.foroactivo.mx/t747-resumen-mensual-hace-calor-o-soy-yo#4280" "="" target="_blank" title="Ver tema">{03/08/16} [COMUNICADO] El resumen de verano al fin llegó.</a><br /><a href="http://sunflower.foroactivo.mx/t675-segundo-censo-obligatorio-leer#3820" "="" target="_blank" title="Ver tema">{11/06/16} SEGUNDO CENSO - OBLIGATORIO LEER.</a><br /><a href="http://sunflower.foroactivo.mx/t611-evento-holi-festival-de-zaiphon#3209" "="" target="_blank" title="Ver tema">{26/04/16} <span style="color: #ff0000;">[EVENTO & CENSO]</span> <span style="color: #0099ff;">HOLI! Festival de zaiphon.</span></a><br /><a href="http://sunflower.foroactivo.mx/t597-resumen-mensual-de-abril-bienvenida-primavera#3125" "="" target="_blank" title="Ver tema">{09/04/16} [COMUNICADO] ¡Bienvenida, primavera!</a><br /><a href="http://sunflower.foroactivo.mx/t549-comunicado-del-alcalde-el-primer-ano-de-sunflower#2838" "="" target="_blank" title="Ver tema">{28/02/16} [COMUNICADO] ¡Sunflower cumple un año online!</a><br /><a href="http://sunflower.foroactivo.mx/t467-nuevo-comunicado-del-alcalde-resumenes-atrasados-nuestro-alcalde-es-un-vago#2075" "="" target="_blank" title="Ver tema">{11/12/15} [COMUNICADO] ¡El Alcalde no estaba muerto, andaba de parranda! - Resúmenes atrasados OCT/NOV/DIC.</a><br /><a href="http://sunflower.foroactivo.mx/t391-concurso-esta-es-mi-tragica-historia" "="" target="_blank" title="Ver tema">{15/10/15} [CONCURSO] Ésta es mi trágica historia.</a><br /><a href="http://sunflower.foroactivo.mx/t383-evento-trick-or-treat-sobrevive-hasta-el-final-del-dia#1621" "="" target="_blank" title="Ver tema">{14/10/15} <span style="color: #ff0000;">[EVENTO]</span> <span style="color: #ff6600;">TRICK OR TREAT? Sobrevive hasta el final del día.</span></a><br /><a href="http://sunflower.foroactivo.mx/t338-primer-censo-obligatorio-leer" "="" target="_blank" title="Ver tema">{28/09/15} PRIMER CENSO - OBLIGATORIO LEER.</a><br /><a href="http://sunflower.foroactivo.mx/t336-recicla-y-adopta-un-tema-revivir-temas-parados-o-abandonados" "="" target="_blank" title="Ver tema">{28/09/15} ¡Recicla y adopta un tema! (Revivir temas parados o abandonados)</a><br /><a href="http://sunflower.foroactivo.mx/t309-segundo-comunicado-del-alcalde-resumen-mensual-de-agosto#1309" "="" target="_blank" title="Ver tema">{04/08/15} ¡Segundo comunicado del alcalde! Resumen de AGOSTO.</a><br /><a href="http://sunflower.foroactivo.mx/t244-resumen-mensual-de-julio-importante-leer#1076" "="" target="_blank" title="Ver tema">{04/08/15} ¡Primer comunicado del alcalde! Resumen de JULIO.</a><br /><a href="http://sunflower.foroactivo.mx/t174-tema-para-users-si-no-entras-y-comentas-no-tendras-regalos-en-navidad" "="" target="_blank" title="Ver tema">{08/06/15} Resumen de Junio</a> </marquee><span style="color: #ffffff;"><span style="color: #ffffff;"></span> </span> </div> </td> <td> <div class="yuu-tab-2"> <div align="center"> <div id="afi"> A CERCA DEL KOSEI </div> <div style=" "> <img style="width:250px;height:160px" src="https://media.giphy.com/media/WYKAXLnAKkhnG/giphy.gif" /> <a href="http://sunflower.foroactivo.mx/t1006-kosei-explicacion-y-atributos#5872" "="" target="_blank" title="Ver tema">¿Qué es el kosei? Revisa éste tema para saber más.</a> </div> <div id="afi"> </div> Bienvenid@, {USERNAME} </div> </div> </td> </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody> </table> </div> </center>

CSS

Código:: /*------------------------ Tablon by Yuu-----------------------------*/ #afi{ background:#269199; color:white; font-family:times new roman; text-align:center; letter-spacing:1px; font-size:20px; padding:10px; transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; } #afi:hover { letter-spacing:3px; transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; } #afi2{ background:#269199; overflow: auto; color:white; font-family:times new roman; text-align:center; letter-spacing:1px; font-size:20px; padding:10px; transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; } #afi2:hover { letter-spacing:3px; transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; } .yuu-tab1 { padding:5px; background:#269199; border:10px #269199; width:800px; height:300px; } .yuu-tab-int { width:300px; height:290px; text-align:justify; background:#D2D2D2; color:teal; } .yuu-tab-2 { background: #D2D2D2; width:250px; height:290px; text-align:justify; color:#000000;} /* fin tablon */

» Leer Más ALYSSWonderful Girl	» Leer Más KANONWonderful Boy
» Leer Más SIR MÖRDERISHWonderful User	»SSSSs BLEHWonderful Scene