Ambientación

"¿Te crees el mejor? ¿Crees que por estar en la cima, nadie te puede bajar de ahí? Déjame decirte que te equivocas… La lucha por el poder y la fama nunca termina, la vida puede parecer normal y tranquila pero no lo es, mientras tú tratas de subir, yo no me detendré hasta bajarte a la tierra donde perteneces… La única persona que puede llegar a la cima soy yo" -Gossip Girl

El instituto Gyeong paso de ser un internado en la quiebra a ser uno de los más prestigiosos de corea, en el se encuentran personas con los mayores talentos e inteligencias del país, ahora gracias a la excesiva demanda, ya no es difícil entrar sin embargo permanecer sí. Todos luchan por destacar entre los demás, nadie se deja ganar, el deseo de ser los mejores del instituto provoca que cada vez más y más pleitos se ocasionan, por tener el tan prestigiado "premio" al mejor estudiante del campus. Gossip girl... El demonio del instituto, muchos han caído de estar en la cima gracias a las simples palabras en las notas semanales que suele publicar en su tan famoso sitio de Internet, ese demonio desconocido tiene el poder de todo, no hay nadie que lo contradiga, todos lo siguen aun sin saber quién está detrás de ese tan famoso sitio.

¿Crees tener las agallas para entrar a este prestigioso internado lleno de talentos, chismes, peleas y demás? ¡Inténtalo! Trata de sobresalir sobre los demás y sobrevivir a Gossip.

Verano
Temperatura
Min. (15°C ) Max. ( 30°C )
El verano ha llegado a Seúl las temperaturas se elevan, el clima se vuelve húmedo y sofocante por la falta de aire. Usa un paraguas y ropa ligera, así lo disfrutaras mas.
Datos Básicos
♦ El avatar es de 230x400.
♦ Las firmas son de 500x250 como máximo. Todas aquellas imágenes que supere estas medidas deberán ser colocadas en spoiler.
♦ El tiempo que se le da a los usuarios nuevos de realizar su ficha es de 3 días, pasados estos, la cuenta sera eliminada.
♦ Las lineas mínimas de rol son de 15
♦ Se pide que todos los usuarios respeten las normas ya establecidas.

Staff de Gyeong School.
•Welcome•
¡Bienvenido seas a
Gyeong School!
El instituto más prestigioso de Seúl. Aunque todo es lujo en esta academia no todo es color de rosa, Mientras luchas en destacar sobre los demás para abrirte paso a un buen futuro siempre habrá alguien que solo busque destruirte para ganar la puerta que podría abrirse para ti. ¡Únete y ábrete camino en la vida antes de que alguien tome ese camino por ti!
•Your profile•
Conectarse

Recuperar mi contraseña

•Last topics↓
•Look this↓
Últimos temas
» prueba 001
Jue Mayo 25, 2017 12:51 am por Admin

•Our Staff•
•Did you know?•
this is not a secret
coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon

•Best PJ•
PJ Name
coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon coming soon
•Credits•
• Skin creado únicamente para Gyeong School por un Ex-Admin. • Skin modificado por administradores actuales, evita el plagio. •Todas las tablillas administrativas son exclusivas de Gyeong School •Todo el contenido textual de la administración fue hecho por la misma por lo que pertenece solamente a ellos. •Las imágenes fueron encontradas por distintos medios, damos créditos a sus respectivos dueños. •Todas fueron editadas para su uso en el foro por lo que igual pertenecen a la administración.
Hermanos (00 • 06)
Directorio (00 • 14)
Élite (00 • 40)

prueba 001

Ver el tema anterior Ver el tema siguiente Ir abajo

prueba 001

Mensaje por Admin el Lun Mayo 22, 2017 11:42 pm

Código:
codigo
Spoiler:
spoiler

avatar
rango
Mensajes :
4

Fecha de inscripción :
25/05/2016

Ver perfil de usuario http://ttl-desing.foroactivo.mx

Volver arriba Ir abajo

