Últimos temas
» aqui Jugando 2
Mar Ene 19, 2016 1:40 am por Admin

» Aqui jugare
Lun Ene 18, 2016 3:57 am por Admin

» Codigo foro 27/12/15
Dom Dic 27, 2015 10:14 pm por Admin

» Definamos el amado Tablon de Izy (?)
Miér Sep 23, 2015 6:13 am por Lelouch Lamperouge

» Paleta de colores para el nuevo foro, aportando colores
Lun Jun 22, 2015 4:47 am por Admin

» Evento Y Adwars
Lun Jun 22, 2015 3:55 am por Admin

» Hablemos de las nuevas zonas
Lun Jun 22, 2015 3:43 am por Admin

» Tu primer tema
Jue Jun 18, 2015 10:00 am por Admin

¿Quién está en línea?
En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 10 el Sáb Ene 21, 2017 2:51 am.

Codigo foro 27/12/15

 :: Welcome :: Normas

Ver el tema anterior Ver el tema siguiente Ir abajo

Codigo foro 27/12/15

Mensaje por Admin el Dom Dic 27, 2015 10:01 pm

Código:
/*Post*/
.postbody .content {
  text-align:justify;
  padding:10px;
  font-family:serif;
  color:#260930;
  font-size:14px;
}


/*------- Inicio detalles perfil con botones-------*/
.prof_cont {position: absolute;}

#prof_d3 {padding-top:-170px;}

.profile-buttons {margin: 10px 0;}

/*Botones*/
ul.profile-buttons li {
 margin-left:2px;
 margin-top:0px;
 background-color:#000;
 display: inline-block;
 list-style-type: none;
 margin-right: 2px;
 padding: 4px;
 color: white;
 font-family:georgia;
 margin-bottom: 2px;
 border: 1px outset black;
 transition: all 0.5 s ease 0 s;
}

ul.profile-buttons li.active {background-color:darkred;}

