Conectarse

Recuperar mi contraseña

Últimos temas
» 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

» You've got mail~
Mar Ago 18, 2015 7:46 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

Ver el tema anterior Ver el tema siguiente 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 */

Kuroki
Admin

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

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

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


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