Re: prueba 001

Mensaje por Admin el Jue Mayo 25, 2017 12:50 am

Html en el mensaje del indice
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>
                                                                                           
 <tr>
                                                                                           
 <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>
                        Contenido de la caja aquí. Tiene scroll.                                                                 
 </div>
                                                                                           
 </td>
                                                                                           
 </tr>
                                                                                           
 </tbody>
                                                                                           
 </table>
                                                                     
 <table>
                                                                     
 <tbody>
                                                                     
 <tr>
                                                                     
 <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>
                                                                     
 </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>
avatar
rango
Mensajes :
4

Fecha de inscripción :
25/05/2016

Ver perfil de usuario http://ttl-desing.foroactivo.mx

Volver arriba Ir abajo

Re: prueba 001

Mensaje por Admin el Jue Mayo 25, 2017 12:51 am

css
Código:
/*--------------------------------TABLÓN DE ANUNCIOS---------------------------*/
.butts2{
  cursor: pointer;
  width: 150px;
  padding: 5px;
  text-align: center;
  color:#5b8c81;
  font-family:oswald;
  text-transform:uppercase;
  background:#000;
  opacity: .9;
  font-size:9px;
  margin: auto;
  display: inline-block;
}

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

.cajagene{
background: url(http://i.imgbox.com/TXHZ0uiB.png)center;
    height: 340px;
    padding: 10px;
    width: 880px;
    margin-left: -15px;
    opacity: 0.8;
}


.caji1{
    background-color: #000;
    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: #000;
    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: #000;
    height: 105px;
    opacity: .9;
    padding: 10px;
    width: 290px;
  overflow: auto;
}


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

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

.istaff2{
    display: inline-block;
    height: 105px;
    width: 90px;
}

.istaff3{
      display: inline-block;
    height: 105px;
    width: 90px;
}

#nom{
  -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    background: #121212;
    display: inline-block;
    font-family: pt sans;
    font-size: 10.5px;
    margin: auto;
    opacity: 0;
    padding: 10px;
    padding-top: 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 1.7s ease-in-out;
    width: 74px;
    height: 55px;
}

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

.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: #000;
  opacity: .9;
  padding: 10px;
  width: 270px;
  height: 290px;
  overflow: auto;
  display: inline-block;
}

.caji6{
  background-color: #000;
  opacity: .9;
  padding: 10px;
  width: 860px;
  height: 290px;
  overflow: auto;
  display: inline-block;
}
avatar
rango
Mensajes :
4

Fecha de inscripción :
25/05/2016

Ver perfil de usuario http://ttl-desing.foroactivo.mx

Volver arriba Ir abajo

Re: prueba 001

Mensaje por Admin el Jue Mayo 25, 2017 12:51 am

javascript

Código:
$(document).ready(function () {
    $('#butt1').click(function (){
      $('#tb1').fadeIn(1000);
      $('#tb2').fadeOut(0);
      $('#tb3').fadeOut(0);
      $('#tb4').fadeOut(0);
                  });

    $('#butt2').click(function () {
      $('#tb2').fadeIn(1000);   
      $('#tb3').fadeOut(0);
      $('#tb4').fadeOut(0);
      $('#tb1').fadeOut(0);
                  });

  $('#butt3').click(function () {
      $('#tb3').fadeIn(1000); 
      $('#tb2').fadeOut(0);
      $('#tb4').fadeOut(0);
      $('#tb1').fadeOut(0);   
      });

  $('#butt4').click(function () {
      $('#tb4').fadeIn(1000); 
      $('#tb3').fadeOut(0);
      $('#tb2').fadeOut(0);
      $('#tb1').fadeOut(0); 
      });
});
avatar
rango
Mensajes :
4

Fecha de inscripción :
25/05/2016

Ver perfil de usuario http://ttl-desing.foroactivo.mx

Volver arriba Ir abajo

Re: prueba 001

Mensaje por Contenido patrocinado

Contenido patrocinado

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.