ul.profile-buttons li:hover {background-color: #636363;color: white;cursor: pointer;border: 1px inset black;}
/*Fin botones*/

.postprofile {
  height:470px;
  width:205px;
  padding-left:-8px;
  margin-bottom:80px;
  border-left:1px solid silver;
  border-right:4px solid silver;
  border-bottom:20px solid silver;
  border-top:silver 10px solid;
  background:silver;
  }

.pprof_label.comentarios {height:300px;overflow-y: auto;}

#prof_d1 a img {margin-left:-4px;width:200px;height:400px;margin-bottom:4px;}
.pprof_camp.comentarios .dato {height: 300px; overflow-y: auto;}

/*Campos de la info xd*/
.pprof_camp .pprof_label {
background-color:transparent;
color:dimgray;
font-size:12px; font-family:georgia;
margin-bottom:0px;
text-align:center;
padding: 2px;}
.pprof_camp.comentarios .pprof_label {background-color: transparent;}

.pprof_camp .dato {text-align:center;font-size: 12px;}

.pprof_camp.comentarios .dato {text-align:center;}

.pprof_camp .pprof_label span.label span {
    color: #000000 !important;/*por si se quiere fijar el color de los títulos a margen del P.A.*/}

#prof_d2 dd:first-child {font-family: georgia;font-size: 15px;}

/*----------------------FIN----------------------*/



/*----------------------------------------Cosas de Izaya :vvvv----------------------------*/
.iza-desc{padding:10px;
  text-align:justify;
  overflow:auto;
  height:290px;
  font-size:12px;
  font-family:times new roman;
  line-height:13px;

}

.iza-desc-titu{
background:darkred;
  height:20px;
  color:white;
  font-family:times new roman;
  text-transform:uppercase;
  text-align:center;
 
}

.iza-temas:hover {
background:#000;}

.iza-temas{
  height:22px;
  background:darkred;
  width:220px;
  text-align:center;
  padding-top:4px;
  text-transform:uppcercase !inherit;
  text-decoration:underline;
}

.iza-caja{
 
  width:130px;
  height:90px;
  border:5px solid #4c4c4c;
  text-align:center;
  font-family:georgia;
  opacity:0;
  overflow:hidden;
  color:silver;
  background:#000;
}

.iza-caja:hover {opacity:1;}

.iza-fondo{
  width:140px;
  height:100px;
  overflow:hidden;
  border:5px solid darkred;
}
.iza-titu{
  font-family:pacifico;
  font-size:20px;
  color:silver;
  text-align:center;
  margin-top:5px;
}

.iza-ima{
  width:40px;
  height:60px;
  border:silver 2px solid;
  margin-left:2px;
}

.iza-link{
  overflow:hidden;
  padding-top:5px;
  margin-top:15px;
  width:70px;
  height:25px;
  background:silver;
  color:white;margin:2px;
}


/*------------------------------------------------fin:v-----------------------------------*/

/*Foro general*/
#wrap {/*tamaño max y min para que no se deforme el indice*/
 min-width: 1185px !important;/*importante*/
 max-width: 1185px !important;/*importante*/
  margin-top: 2px;
font-size: ??px;
}
/*Fondo de Cabezera*/
.headerbar {
background-color: transparent;
background-image: url(http://illiweb.com/fa/empty.gif);
 margin-top: -100px;
}

/**SCROLL**/
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar{width:10px;height:10px;background-color:#ED3D4F;}​
:-webkit-scrollbar-track-piece {background-color:#260930;}
#phpbb::-webkit-scrollbar-track-piece {background-color:#ED3D4F;}
::-webkit-resizer {background-color:#ED3D4F;}
::-webkit-scrollbar-corner{background-color:#260930;}
::-webkit-scrollbar-thumb:vertical{width:15px;height:10px;background-color:#260930;}
::-webkit-scrollbar-thumb:horizontal{width:10px;background-color:#260930;}
/*Quitar esquinas blancas-logo*/
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}


/*****Ocultar Widgets***/
.module .h3 {
visibility:hidden;
}

#left{border-left: ??px ?? ??;
  border-right: 15px groove #260930;
  margin-left:-4px;
  border-bottom: 8px groove #260930;
  border-top: 8px groove #260930;
}

.module {background:#efefef;}



/******************Centrar Rango****************************/

.postprofile dd:first-of-type {
    text-align: center;
    width: 100%;
margin-top: 20px;}


/*Categorias*/

/*Cabecera de las categorias*/
.forabg li.header dd.dterm {
width: 98%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
 text-align:center;
text-transform:uppercase;border-width: 5px;}
.forabg li.header dd.topics {
width: 0%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
display:none;
}
.forabg li.header dd.posts {
width: 0%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
display:none;}
.forabg li.header dd.lastpost {
width: 0%; /* Este es el ancho por defecto, si lo cambiais, tendréis que ajustar el resto de anchos */
display:none;}

li.header {
background: #ED3D4F;
color: #105289;
font-size: 10px;
font-weight: 700;
margin-right: -10px;
padding: 6px 0 1px;
height: 35px;
letter-spacing: 0;
text-align: center;
text-transform: none;
vertical-align: middle;
font-family: Amatic SC;}
.table-title h2
{
font-size: 29px;
font-family: Amatic SC;
}

/*CB*/
 #chatbox_ret_cont{
        x-index: 10000;
        z-index: 999;
        background-color: transparent;
        position: fixed;
        bottom: 0;
        }
        #chatbox_ret_cont.chatbox_derecha{
          right: 0;
        }
        #chatbox_ret_cont.chatbox_izquierda{
          left: 0;
        }
        #chatbox_ret_cont div{
          cursor: pointer;
        }
        #chatbox_ret_cont iframe#chatbox_ret{
          background-color: white;
          border: 2px solid grey;
          display: none;
          height: ??px;
          margin-bottom: 0;
          width: ??px;
        }
    #chatbox_header{background:#ED3D4F;
    background-image:  url(Colocar aca la url de la imagen);font-size: ?px;width: ???px;} /*Cabezera cb*/
    #chatbox_footer{background:#ED3D4F;
  background-image:  url( Colocar aca la url de la imagen);width: ???px;
}/*parte baja cb*/

/*mensaje en la cb*/
#chatbox:before {
content: 'Causar peleas, insultar, o malos comportamientos al igual que el desobedecer las reglas del foro pueden decantar en un baneo. También se les recuerda el saludar e integrar a los ingresantes en la cb, un saludo no incomoda a nadie.' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: #A500E8 /*trasnparent*/ !important;
border: 2px solid #ED3D4F !important;
color: COLOR DEL TEXTO !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
  position: fixed;
top: 29px;
  right: 0px;
  left: 180px;
}

/*Cositas nuevas CB*/
    /* Tamaño de los avatares */

    #chatbox .cb-avatar > img {
      height: 40px;
      width: 40px;
    }
    /* Capa del avatar */

    #chatbox .cb-avatar {
      float: left;
      margin-right: 4px;
      background: none repeat scroll 0 0 #fff;
      border: 1px solid #d5d5d5 !important;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      height: 30px;
      padding: 1px;
      vertical-align: middle;
      width: 30px;
    }
    /* Línea divisoria */
    #chatbox > p {
      border-bottom: 1px solid #d5dde5;
    }



/*Separación entre widgets y foro*/
#main-content {
margin-left: 20px;
}

/*Perfil*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 24px;
font-family: Century Gothic;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile dd {
text-align: center;
margin-top: 4px;}

/*ocultarinformacióndeperfil
.postprofile {
display: block;
text-align: center;
border-BOTTOM: 13px solid #ED3D4F;
 border-LEFT: 5px solid #ED3D4F;
  position:relative;
overflow:hidden;
  width: 210px;
  height: 428px;
font-size: 10px;
}
.postprofile dt img {
position:absolute;
top: 78px;
left: 8px;
transition: all 1s linear;
  width: 200px;
  height: 400px;
margin-top: -50px;}

/*.postprofile:hover dt img {
left: 300px;
}*/
*/

