¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Últimos temas
» Probando desde Invitado
tablon v000000000 EmptyLun Mar 11, 2019 8:09 pm por The For

» D A D O S
tablon v000000000 EmptyJue Feb 14, 2019 9:06 pm por The For

» Ahahám
tablon v000000000 EmptyMar Feb 05, 2019 1:26 am por The For

» tablon v000000001
tablon v000000000 EmptySáb Feb 02, 2019 1:00 am por The For

» tablon v000000000
tablon v000000000 EmptyVie Feb 01, 2019 1:14 pm por The For

afiliados especiales
Directorios
Afiliados Élite | 07 de 15

Créditos
El fantástico skin y tablón ha sido obtenido de Captain Knows Best creado por Neeve, gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo. La adaptación y modificación de los mismos es obra de nuestro magnífico Staff con el consentimiento y ayuda de su autora. Por otra parte, los extraordinarios perfiles son obra de Made in Sevilla a quien damos gracias por ellos.

Todas las tablillas utilizadas en el foro son propiedad exclusiva del mismo, si deseas utilizarlas ponte en contacto con nosotros. No mordemos y si nos las pides te las podemos dejar sin problemas, pero no las copies sin nuestro permiso.

Todo lo escrito aquí: Tramas de rol, fichas de personajes y demás, pertenece a sus respectivos usuarios, no lo utilices sin su permiso. La —tan cliché— trama y ambientación del foro fue realizada, mayormente, por The Forgottens con inspiración en la cultura popular además de multitud de series, películas y/o libros. Sin embargo el crecimiento de la misma es gracias a todos los habitantes de la Ciudad; sois vosotros quien da realmente vida al City of Shadows, quienes hacéis que sigamos aquí por muchos años que pasen, por eso y mucho más, gracias.

tablon v000000000

 :: Papeleo :: Quejas, Dudas & Sugerencias

Ver el tema anterior Ver el tema siguiente Ir abajo

tablon v000000000 Empty tablon v000000000

Mensaje por The For Miér Ene 30, 2019 6:26 pm



div temas
                                                                                             


La ciudad donde seres inmortales y humanos conviven en equilibrio, el cual fue pactado en secreto por los líderes de las diferentes razas. Pero esas reglas para mantener la armonía parecen haberse olvidado.
Febrero 2019
FINAL DEL INVIERNO




abajo staff
                                                                         


div para links



abajo 5 años online
                                                                         
The For
Imagen Personal : tablon v000000000 P100
Rango : Admin Secsi
Mensajes : 31
Ahlmas : 52
Frase : Soy un gatito muy mono
Logros : tablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27myg

tablon v000000000 2NeHQ4Btablon v000000000 2PI9cYvtablon v000000000 Nuevo_10tablon v000000000 2NeHQ4Btablon v000000000 2PI9cYvtablon v000000000 Nuevo_10tablon v000000000 2NeHQ4Btablon v000000000 2PI9cYvtablon v000000000 Nuevo_10
http://city-shadows.foroactivo.com/f3-expedienteshttp://city-shadows.foroactivo.com/f3-expedienteshttp://city-shadows.foroactivo.com/f3-expedienteshttp://city-shadows.foroactivo.com/f3-expedientes
The ForFundador

Volver arriba Ir abajo

tablon v000000000 Empty Re: tablon v000000000

Mensaje por The For Vie Feb 01, 2019 1:14 pm

