Ver el tema anterior Ver el tema siguiente Ir abajo

Mensaje por Admin el Miér Oct 11, 2017 7:01 pm
Código:
<div id="caja">
                                                                                                                          
   <table>
                                                                                                                                                                                                             
      <tbody>
            
         <tr>
                                                                                                                                                                                   
            <td>
                                                                                                                                                                                                      
               <div id="tab-caja" onclick="$('#caja1').toggle(750) ;$('#caja2').hide(750);$('#caja3').hide(750); ;$('#caja4').hide(750);$('#caja5').hide(750);">
                                                                                                                      1                                                                                             
               </div>
                                                                                                                                                                                              
            </td>
                                                                                                                                                                                                                                                         
            <td>
                                                                                                                                                                                                      
               <div id="tab-caja" onclick="$('#caja2').toggle(750) ;$('#caja1').hide(750);$('#caja3').hide(750); ;$('#caja4').hide(750);$('#caja5').hide(750);">
                                                                                                                      2                                                                                           
               </div>
                                                                                                                                                                                              
            </td>
                                                                                                                                                                                                                                                         
            <td>
                                                                                                                                                                                                      
               <div id="tab-caja" onclick="$('#caja3').toggle(750) ;$('#caja2').hide(750);$('#caja1').hide(750); ;$('#caja4').hide(750);$('#caja5').hide(750);">
                                                                                                                      3                                                                                           
               </div>
                                                                                                                                                                                              
            </td>
                                                                                                                                                                                                                                                         
            <td>
                                                                                                                                                                                                      
               <div id="tab-caja" onclick="$('#caja4').toggle(750) ;$('#caja2').hide(750);$('#caja3').hide(750); ;$('#caja1').hide(750);$('#caja5').hide(750);">
                                                                                                                      4                                                                                             
               </div>
                                                                                                                                                                                              
            </td>
                                                                                                                                                                                                                                                         
            <td>
                                                                                                                                                                                                      
               <div id="tab-caja" onclick="$('#caja5').toggle(750) ;$('#caja2').hide(750);$('#caja3').hide(750); ;$('#caja4').hide(750);$('#caja1').hide(750);">
                                                                                                                      5                                                                                           
               </div>
                                                                                                                                                                                              
            </td>
                                                                                                                                                                           
         </tr>
                                                                                                                                                                                                        
      </tbody>
         
   </table>
                                                                                                                                                                                            
   <div class="tab-c">
                                                                                                                                             
      <div id="caja1" style="display: none;">
                                                                                                                                                                
         <table>
                                                                                                                                                                                                                                                                   
            <tbody>
                  
               <tr>
                                                                                                                                                                                                                         
                  <td>
                                                                                                                                                                                                                                            
                     <div id="caja-b">
                                                                                                                                                                                                                                                               
                        <div id="caja-tit">
                                                                                                                                                       Últimos temas                                                                                                                     
                        </div>
                                                                                                                                                                                                                                                               
                        <div id="caja-cnt">
                                                                                                                                                                                                                                                                                  
                           <div id="micontenedor">
                                                                                                                                                                                                                                                                                             
                           </div>
                                                                                                                                                                                                                                                                          
                        </div>
                                                                                                                                                                                                                                                       
                     </div>
                                                                                                                                                                                                                                    
                  </td>
                                                                                                                                                                                                                         
                  <td>
                                                                                                                                                                                                                                            
                     <div id="img-box" style="background: url('http://i.imgur.com/TDY9rmr.jpg')center">
                                                                                                                                                                                                                                                               
                        <div id="img-bln">
                                                                                                                                                                                                                                                                          
                        </div>
                                                                                                                                                                                                                                                               
                        <div id="img-txt">
                                                                                                                                                                                                                                                                                  
                           <div id="caja-tit">
                                                                                                                                                                  UBICACIÓN                                                                                                                           
                           </div>
                                                                                                                                                                                                                                                                                  
                           <div id="img-tem">
                                                                                                                                                                  <strong>BOSTON</strong><br /><br />Verano: 28ºC.<br />Días soleados.                                                                                                                           
                           </div>
                                                                                                                                                                                                                                                                          
                        </div>
                                                                                                                                                                                                                                                       
                     </div>
                                                                                                                                                                                                                                    
                  </td>
                                                                                                                                                                                                                 
               </tr>
                                                                                                                                                                                                                                                              
            </tbody>
               
         </table>
                                                                                                                                                                                          
         <div id="caja-s">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           staff                                                                                     
            </div><a href="link para mp"><img src="" title="NEIL" /></a><a href="link para mp"></a>                                                                           
         </div>
                                                                                                                                                                                                            
      </div>
                                                                                                                                                                                                                 
      <div id="caja2" style="display: none;">
                                                                                                                                                                  
         <div id="caja-c">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           Ambientación                                                                                   
            </div>
                                                                                                                                                                                   
            <div id="caja-cc">
                                                                                                           Acá la información sobre qué trata el foro y demás.                                                                                   
            </div>
                                                                                                                                                                           
         </div>
                                                                                                                                                                                                
         <div id="caja-c">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           links de acceso rápido                                                                                   
            </div>
                                                                                                                                                                                   
            <div id="caja-l">
                                                                                                           <a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a>                                                                                             
            </div>
                                                                                                                                                                           
         </div>
                                                                                                                                                        
      </div>
                                                                                                                                                                                                               
      <div id="caja3" style="display: block;">
                                                                                                                                                                                                            
         <div id="caja-c">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           Trama actual                                                                                   
            </div>
                                                                                                                                                                                   
            <div id="caja-cc">
                                                                                                           Información de la trama actual, links y todo eso n.n                                                                                   
            </div>
                                                                                                                                                                           
         </div>
                                                                                                                                                                                                
         <div id="caja-c">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           tramas pasadas                                                                                   
            </div>
                                                                                                                                                                                   
            <div id="caja-l">
                                                                                                           <a href="link">nombre de la trama</a><a href="link">nombre de la trama</a><a href="link">nombre de la trama</a><a href="link">nombre de la trama</a><a href="link">nombre de la trama</a><a href="link">nombre de la trama</a><a href="link">nombre de la trama</a><a href="link">nombre de la trama</a>                                                                                               
            </div>
                                                                                                                                                                           
         </div>
                                                                                                                                                        
      </div>
                                                                                                                                                                                                                 
      <div id="caja4" style="display:none;">
                                                                                                                                                                                                              
         <div id="caja-p">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           Ganadores de los premios del mes                                                                                   
            </div>
                                                                                                                                                                                                           
            <div id="prem" style="background: url('http://placehold.it/175x65')center">
                                                                                                                                                                                                      
               <div id="prem-c">
                                                                                                                      Categoria                                                                                           
               </div>
                                                                                                                                                                                                        
               <div id="prem-n">
                                                                                                                      nombre pj                                                                                           
               </div>
                                                                                                                                                                                              
            </div>
                                                                                                                                                                                                           
            <div id="prem" style="background: url('http://placehold.it/175x65')center">
                                                                                                                                                                                                      
               <div id="prem-c">
                                                                                                                      Categoria                                                                                           
               </div>
                                                                                                                                                                                                        
               <div id="prem-n">
                                                                                                                      nombre pj                                                                                           
               </div>
                                                                                                                                                                                              
            </div>
                                                                                                                                                                                                           
            <div id="prem" style="background: url('http://placehold.it/175x65')center">
                                                                                                                                                                                                      
               <div id="prem-c">
                                                                                                                      Categoria                                                                                           
               </div>
                                                                                                                                                                                                        
               <div id="prem-n">
                                                                                                                      nombre pj                                                                                           
               </div>
                                                                                                                                                                                              
            </div>
                                                                                                                                                                                                           
            <div id="prem" style="background: url('http://placehold.it/175x65')center">
                                                                                                                                                                                                      
               <div id="prem-c">
                                                                                                                      Categoria                                                                                           
               </div>
                                                                                                                                                                                                        
               <div id="prem-n">
                                                                                                                      nombre pj                                                                                           
               </div>
                                                                                                                                                                                              
            </div>
                                                                                                                                                                                                           
            <div id="prem" style="background: url('http://placehold.it/175x65')center">
                                                                                                                                                                                                      
               <div id="prem-c">
                                                                                                                      Categoria                                                                                           
               </div>
                                                                                                                                                                                                        
               <div id="prem-n">
                                                                                                                      nombre pj                                                                                           
               </div>
                                                                                                                                                                                              
            </div>
                                                                                                                                                                                                           
            <div id="prem" style="background: url('http://placehold.it/175x65')center">
                                                                                                                                                                                                      
               <div id="prem-c">
                                                                                                                      Categoria                                                                                           
               </div>
                                                                                                                                                                                                        
               <div id="prem-n">
                                                                                                                      nombre pj                                                                                           
               </div>
                                                                                                                                                                                              
            </div>
                                                                                                                                                                                   
         </div>
                                                                                                                                                        
      </div>
                                                                                                                                                                                                               
      <div id="caja5" style="display:none;">
                                                                                                                                                                                                              
         <div id="caja-c">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           PUNTOS DE LAS CASAS                                                                                   
            </div>
                                                                                                                                                                                                           
            <div id="caja-cc">
                                                                                                                                                                                                      
               <div id="cen1">
                                                                                                                      HORNED SERPENT: 0760                                                                                           
               </div>
                                                                                                                                                                                                      
               <div id="cen2">
                                                                                                                      PUKWUDGIE: 0470                                                                                           
               </div>
                                                                                                                                                                                                      
               <div id="cen3">
                                                                                                                      THUNDERBIRD: 0410                                                                                           
               </div>
                                                                                                                                                                                                      
               <div id="cen4">
                                                                                                                      WAMPUS: 0310                                                                                           
               </div>
                                                                                                                                                                                                                                                                                                                                                                  
            </div>
                                                                                                                                                                           
         </div>
                                                                                                                                                                                            
         <div id="caja-c">
                                                                                                                                                                                   
            <div id="caja-tit">
                                                                                                           Créditos                                                                                   
            </div>
                                                                                                                                                                                   
            <div id="caja-cc">
                                                                                                           sfsdfdsdfs                                                                                         
            </div>
                                                                                                                                                                           
         </div>
                                                                                                                                                        
      </div>
                                                                                                                                           
   </div>
                                                                                                                        