/*Quitar partes del Navbar*/
a.mainmenu[href="/groups"], a.mainmenu[href="/faq"],a.mainmenu[href="/search"],a.mainmenu[href="/calendar"]  {
display:none;
}



/********LINKS*********/
a {
text-decoration:none;
}
#page-footer div.navbar {
  font-family: small fonts;
  font-size: 7px;
  text-align: center;
  text-transform: uppercase;
}

/**Links del foro*/
a:link, a:visited {
font-style: none;
font-weight: 100;
letter-spacing: 0px;
text-decoration: none;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: 1s;
font-variant: small-caps;
}
/**Efecto**/
a:hover {
color: transparent;
text-shadow: 0 0 2px #E6E6E6;
text-decoration: none; !important;
text-transform: no;
letter-spacing:0px;
-webkit-transition: opacity 2s linear;
-webkit-transition: all 1.4s ease-in-out;
-moz-transition: all 1.4s ease-in-out;
-o-transition: all 1.4s ease-in-out;
transition: 1s;
}
/*Links de categorias*/
a.forumtitle {
font-size: 14px;
/*font-family: Six caps;*/
text-transform: uppercase;
word-spacing: 2px;
line-height: 100%;
text-decoration: none;
text-align: center;
padding-left: 0;
cursor: crosshair;
  transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
}
/*Efecto kirei*/
a.forumtitle:hover {
text-decoration:none;
  transition:1s;
padding-left:60px;
transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
}

/******************************************************/
.a:hover {
color: transparent;
text-decoration: none; !important;
text-transform: no;
letter-spacing:0px;
-webkit-transition: opacity 2s linear;
-webkit-transition: all 1.4s ease-in-out;
-moz-transition: all 1.4s ease-in-out;
-o-transition: all 1.4s ease-in-out;
transition: 1s;
}


a.forumtitle:hover {
text-decoration:none;
  transition:1s;
padding-left:60px;
transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
}
 
a.mainmenu {
  font-family: Arial Narrow;
  text-transform: uppercase;
  font-size: 12px;
  padding:2px;
  color: #777;
  letter-spacing: 1px;
  word-spacing: -2px;
  -webkit-transition:0.4s;
  -o-transition:0.4s;
  transition: 1s ease-in-out;
  margin-top:30px;
  cursor: crosshair;
}

a.mainmenu:hover {
color: #EEE;
border-top: 1px solid #EEE;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none; !important;
border-bottom: 3px solid #EEE;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}


#logo-desc {
margin-left:-15px;
margin-top: 150px;
}



ul.forums {
background-color: #D6429B;
border-radius: 0;
border-top: #00431C solid 5px;
width: 967px;
}





/***********************************************/


li.header { width: 900px;
background-color: #000;
padding: 30px;
line-height: 18px;
text-align: center;
}





/*--------------------- FORMA DE POST, TEMAS, ULTIMOS TEMAS------*/
 
.forabg .row .lastpost
{-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-bottom: 1px dotted #00431C;
border-left: 2px dotted #00431C;
border-right: 2px solid #00431C;
border-top: 2px dotted #00431C;
  border-radius: 0px 0px 0px 0px;}


.forabg dd.topics {background-color: #030303; color: #EEE; font-size: 8px; height: 50px; width: 120px;margin-left: 50px;
text-align: cemter; letter-spacing: 2px; margin-top: 40px; padding-top: 20px; position: relative;
padding-right: 5px; padding-left: 5px; text-transform: uppercase; padding-bottom:2px;
 }

.forabg li.row dd.topics::after {content: "topics";}

.forabg li.row dd.posts::after {content: "posts";}

.forabg dd.posts {background-color: #030303; color: #EEE; font-size: 8px; height: 50px; width: 120px;margin-left: ?;
text-align: center; letter-spacing: 2px; margin-top: 40px; padding-top: 20px; position: relative;
padding-right: 5px; padding-left: 5px; text-transform: uppercase; padding-bottom:2px;
 }

.forabg dd.lastpost {
color: #444;
background-color: #EEE;  border-bottom:0px solid #00431C;
display: block;
font-family: calibri;
font-size: 11px;
margin-bottom: -10px;
right: -70px;
margin-top: -125px;
padding: 11px 3px 0 0;
position: relative;
text-align: center;
text-transform: uppercase;
width: 255px;
cursor: crosshair;
  margin-left: 572px;
}