ORI
Código:
<div class="cajagene">
                                      
 <div id="butt1" class="butts2">
                  PESTAÑA 1                    
 </div>
                                    
 <div id="butt2" class="butts2">
                  PESTAÑA 2                    
 </div>
                                    
 <div id="butt3" class="butts2">
                  PESTAÑA 3                    
 </div>
                                    
 <div id="butt4" class="butts2">
                  PESTAÑA 4                    
 </div>
                                      
 <div id="tb1">
                                                                                                
 <table>
                                                                                                <tbody>                                                                                               </tbody> <tbody></tbody>
 <tr style="">
                                                                                                
 <td>
                                                                                                
 <div class="caji1">
                                                                      
 <div class="itempo">
                                                                    
 <div class="tempo">
                                  ALGÓ CORTO AQUÍ                                    
 <div class="subtem">
                          algo corto aquí                                  
 </div>
                                                                    
 </div>
                                                                    
 </div>
                                                                                                
 </div>
                                                                                                
 </td>
                                                                                                
 <td>
                                                                                                
 <div class="caji2">
                                                                                        
 <div class="noti">
                                       <span class="fechi">dd/mm</span> Así queda la letra en <strong>NEGRITA</strong> dentro del tablón                                      
 </div>
                                                                              
 <div class="noti">
                                       <span class="fechi">dd/mm</span> esto de aquí es un <a href="#">link</a>.                                          
 </div>
                                                                            
 <div class="noti">
                                       <span class="fechi">dd/mm</span> Esta caja tiene scroll podéis poner tantas noticias como queráis.                                      
 </div>
                                                                                      
 </div>
                                                                                                
 </td>
                                                                                                
 <td>
                                                                                                
 <div class="caji1" style="text-align: justify;">
                                              
 <div style="text-align: center;" class="noti">
                       <strong>UN TÍTULO AQUÍ</strong>                        
 </div>
                        
 <div id="micontenedor">
 </div>
                                                                      
 </div>
                                                                                                
 </td>
                                                                                                
 </tr><tbody></tbody><tbody>                                                                                              </tbody>                                                                                                
 </table>
                                                                          
 <table>
                                                                          <tbody>                                                                         </tbody> <tbody></tbody>
 <tr style="">
                                                                          
 <td>
                                                                                                
 <div class="caji3">
                                                                            
 <div align="center">
                                          
 <div class="istaff" style="background:url(http://i.imgbox.com/eWnQ1kDH.png)">
                                                                        
 <div id="nom">
                                  <a href="/u01">Nombre</a>                                  
 <div id="ran">
                                  Rango                                    
 </div>
                                                                  
 </div>
                                                            
 </div>
                    
 <div class="istaff2" style="background:url(http://i.imgbox.com/eWnQ1kDH.png)">
                                                                    
 <div id="nom">
                                  <a href="/u02">Nombre</a>                                  
 <div id="ran">
                                  Rango                                    
 </div>
                                                                    
 </div>
                                                              
 </div>
                    
 <div class="istaff3" style="background:url(http://i.imgbox.com/eWnQ1kDH.png)">
                                                                    
 <div id="nom">
                                  <a href="/u02">Nombre</a>                                  
 <div id="ran">
                                  Rango                                    
 </div>
                                                                    
 </div>
                                                              
 </div>
                                                      
 </div>
                                                    
 </div>
                                                                
 </td>
                                                                          
 <td>
                                                                                                
 <div class="caji4">
                                                          
 <div align="center">
                            Búsquedas de Personaje. Próximamente.                              
 </div>
                                                                                              
 </div>
                                                                                                
 </td>
                                                                          
 </tr><tbody></tbody><tbody>                                                                           </tbody>                                                                          
 </table>
                                      
 </div>
                                
 <div id="tb2" class="cajones">
                              
 <div class="caji5">
        Contenido de lo que quieras añadir por aquí          
 </div>
                              
 <div class="caji5">
        Contenido de lo que quieras añadir por aquí          
 </div>
                              
 <div class="caji5">
        Contenido de lo que quieras añadir por aquí          
 </div>
                        
 </div>
                  
 <div id="tb3" class="cajones">
                              
 <div class="caji6">
        Contenido de lo que quieras añadir por aquí          
 </div>
                        
 </div>
          
 <div id="tb4" class="cajones">
                              
 <div class="caji6">
        Contenido de lo que quieras añadir por aquí          
 </div>
                        
 </div>
                  
</div>
  <script>
 
jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>


CSS ori+cos
Código:
/*--------------------------------TABLÓN DE ANUNCIOS---------------------------*/
.marquee { height: 195px !important; }

.cajacostablon{
  background: #111111;
  opacity: 0.95;
  padding: 10px;
  font-family: 'Calibri';
  font-size: 11px;
  color: #999999;
  text-align: left;
}