</div>
 <style type="text/css"> #mod1 {position: fixed; top: 200px; left:0px; border-right: 0.1em solid #EDECDF; width: 234px; height: 510px; padding: 10px} </style>
<div id="mod1">
                          
   <table>
                             
      <tbody>
                                
         <tr>
                                   
            <td>
                           <img src="http://i.imgur.com/vD4hGqG.png" onclick="$('#texto233').slideDown(300);$('#texto333, #texto433').slideUp(200);" />           
               <div id="texto233" style=" background: #ffffff; height: 200px; width: 200px; padding: 10px; position: fixed; ">
                              Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion             
               </div>
                                      
            </td>
                                   
            <td>
                           <img src="http://i.imgur.com/vD4hGqG.png" onclick="$('#texto333').slideDown(300);$('#texto233, #texto433').slideUp(200);" />           
               <div id="texto333" style="display: none; background: #8C2216; height: 200px; width: 200px; padding: 10px; position: fixed; margin-left: -40px; ">
                                Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion             
               </div>
                                      
            </td>
                                   
            <td>
                           <img src="http://i.imgur.com/vD4hGqG.png" onclick="$('#texto433').slideDown(300);$('#texto333, #texto233').slideUp(500); " />           
               <div id="texto433" style="display: none; background: #ffffff; height: 200px; width: 200px; padding: 10px; position: fixed; margin-left: -80px;">
                              Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion Informacion             
               </div>
                                      
            </td>
                                   
         </tr>
                                
      </tbody>
                             
   </table>
                          
</div>
                                                                                                    1                                                                                             
<div class="caja">
                              
   <div class="cabeza">
                                     
      <div class="fndcab">
                                        
         <div class="titucab">
                                Le mur               
         </div>
                                        
      </div>
                                 
   </div>
avatar
Ver perfil de usuario
Admin

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.