Conectarse

Recuperar mi contraseña

Últimos temas
» Deku -Expediente
Jue Ago 16, 2018 12:55 am por Kuroki

» Keep it simple -Expediente-
Jue Ago 16, 2018 12:54 am por Kuroki

» 09/08/18 SF
Jue Ago 09, 2018 3:58 pm por Kuroki

» Keep it simple -Widgets-
Jue Ago 09, 2018 3:50 pm por Kuroki

» Dream catcher -Usos multiples-
Jue Ago 09, 2018 3:39 pm por Kuroki

» Bite -Otros-
Jue Ago 09, 2018 3:38 pm por Kuroki

» Garage -Relaciones2-
Jue Ago 09, 2018 3:34 pm por Kuroki

» Garage -Relaciones-
Jue Ago 09, 2018 3:34 pm por Kuroki

» Garage -Expediente-
Jue Ago 09, 2018 3:33 pm por Kuroki

Nombre
Rango
MensajePerfil
CRÉDITOS
Skin “Shine!” creado por Runa XIII e inspirado en la colección de tablillas de NympheaKeep it simple”. Un agradecimiento especial para Nymphea por su consentimiento. Paleta de color “198 Celebration!” por alfarroba en ColorLovers. Un agradecimiento especial a la Asistencia de Foroactivo y los tutoriales de Savage Themes y The Captain Knows Best.


Tablita besha de Shuu

Ir abajo

Tablita besha de Shuu

Mensaje por Kuroki el 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 */
avatar
Kuroki
Admin

Mensajes : 159
Fecha de inscripción : 03/10/2014

Ver perfil de usuario http://kuroki-is-love.foroactivo.mx

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.