.forabg li.header dd.topics {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.posts {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.lastpost {
background-color: transparent; color: transparent; height: 0px; padding-top: 0px; display: none; }



/******************************************csos*/

/* Esto quita la leyenda anterior */
p em {
display: none;
}

/* Definamos el estilo básico de la caja de los grupos */
#grupos {display: block; width: 100%;}
#grupos td {display: inline-block;min-width: 200px;position: relative;}
/* Cuadraditos sobre los que se pasa el mouse */
.gb {
  display: inline-block;
  width: 20px;
  float: left;
  margin-left: 2px;
  height: 20px;}

/* bloques de texto que aparecen al pasar el mouse */
.tg {
  text-transform: uppercase;
  display:none;
  margin-right: 3px;
  text-align: right;
  width: 220px;
  position: absolute;
  left: -230px;
}

/* colores de los grupos */
.g1 {background: #000099;color: #000099 !important;}
.g2 {background: #242222;color: #242222 !important;}
.g3 {background: #D8DE2C; color:#D8DE2C !important;}
.g4 {background: #11A318;color: #11A318 !important; }
.g5 {background: #E04564;color: #E04564 !important;}
.g6 {background: #4DD1D1;color: #4DD1D1 !important;}
.g7 {background: #C42525;color: #C42525 !important;}
.g8 {background: #8444B8; color:#8444B8 !important;}
.g9 {background: #A88828;color: #A88828 !important; }
.g10 {background:#DE3EB9;color: #DE3EB9 !important;}
.g11 {background:#0C8BAB;color: #0C8BAB !important;}
.g12 {background:#0C8BAB;color: #0C8BAB !important;}
/* efecto del hover */
#grupos td .gb:hover .tg {
display:inline-block;
}

/*Afiliados*/
#Afiliadoselite img {
    border-bottom: 3px solid #00431C;
  border-top: solid #00431C;
  border-left: solid #00431C;
        border-right:  solid #00431C;
  width: 40px; /*** Ancho ***/
height: 40px;
        opacity: 0.5;
    -webkit-transition: opacity 1s ease 0s;
    -moz-transition: opacity 1s ease 0s;}
#losafiliadoshermanos img{ border-bottom: 3px solid #00431C;
  border-top: solid #00431C;
  border-left: solid #00431C;
        border-right: solid #00431C;
  width: 50px; /*** Ancho ***/
height: 100px;
        opacity: 0.5;
    -webkit-transition: opacity 1s ease 0s;
    -moz-transition: opacity 1s ease 0s;}

    #losafiliadoshermanos img:hover {
    opacity: 1;
    }
#Afiliadoselite img:hover {
    opacity: 1;
    }

/*Prueba de botones*/

.class1 {
  margin-left:4px;
  opacity:0.8;
  width:195px;
 height:30px;
    margin-bottom:2px;
  -webkit-transition:all 1s linear;
  background-color:#00431C;
  font-family:calibri;
  font-size: 20px;
  padding:2px 0px 2px 10px;
  line-height:120%;
  border-left:15px solid #000000;
  border-radius:??px ??px ??px ??px;
  list-style-type:none;
  text-align:left;
}

.class1:hover{ /*Como se ve al cambiar*/
  opacity:1;
  border-left:30px solid #00431C;
  background-color:#000000;
  border-radius:??px ??px ??px ??px;
  color: #000000
}

.desc10 { /*estructura espacial izquiero*/
 
    width: 300px;
    height:??px;
    padding: ??px;
    display: block;

}

/*Staff*/
#staffkokoro {
   border:1px solid #472523;
   margin:auto;
   width:200px;
   height: 90px;
   display: block;
}

#staff1kokoro {
  margin:auto;
   width: 200px;
   height:90px;
  margin-top:-91px;
   opacity: 0.0;
   transition: all .8s linear;
   -webkit-transition: all .8s linear;
   -moz-transition: all .8s linear;
}

#staff1kokoro:hover {
   width: 200px;
   height: 90px;
   margin-top:-91px;
    opacity: 0.8;
   transition: all .8s linear;
   -webkit-transition: all .8s linear;
   -moz-transition: all .8s linear;
}

/*Categorias*/
#desc1 {
background: #A500E8;/*Fondo*/
border: 2px solid #000000; /*Colocar un borde*/
border-radius: ??px; /*Redondear bordes*/
padding: 5px; /*border interno de caja y contenido*/
width: 449px; /*ancho de la caja*/
height: 190px}
/*Es para barra espaciadora*/
#texto1 {
width: 258px;
    height: 200px;
  background: #A500E8;
margin-top:-5px;
margin-left:-5px;}


#subforos1 {
width: 200px;
float: right;
    height: 198px;
padding: 1px;
background: #A500E8;
overflow: auto;
    margin-top: -5px;
    margin-left: 252px;
}

#subforos1 a {
display: block;
background: #A500E8;
padding: 10px 5px;
margin-bottom: 1px;   
}

#subforos1 a:hover {
padding-left: 40px;
position: relative;}
.icon * {
transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
}

#desc1 img {
position: absolute;
top: 0px; left:0px;
width: 459px;
    height: 200px;}

