Tablon Imagenes

Ver el tema anterior Ver el tema siguiente Ir abajo

Tablon Imagenes

Mensaje por Melyed el Mar Ago 04, 2015 1:31 am

Código:
 
<div id="code1" style="width: 200px; height: 350px; background: url('http://i.imgur.com/7VCmZEL.png'); background-size: 200px 350px">
                                                                                                                                                                                                                                                                                                                                                                                                                                             
   <div style="width: 690px; height: 240px; margin-left: 10px; margin-top: 15px;" id="code2">
                                                                                                                                                                                                                                                                      
      <div style="text-align: center; letter-spacing: 1px; font-family: pacifico; font-size:30px">
                                                   Issei City                                            
      </div><br />                                      
      <div style="text-align: center; letter-spacing: 2px; font-family: arial; font-size:10px;text-transform:uppercase">
                                                Novedades                                      
      </div><br /> <br />• 26/07/2015: Re-apertura del foro ¡Bienvenidos todos de nuevo!  <br />• 26/07/2015: Aviso a los afiliados: Se ha hecho limpieza de foros que no tenían nuestro botón o estén inactivos tanto élite, como normal, si consideras que es un error la eliminación de tu botón, por favor vuelve a subir la información. Por otro lado, los cupos para élite se han ampliado a 75.  <br />• XX/XX/XXXX: Issei te vigila<br /> • XX/XX/XXXX: Serena te vigila<br /> • XX/XX/XXXX: Sheila te vigila <br /> • XX/XX/XXXX: A Zetten le es indiferente                                                                                                                                                                                                                
   </div>
                                             
</div>
<div id="code1" style="width: 200px; height: 350px;  background: url('http://i.imgur.com/xnaRt5O.png'); background-size: 200px 350px">
                                                                                                                                                                                                                                                                                                                                                                                                                                             
   <div style="width: 690px; height: 240px; margin-left: -190px; margin-top: 15px;" id="code2">
                                                                                                                                                                                                                                                            
      <div style="text-align: center; letter-spacing: 1px; font-family: pacifico; font-size:30px">
                                                   Issei City                                            
      </div><br />                                      
      <div style="text-align: center; letter-spacing: 2px; font-family: arial; font-size:10px;text-transform:uppercase">
                                                Awards      <br />                          
         <marquee scrollamount="9" onmouseout="this.start();" onmouseover="this.stop();" "="">
                                       <img src="http://i.imgur.com/XRnX67C.png" /> <img src="http://i.imgur.com/2WakNIX.png" /> <img src="http://i.imgur.com/iXbhD2L.png" /> <img src="http://i.imgur.com/snf1Oq3.png" />                          
         </marquee>
                                                   
      </div>
                                                        
   </div>
</div>
<div id="code1" style="width: 200px; height: 350px; background: url('http://i.imgur.com/h8V2LKH.png'); background-size: 200px 350px">
                                                                                                                                 
   <div style="width: 690px; height: 240px; margin-left: -390px; margin-top: 15px;" id="code2">
                                                                                                                                                                                                                                                            
      <div style="text-align: center; letter-spacing: 1px; font-family: pacifico; font-size:30px">
                                                   Issei City                                            
      </div><br />                                      
      <div style="text-align: center; letter-spacing: 2px; font-family: arial; font-size:10px;text-transform:uppercase">
                                                Búsquedas y tramas                              
      </div>
                                                                                                                                                                                                                                                                                                                                                      
   </div>
                                           
</div>
<div id="code1" style="width: 190px; height: 350px; background: url('http://i.imgur.com/OBWMvlb.png'); background-size: 200px 350px">
                                                                                                                                                                                                                                                                                                                                                                                                                                             
   <div style="width: 690px; height: 240px; margin-left: -590px; margin-top: 15px;" id="code2">
                                                                                                                                                                                                                              
      <div style="text-align: center; letter-spacing: 1px; font-family: pacifico; font-size:30px">
                                                   Issei City                                            
      </div>
                                                                                                                                                                                                                            
   </div>
                                                                                                                                                       
</div>
      
<div style="font-size: 6px; text-align:center; text-transform: uppercase;letter-spacing: 1px ">
                                                                                                         Issei City ↑ Pasa el cursor por las imágenes                               <style>#code1 { position: relative; display: inline-block} #code2 { display: none; position: absolute;top: 0px;left: 0px;background:white; width: 500px; height: 420px; opacity: 0.9; }#code1:hover #code2{ display: block;background: black; z-index: 5; padding: 40px; border-radius:5px} </style>    
</div>
    
avatar
Melyed
Admin

Mensajes : 52
Fecha de inscripción : 06/01/2014

Ver perfil de usuario http://melyed.foroac.org

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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