Conectarse

Recuperar mi contraseña

Últimos temas
» MP3 para html
Sáb Feb 18, 2017 11:09 am por Kuroki

» 27/07/2016 SF
Miér Jul 27, 2016 11:40 am por Kuroki

» Angelina | Angelus
Lun Mar 14, 2016 11:54 pm por Kuroki

» Arger black
Lun Mar 14, 2016 11:52 pm por Kuroki

» Alice Pruss
Lun Mar 14, 2016 11:51 pm por Kuroki

» Hey Mama! {widgets}
Sáb Feb 20, 2016 6:30 pm por Kuroki

» 20/02/2016 SF
Sáb Feb 20, 2016 6:24 pm por Kuroki

» Prueba 1 Prueba 1
Dom Sep 06, 2015 8:47 am por Kuroki

» CSS 27/08/15 SF
Jue Ago 27, 2015 7:41 am 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>
                                  
            <tr>
                                       
               <td>
                                          
                  <div class="yuu-tab-2">
                                             
                     <div style="background-image:url('URL IMAGEN');width:250px;height:160px;">
                                      
                     </div>
                                   
                     <div id="afi">
                                Estación: xxxx      
                     </div>
                                           
                  </div>
                                          
               </td>
                                       
               <td>
                                          
                  <div class="yuu-tab-int">
                                     
                     <div id="afi2">
                           Titulo  
                     </div>
                                   Dato Dato  
                  </div>
                                          
               </td>
                                       
               <td>
                                          
                  <div class="yuu-tab-2">
                                       
                     <div id="afi">
                              Links de interes        
                     </div>
                           — <a href="#" target="_blank" title="Acceder" style="color:white;">Link 1</a>   <br />— <a href="#" target="_blank" title="Acceder" style="color:white;">Link 2</a><br />— <a href="#" target="_blank" title="Acceder" style="color:white;">Link 3</a><br />— <a href="#" target="_blank" title="Acceder" style="color:white;">Link 4</a><br />— <a href="#" target="_blank" title="Acceder" style="color:white;">Link 5</a>   <br /><br />  
                     <div id="afi">
                          Titulo  
                     </div>
                         
                  </div>
                              
               </td>
                                       
            </tr>
                                        
         </tbody>
                               
      </table>
                              
   </div>
</center>

CSS
Código:
/* Tablon by Yuu*/
 
.yuu-tab1 {
  padding:5px;
  background:khaki;
  border:10px solid khaki;
  width:830px;
  height:300px;
}
 
.yuu-tab-int {
  width:300px;
  height:290px;
  text-align:justify;
  background:teal;
  color:#FFF;
}
 
.yuu-tab-2 {
background: royalblue;
width:250px;
height:290px;
text-align:justify;
color:#FFF;}
 
 
/* fin tablon */
avatar
Kuroki
Admin

Mensajes : 73
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.