#desc1 {position: relative;}

#subforos1, #texto1 { opacity: 0;  position: absolute;} #desc1:hover #subforos1, #desc1:hover #texto1 { opacity: 1;}
#textosin{
width: 459px;
    height: 200px;
  background: #A500E8;
overflow: auto;
  margin-top:-5px;
margin-left:-5px;}
#subforos1, #textosin{ opacity: 0;  position: absolute;} #desc1:hover #subforos1, #desc1:hover #textosin { opacity: 1;}

/********************************************/

ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}

.navlinks {
background-color: #000;
left: 0;
padding: 15px;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 999;
}

/*********************************TABLON********************************/
#tabla1 {
  height: 350px;
    width:920px;
  background-color: #EEE;
  border: 15px solid #000;
}

/***********TABLON SLIDER****************/
#SSlider {
    width: 900px;
    height: 450px;
}

#botones {
  text-align:center; /*CSS base*/
}
#botones div {
    display: inline-block;/*CSS base*/

}
.Sb.selected {
    background-color: red; /*CSS base*/
}
.Sb {
    background: none repeat scroll 0 0 #666666;/*CSS base*/
    border: 4px solid #666666;/*CSS base*/
    border-radius: 50% 50% 50% 50%;/*CSS base*/
    margin-top: 10px;
  margin-bottom: 10px;
    padding: 3px;/*CSS base*/
}


#SCont {
    margin-top: 13px;
}
#SCont > div {
    background: none;
}
.Sc{
    height: 400px;
    margin-top: 10px;
}

/*********+Premios***********/
#styleboton img{
  border-bottom: 3px solid #00431C;
  border-top: solid #00431C;
  border-left: solid #00431C;
        border-right:  solid #00431C;
margin-left: 5px;
margin-top: 5px;}

Admin


Mensajes : 18
Fecha de inscripción : 17/06/2015

Ver perfil de usuario http://kokoro-pruebas.foro-activo.com

Volver arriba Ir abajo

Re: Codigo foro 27/12/15

Mensaje por Admin el Dom Dic 27, 2015 10:09 pm

Tablon/Grupos

Código:
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css" />
<table id="grupos">
                                                                                                                                                                                                                                                                              
 <tbody>
                                                                                                                                                                                                                                                                              
 <tr>
                                                                                                                                                                                                                                                                              
 <td>
                                                                                                                                                                                                                                                                              
 </td>
                                                                                                                                                                                                                                                                              
 <td>
                                                                                                                                       <a href="http://petto-no-kokoro.foroactivo.mx/g2-moderadores" class="gb g1"><span class="tg1 tg">Moderadores</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g3-inactivos" class="gb g2"><span class="tg2 tg">Inactivos</span></a>  <a href="http://petto-no-kokoro.foroactivo.mx/g7-vendedores" class="gb g3"><span class="tg3 tg">Vendedores</span></a>  <a href="http://petto-no-kokoro.foroactivo.mx/g4-pets" class="gb g4"><span class="tg4 tg">Pets</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g5-normales" class="gb g5"><span class="tg5 tg">Normales</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g6-espirituales" class="gb g6"><span class="tg6 tg">Espirituales</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g8-infernales" class="gb g7"><span class="tg7 tg">Infernales</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g9-bestias" class="gb g8"><span class="tg8 tg">Bestias</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g10-elementales" class="gb g9"><span class="tg9 tg">Elementales</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g11-magicos" class="gb g10"><span class="tg10 tg">Magicos</span></a> <a href="http://petto-no-kokoro.foroactivo.mx/g12-humanos" class="gb g11"><span class="tg11 tg">Humanos</span></a>                                                                                                                                        
 </td>
                                                                                                                                                                                                                                                                              
 </tr>
                                                                                                                                                                                                                                                                              
 </tbody>