.butts2{
  background: #530101;
    color: #efefef;
    cursor: pointer;
    display: inline-block;
    font-family: 'oswald';
    font-size: 9px;
    margin: auto;
    opacity: 0.95;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 99px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.cajones{
  display:none;
  margin-top: 5px;
}

.cajagene{

    height: 350px;
    margin-left: -5px;
    opacity: 0.8;
  width: 950px;
  padding: 20px;
  background: url(https://www.sur.org.co/wp-content/uploads/2018/09/manhattan-336708_1920-bspline.jpg) center;
  background-size: cover;
  background-attachment: fixed;
}


.caji1{
    background-color: #0d0d0d;
    height: 150px;
    width: 260px;
    padding: 10px;
    opacity: .9;
}


.itempo{
    background: url(http://i.imgbox.com/TXHZ0uiB.png);
    background-size: 113%;
    padding-top: 57px;
    height: 92px;
    width: auto;
}

.tempo{
  font-family: pt sans;
    font-size: 12px;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    width: 206px;
    background: #121212;
    padding: 10px;
}

.subtem{
    border-top: 1px solid #fff;
    font-size: 10px;
    text-transform: lowercase;
    width: 200px;
    text-align: center;
    margin: auto;
}

#left {
  margin-left: -1400px;
}




.caji2{
 background-color: #0d0d0d;
    height: 150px;
    width: 290px;
    padding: 10px;
    opacity: .9;
  overflow: auto;
}

.caji2 strong{
color: #56756E;
}

.fechi{
    background: #56756E;
    color: #fbfbfb;
    display: inline-block;
    margin: 1px;
    padding: 3px;
    padding-top: 0px;
    height: 12px;
    font-family: "pt sans";
    font-size: 10px;
  border-radius: 5px;
}

.noti{
  border-bottom: 1px solid #56756E;
  margin-bottom: 3px;
}

.caji3{
 background-color: #0d0d0d;
    height: 105px;
    opacity: .9;
    padding: 10px;
    width: 290px;
  overflow: auto;
}


.caji4{
 background-color: #0d0d0d;
    height: 105px;
    opacity: .9;
    padding: 10px;
    width: 542px;
}

.istaff{
    display: inline-block;
    height: 90px;
    width: 120px;
}

.istaff2{
    display: inline-block;
    height: 90px;
    width: 120px;
    margin-left: 10px;
}

.istaff3{
      display: inline-block;
    height: 90px;
    width: 120px;
    margin-left: 10px;
}

#nom{
  -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    background: #111;
    display: inline-block;
    font-family: 'Oswald';
    font-size: 13px;
    height: 55px;
    margin: auto;
    opacity: 0;
    padding: 25px 10px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 1.7s ease-in-out;
    width: 100px;
    color: #efefef;
}

#ran{
  border-top: 1px solid #530101;
    font-size: 10px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    font-family: 'Calibri';
    margin-top: 3px;
}

.istaff:hover #nom {opacity: .9;
-moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}

.istaff2:hover #nom {opacity: .9;
-moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}

.istaff3:hover #nom {opacity: .9;
-moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}


.caji5{
  background-color: #0d0d0d;
  opacity: .9;
  padding: 10px;
  width: 270px;
  height: 290px;
  overflow: auto;
  display: inline-block;
}

.caji6{
  background-color: #0d0d0d;
  opacity: .9;
  padding: 10px;
  width: 860px;
  height: 290px;
  overflow: auto;
  display: inline-block;
}