</table><br /><br /> <br />                                                                                        
<div id="SSlider">
                        
 <div id="SCont">
                            
 <div id="Sc1" class="Sc" style="display:block;">
                  
 <center>
                                                                                                                                                                                                                                
 <table id="tabla1">
                                                                                                                                                                                                                                                                                  
 <tbody>
                                                                                                                                                                                                                                                      
 <tr>
                                                                                                                                                                                                                                                            
 <td>
                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                    
 <td>
                                                                                                                                                                                                                                                          
 <div style="background-color: #??; border-right: 8px solid #000;width: 265px; height: 340px;padding: 8px;">
                                                                                                                                                                                                                                                                
 <div align="center">
                                                      
 <div class="iza-desc-titu">
                               Temas importates                              
 </div><br />                            
 <div class="iza-temas">
                            <a style="color:white;" href="http://petto-no-kokoro.foroactivo.mx/t13-reglas-generales">Reglamento general</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="http://petto-no-kokoro.foroactivo.mx/t3-razas-del-foro">Razas permitidas</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Indice de temas libres</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Guía al usuario</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="http://petto-no-kokoro.foroactivo.mx/t35-guia-rapida-de-compra-de-pet">¿Cómo comprar una mascota?</a>                            
 </div>
                                        
 <div class="iza-temas">
                            <a style="color:white;" href="#">Físicos reservados</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Registro de físico</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Registro de Ocupación</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Registro de Raza</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Registro de Pet</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Registro de Residencia</a>                            
 </div>
                                                      
 <div class="iza-temas">
                            <a style="color:white;" href="#">Registro de Comercio</a>                            
 </div>
                                                                                                                                    
 </div>
                                                                                                                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                    
 <td>
                                                                                                                                                                                                                                                          
 <div style="background-color: #??; border-right: 8px solid #000;width: 285px; height: 340px;padding: 8px;">
                                                                                                                                                                                                                                                                              
 <div align="center">
                                                            
 <div class="iza-desc-titu">
                               Ambientación                              
 </div><br />                                
 <div class="iza-desc">
                        <a href="http://petto-no-kokoro.foroactivo.mx/t8-ambientacion"><span style="text-decoration: underline;">Ver el tema</span></a><br /><br />Según antiguos registros, la última gran guerra de la humanidad se desarrolló aproximadamente en el año 2050, fecha la cual quedó plasmada en los libros de historia puesto que luego de la misma el mundo se fraccionó en dos bandos, marcados firmemente según su estrato social, quedando así entre “Ricos y Pobres”.<br /><br />Esta guerra no solo provoco esa gran grieta entre la humanidad a nivel monetario luego del colapso surgido en todos los países, sino que también debido a la gran cantidad de químicos altamente radioactivos aun no probados en humanos utilizados en esta ocasión para la batalla con tal de derrotar al enemigo, termino ocasionando que una nube de gas toxico matara a decenas de personas pero, aunque la nube duro un periodo de 6 meses antes de disiparse por completo, los sobrevivientes mutaron de muchas formas dándoles características muy particulares, características que se volvieron hereditarias.<br /><br />Actualmente, a 600 años de la gran guerra, la marcada diferencia social sigue en su pleno auge, pero, por diversos motivos se ha decidido que los “Pobres” tengan oportunidades que antes no poseían, claro está, de manera condicionada. Esta es poder asistir a la mundialmente conocida Academia  Greymont´s, fundada por Alexander Greymont´s uno de los hombres más acaudalados de la época, situada en Berlín Alemania; con el propósito de mejorar su estatus social, aunque, como se mencionó antes la condición es servirle a un Amo, este amo es un estudiante pudiente el cual siempre es servido por uno de escasos recursos, claro está el Pet o Mascota no puede escoger a su amo, si no que este lo escoge a él.<br /><br />El trabajo de los Pets es asistir a su amo en todo lo que él requiera,  entre esos servicios destacan ayudarlo en sus estudios, cuidarlo y cumplir hasta su más ínfimo capricho puesto que de el dependerá su permanencia en la escuela, a cambio este “sirviente” disponible las 24hs del día, gozara de una beca completa en la academia con lo cual podrá conseguir saltar esa gran línea que divide a ambos bandos.<br /><br />                                  
 </div>
                                                                                                  
 </div>
                                                                                                                                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                    
 <td>
                                                                                                                                                                                                                                                          
 <div style="background-color: #??; border: ??px solid #??;width: 300px; height: 340px;padding: 8px;">
                                                                                                                                                                                                                                                                        
 <div align="center">
                                                                                                                                                                                        
 <div style="width: ??px; margin: auto; padding: ??px; text-align: justify; color: #000000;padding-left:-5px;">
                                                                                                                                                                                                                                          
 <center>
                                                                                                                                                                      
 <table>
                                                                                                                                                              
 <tbody>
                                                                                                                                                              
 <tr>
                                                                                                                                                              
 <td>
                                                                                                                                                                                                      
 <div style="background-image:url('http://i.imgur.com/siORKlt.png');" class="iza-fondo">
                                                                                                                                                                        
 <div class="iza-caja">
                                                                                                                                
 <div class="iza-titu">
                                                                                    Boss                                                                                    
 </div>
                                                                                                                                                
 <table>
                                                                                                                                                
 <tbody>
                                                                                                                                                
 <tr>
                                                                                                                                                
 <td>
                                                                                                                                                
 <div style="background-image:url('http://i.imgur.com/qYjSzAw.png');" class="iza-ima">
                                                                      .                                                                          
 </div>
                                                                                                                                                
 </td>
                                                                                                                                                
 <td>
                                                                                                                                      
 <div class="iza-link">
                                                                   <a href="#">MP</a>                                                                  
 </div>
                                                                                                                                    
 <div class="iza-link">
                                                                   <a href="#">Ficha</a>                                                                  
 </div>
                                                                                                                                          
 </td>
                                                                                                                                                
 </tr>
                                                                                                                                                
 </tbody>
                                                                                                                                                
 </table>
                                                                                                                                                            
 </div>
                                                                                                                                                                        
 </div>
                                                                                                                                                              
 </td>
                                                                                                                                                              
 <td>
                                                                                                                            
 <div style="background-image:url('http://i.imgur.com/ydpvCuG.png');" class="iza-fondo">
                                                                                                                            
 <div class="iza-caja">
                                                                                                                            
 <div class="iza-titu">
                                                               Ekatherine                                                              
 </div>
                                                                                                                            
 <table>
                                                                                                                            
 <tbody>
                                                                                                                            
 <tr>
                                                                                                                            
 <td>
                                                                                                                            
 <div style="background-image:url('http://i.imgur.com/umSbRI8.png');" class="iza-ima">
                                                                                                                            
 </div>
                                                                                                                            
 </td>
                                                                                                                                                
 <td>
                                                                                                                            
 <div class="iza-link">
                                                               <a href="#">MP</a>                                                              
 </div>
                                                                                                                            
 <div class="iza-link">
                                                                <a href="#">Ficha</a>                                                              
 </div>
                                                                                                                            
 </td>
                                                                                                                            
 </tr>
                                                                                                                            
 </tbody>
                                                                                                                            
 </table>
                                                                                                                            
 </div>
                                                                                                                            
 </div>
                                                                                                                            
 </td>
                                                                                                                            
 </tr>
                                                                                                                                                              
 <tr>
                                                                                                                                                              
 <td>
                                                                                                                                                                                                      
 <div style="background-image:url('http://i.imgur.com/UWpcjd7.png');" class="iza-fondo">
                                                                                                                                                                        
 <div class="iza-caja">
                                                                                                                                
 <div class="iza-titu">
                                                                                     Sakura                                                                                    
 </div>
                                                                                                                                  
 <table>
                                                                                                                                                
 <tbody>
                                                                                                                                                
 <tr>
                                                                                                                                                
 <td>
                                                                                                                                                
 <div style="background-image:url('http://i.imgur.com/g48FZWq.png');" class="iza-ima">
                                                                      .                                                                          
 </div>
                                                                                                                                                
 </td>
                                                                                                                                                
 <td>
                                                                                                                                      
 <div class="iza-link">
                                                                   <a href="#">MP</a>                                                                  
 </div>
                                                                                                                                    
 <div class="iza-link">
                                                                   <a href="#">Ficha</a>                                                                  
 </div>
                                                                                                                                          
 </td>
                                                                                                                                                
 </tr>
                                                                                                                                                
 </tbody>
                                                                                                                                                
 </table>
                                                                                                                                                      
 </div>
                                                                                                                                                                        
 </div>
                                                                                                                                                              
 </td>
                                                                                                                                                              
 <td>
                                                                                                                                                              
 <div style="background-image:url('http://i.imgur.com/Zq62SgC.png');" class="iza-fondo">
                                                                                                                                                                        
 <div class="iza-caja">
                                                                                                                                
 <div class="iza-titu">
                                                                                     Izaya                                                                                    
 </div>
                                                                                                                                  
 <table>
                                                                                                                                                
 <tbody>
                                                                                                                                                
 <tr>
                                                                                                                                                
 <td>
                                                                                                                                                
 <div style="background-image:url('http://i.imgur.com/JmBlPle.png');" class="iza-ima">
                                                                      .                                                                          
 </div>
                                                                                                                                                
 </td>
                                                                                                                                                
 <td>
                                                                                                                                      
 <div class="iza-link">
                                                                   <a href="#">MP</a>                                                                  
 </div>
                                                                                                                                    
 <div class="iza-link">
                                                                   <a href="#">Ficha</a>                                                                  
 </div>
                                                                                                                                          
 </td>
                                                                                                                                                
 </tr>
                                                                                                                                                
 </tbody>
                                                                                                                                                
 </table>
                                                                                                                                                      
 </div>
                                                                                                                                                                        
 </div>
                                                                                                                                                              
 </td>
                                                                                                                                                              
 </tr>
                                                                                                                                                        
 </tbody>
                                                                                                                                                              
 </table>
                                                                                                                                
 <table>
                                                                                                                            
 <tbody>
                                                                                                                            
 <tr>
                                                                                                                            
 <td>
                                                                                                                            
 <div style="background-image:url('http://i.imgur.com/6t5HVEx.png');width:85px;" class="iza-fondo">
                                                                                                                            
 <div style="border:1px solid silver;width:83px;height:98px;" class="iza-caja">
                                                                                                                            
 <div class="iza-titu" style="width:75px;">
                                                               Amy                                                          
 </div>
                                                                      <br />                                                          
 <div align="center">
                                                                                  
 <div class="iza-link">
                                                               <a href="#">MP</a>                                                              
 </div>
                                                                                  
 </div>
                                                                                                                                
 </div>
                                                                                                                            
 </div>
                                                                                                                            
 </td>
                                                                                                                            
 <td>
                                                                                                                            
 <div style="background-image:url('http://i.imgur.com/iofuBi3.png');width:85px;" class="iza-fondo">
                                                                                                                            
 <div style="border:1px solid silver;width:83px;height:98px;" class="iza-caja">
                                                                                                                            
 <div class="iza-titu" style="width:75px;">
                                                               Brunhilde                                                            
 </div>
                                                                      <br />                                                          
 <div align="center">
                                                                                  
 <div class="iza-link">
                                                               <a href="#">MP</a>                                                              
 </div>
                                                                                  
 </div>
                                                                                                                                
 </div>
                                                                                                                            
 </div>
                                                                                                                            
 </td>
                                                                                                                            
 <td>
                                                                                                                            
 <div style="background-image:url('http://i.imgur.com/R97itl9.png');width:85px;" class="iza-fondo">
                                                                                                                            
 <div style="border:1px solid silver;width:83px;height:98px;" class="iza-caja">
                                                                                                                            
 <div class="iza-titu" style="width:75px;">
                                                               Lelouch                                                            
 </div>
                                                                      <br />                                                          
 <div align="center">
                                                                                    
 <div class="iza-link">
                                                               <a href="#">MP</a>                                                              
 </div>
                                                                                    
 </div>
                                                                                                                                
 </div>
                                                                                                                            
 </div>
                                                                                                                            
 </td>
                                                                                                                            
 </tr>
                                                                                                                            
 </tbody>
                                                                                                                            
 </table>
                                                                                                                                                                                                        
 </center>
                                                                                                                                                                                                                                        
 </div>
                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                                                                                            
 </td>
                                                                                                                                                                                                                                                        
 </tr>
                                                                                                                                                                                                                                                                                                                                                                                                                      
 </tbody>
                                                                                                                                                                                                                                    
 </table>
                
 </center>
                        
 </div>
                            
 <div id="Sc2" class="Sc" style="display:none;">
                    
 <div id="tabla1">
          
 <div class="iza-desc-titu">
                              Premios                            
 </div>
  
 <div id="styleboton">
 <a href="Link"> <img src="http://i.imgur.com/FHNyHAsb.jpg" /></a> <a href="Link"><img src="http://i.imgur.com/GjhrEEob.jpg" /></a><a href="Link"><img src="http://i.imgur.com/yeCEAoQb.jpg" /></a> <a href="Link"><img src="http://i.imgur.com/W2lGllmb.jpg" /></a> <a href="Link"><img src="http://i.imgur.com/h7NHqeJb.jpg" /></a> <a href="Link"> <img src="http://i.imgur.com/xFpD27nb.jpg" /></a> <a href="Link"> <img src="http://i.imgur.com/snOir9Cb.jpg" /></a> <a href="Link"><img src="http://i.imgur.com/PpmWbxpb.jpg" /></a> <a href="Link"> <img src="http://i.imgur.com/G7AvtWrb.jpg" /></a>
 </div>
    
 </div>
        
 </div>
                
 </div>
                
 <div id="botones">
                    
 <div id="Sb1" class="Sb selected">
          
 </div>
                    
 <div id="Sb2" class="Sb">
          
 </div>
                        
 </div>
</div>

Admin


Mensajes : 18
Fecha de inscripción : 17/06/2015

Ver perfil de usuario http://kokoro-pruebas.foro-activo.com

Volver arriba Ir abajo

Re: Codigo foro 27/12/15

Mensaje por Admin el Dom Dic 27, 2015 10:14 pm

Categoria

Código:
<div id="desc1">
                 <img src="http://i39.servimg.com/u/f39/18/98/40/05/joo10.jpg" />             
   <div id="textosin">
                    <span style="color: #000000;"></span>     
      <div style="color: rgb(0, 0, 0); font-size: 14px; margin-left: 20px; padding-top: 60px;padding-right: 20px;">
                  
         <div align="center">
                ¿Acaso eres nuevo en el foro? Entonces esta es tu primera parada. <br />Lee atentamente todos los temas colocados en esta zona y no olvides aceptar las reglas.     
         </div>
                  
      </div><span style="color: #000000;"></span>             
   </div>
</div>

Admin


Mensajes : 18
Fecha de inscripción : 17/06/2015

Ver perfil de usuario http://kokoro-pruebas.foro-activo.com

Volver arriba Ir abajo

Re: Codigo foro 27/12/15

Mensaje por Contenido patrocinado Hoy a las 1:23 am


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 :: Welcome :: Normas

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