HTML ori+cos
Código:
<div class="cajagene">
                              
   <div id="butt1" class="butts2">
                                        COS                                   
   </div>
                                                                      
   <div id="butt2" class="butts2">
                                        CRONOLOGÍA                                   
   </div>
                                                                      
   <div id="butt3" class="butts2">
                                        HABITANTES                                   
   </div>
                                                                                                              
   <div id="tb1">
                                 
      <table>
                       <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
         <tr style="">
                                       
            <td>
                                          
               <div style="width: 225px; height: 195px; margin-right: 10px; text-transform: uppercase; margin-bottom:10px;" class="cajacostablon">
                                               
                  <div id="micontenedor">
                                                  
                  </div>
                                                                                                                                             
               </div>
                                  
               <div style="width: 225px; height: 55px; margin-right: 10px;" class="cajacostablon">
                                 
                  <div style="display: inline-block; vertical-align: bottom; width: 57px; background: url('https://78.media.tumblr.com/887456f6ef846d4c01ccab9861cb1d58/tumblr_meyw18DCul1rebhaho1_250.jpg') no-repeat; background-position-y: center; height: 55px">
                                                
                  </div>
                                             
                  <div style="display: inline-block; vertical-align: bottom; width: 150px; height: 55px; margin-left: 10px;">
                             <span style="line-height: 25px; font-weight: bold; background: #232323; padding: 2px 15px">INVIERNO</span><br />Temperaturas sobre los -6º probabilidades de nieve.               
                  </div>
                                 
               </div>
                                          
            </td>
                                       
            <td>
                                          
               <div style="width: 380px; height: 160px; margin-bottom:10px; margin-right: 10px;" class="cajacostablon">
                                             
                  <div style="display: inline-block; vertical-align: bottom; width: 110px; background: url('http://66.media.tumblr.com/48902298ad51a398c3cc71dfc1d7e954/tumblr_o4irawam251s8sn03o1_1280.png') center; background-size: cover; height: 160px">
                                                
                  </div>
                                             
                  <div style="display: inline-block; vertical-align: bottom; width: 255px; height: 122px; margin-left: 10px;">
                                   <span style="font-family: 'Oswald'; font-size: 15px; letter-spacing: 1pt; text-transform: uppercase; color: #EFEFEF;">City of Shadows</span><br /><span style="font-family: 'Oswald'; font-size: 13px; font-weight: bolder; color: #530101;">—</span><br /> La ciudad donde seres inmortales y humanos conviven en equilibrio, el cual fue pactado en secreto por los líderes de las diferentes razas. Pero esas reglas para mantener la armonía parecen haberse olvidado hace tiempo y ahora no sólo los mortales están en peligro.               
                  </div>
                                               
               </div>
                                          
               <div style="width: 380px; height: 90px;" class="cajacostablon">
                                 
                  <div class="istaff" style="background:url(http://i.imgbox.com/eWnQ1kDH.png)">
                                                                                                                                              
                     <div id="nom">
                                                                                      <a href="/u01">The Forgottens</a>                                                             
                        <div id="ran">
                                                                                           Fundador                                                               
                        </div>
                                                                                                                                               
                     </div>
                                                                                                              
                  </div>
                  <div class="istaff2" style="background:url(http://i.imgbox.com/eWnQ1kDH.png)">
                                                                                                                                              
                     <div id="nom">
                                                                                      <a href="/u01">The Outsider</a>                                                             
                        <div id="ran">
                                                                                           Moderación                                                               
                        </div>
                                                                                                                                               
                     </div>
                                                                                                              
                  </div>
                  <div class="istaff3" style="background:url(http://i.imgbox.com/eWnQ1kDH.png)">
                                                                                                                                              
                     <div id="nom">
                                                                                      <a href="/u01">Narrador</a>                                                             
                        <div id="ran">
                                                                                           Narración                                                               
                        </div>
                                                                                                                                               
                     </div>
                                                                                                              
                  </div>
                                             
               </div>
               
            </td>
                                       
            <td>
                                          
               <div style="width: 200px; height: 280px;" class="cajacostablon">
                                  div para links               
               </div>
                                                  
            </td>
                                       
         </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>             
      </table>
                                   
   </div>
                                                                  
   <div id="tb2" class="cajones">
                                                                   
      <div class="caji5">
                                 Contenido de lo que quieras añadir por aquí                         
      </div>
                                                                   
      <div class="caji5">
                                 Contenido de lo que quieras añadir por aquí                         
      </div>
                                                                   
      <div class="caji5">
                                 Contenido de lo que quieras añadir por aquí                         
      </div>
                                                             
   </div>
                                                    
   <div id="tb3" class="cajones">
                                                                   
      <div class="caji6">
                                 Contenido de lo que quieras añadir por aquí                         
      </div>
                                                             
   </div>
</div>
  <script>
 
jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>
The For
Imagen Personal : tablon v000000000 P100
Rango : Admin Secsi
Mensajes : 31
Ahlmas : 52
Frase : Soy un gatito muy mono
Logros : tablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27mygtablon v000000000 AB27myg

tablon v000000000 2NeHQ4Btablon v000000000 2PI9cYvtablon v000000000 Nuevo_10tablon v000000000 2NeHQ4Btablon v000000000 2PI9cYvtablon v000000000 Nuevo_10tablon v000000000 2NeHQ4Btablon v000000000 2PI9cYvtablon v000000000 Nuevo_10
http://city-shadows.foroactivo.com/f3-expedienteshttp://city-shadows.foroactivo.com/f3-expedienteshttp://city-shadows.foroactivo.com/f3-expedienteshttp://city-shadows.foroactivo.com/f3-expedientes
The ForFundador

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 :: Papeleo :: Quejas, Dudas & Sugerencias

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