I.
II.
III.
IV.
V.
Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti. Él no va a recitarte poesía, él no está pensando en ti en todo momento, pero te dará una parte de el que sabe que podrías romper. No lo lastimes, no lo cambies, y no esperes de él más de lo que puede darte. No analices. Sonríe cuando te haga feliz, grita cuando te haga enojar, y extrañalo cuando no esté. Ama con todo tu ser cuando recibas su amor. Porque no existen los chicos perfectos, pero siempre habrá un chico que es perfecto para ti.
ambientación
Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti. Él no va a recitarte poesía, él no está pensando en ti en todo momento, pero te dará una parte de el que sabe que podrías romper. No lo lastimes, no lo cambies, y no esperes de él más de lo que puede darte. No analices. Sonríe cuando te haga feliz, grita cuando te haga enojar, y extrañalo cuando no esté. Ama con todo tu ser cuando recibas su amor. Porque no existen los chicos perfectos, pero siempre habrá un chico que es perfecto para ti.
Tramas y Clases
0000

Gryffindor

0000

Hufflepuff

0000

Ravenclaw

0000

Slytherin

J. GryffindorPr. Apellido
J. HufflepuffPr. Apellido
J. RavenclawPr. Apellido
J. SlytherinPr. Apellido
gry vs huff

dia - hora

rav vs sly

dia - hora

gry vs rav

dia - hora

huff vs sly

dia - hora

Capitán G.Apellido
Capitán H.Apellido
Capitán R.Apellido
Capitán S.Apellido
Mejor AAAApellido
Mejor AAAApellido
Mejor AAAApellido
Mejor AAAApellido
Mejor AAAApellido
Mejor AAAApellido
Mejor AAAApellido
Mejor AAAApellido
Últimos temas
» Instalación del Skin
Lun Dic 21, 2015 3:14 pm por Pandora L. Malfoy

» Prueba de texto
Lun Nov 16, 2015 4:11 pm por Pandora L. Malfoy

Afiliados Elite 00 de 40
afiliados Hermanos
Directorio

Instalación del Skin

Ver el tema anterior Ver el tema siguiente Ir abajo

Mensaje por Pandora L. Malfoy el Lun Dic 21, 2015 3:01 pm
Les dejo a continuación los pasos para instalar el skin:

1. CSS

Código:
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDn1PgMwFt2V-WJ2uOZ4WXLU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDjxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/****************** S K I N  D E L  F O R O *******************/
/*Cuerpo del Foro*/
#wrap {
padding: 10px!important;
width: 790px;
max-width: 790px;
min-width: 790px;
margin-top: 10px;
}
 
/*mueve la imagen del logo para que cuadre con el foro*/
#logo img {
float: none;
width: 810px; !important;
margin-top: -20px;
margin-left: -20px;
}

/*elimina el titulo del foro y el subtitulo*/
#site-title, #site-title h1 {
font-size: 0px;
padding-top: 0px;
}

#logo-desc p {
font-size: 0px;
margin: 0;
padding: 0;
}
 
/*elimina el buscar*/
#search-box {
display: none;
}
 
/*barra del menu*/
ul.navlinks {
width: 780px;
display: block;
padding: 10px;
padding-left: 20px;
background: #3A442D;
font-family: 'Calibri';
font-size: 9px;
line-height: 30px;
text-align: right;
letter-spacing: 1px;
word-spacing: 1px;
font-weight: lighter;
margin-left: -20px;
margin-top: -17px;
}
 
ul.navlinks a {
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
cursor: pointer;
}
 
ul.navlinks a:hover {
text-decoration: none;
}

/*edita comandos del menu*/
#menu-logout, #menu-login, #menu-perfil, #menu-home {display: inline-block;}
#menu-none {display: none;}
#menu-home {float: left;}

/*titulo de los foros - subforos - ultimos mensajes*/
ul.topiclist li {
display: block;
margin: 0;
}
 
li.header {
background: #3A442D;
font-size: 0;
line-height: 90px;
text-align: center;
text-transform: none;
padding: 15px;
}
 
.table-title, .table-title h2 {
color: #fff;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
line-height: 80px;
}

.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}

/*parte de los foros*/
ul.forums {
background: #fafafa;
border-bottom: 10px solid #CFC071;
}

/*desaparece la cabera*/
    .forabg li.header dd.lastpost {
    display:none;
    }
 
    .forabg li.header dd.posts {
    display:none;}
 
    .forabg li.header dd.topics {
    display:none;
    }

/*titulo de los subforos*/
a.forumtitle {
  width: 380px;
  padding: 5px 10px;
  border-bottom: 1px solid #3A442D;
  margin-top: 4px;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  color: #3A442D;
  font-family: 'Abril Fatface';
  text-transform: lowercase;
  text-align: center;
  text-decoration: none;
  font-weight: lighter;
  display: block;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}
 
a.forumtitle:hover {
  text-decoration: none;
  color: #3A442D;
  letter-spacing: 2px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

/*cantidad de temas*/
.forabg dd.topics {
  background: #CFC071;
  line-height: 10px;
  padding: 15px 10px;
  width: 80px;
  margin-top: 40px;
  margin-left: 85px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
}
 
.forabg li.row dd.topics:after {content: "temas"; display: block;}
.forabg li.row dd.posts:after {content: "mensajes"; display: block;}
 
/*cantidad de post*/
.forabg dd.posts {
  background: #CFC071;
  line-height: 10px;
  padding: 15px 10px;
  width: 80px;
  margin-top: 40px;
  margin-left: 2px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
}
 
/*ultimo mensaje*/
.forabg dd.lastpost {
  width: 184px;
  position: abolute;
  float: right;
  background: #fff;
  border-bottom: 10px solid #3A442D;
  margin-right: 11px;
  margin-top: 2px;
  height: 30px;
  line-height: 12px;
  text-transform: uppercase;
  font-family: verdana;
  color: #555;
  font-size: 7px;
  letter-spacing: 2px;
  text-align: center;
  padding: 10px;
  border-left: 0px;
}

li dd.lastpost span a {
  display: inline-block;
  line-height: 10px;
  text-transform: uppercase;
  font-family: verdana;
  color: #555;
  font-size: 8px;
  letter-spacing: 2px;
}

/*descripción de los temas*/
#tex1, #tex2 {
  width: 320px;
  max-height: 160px;
  min-height: 80px;
  text-align: justify;
  overflow: auto;
  padding: 10px;
  border: 1px solid #777;
  margin-left: 29px;
  line-height: 12px;
}

#tex2 {height: 80px; margin-bottom: 2px;}

#link1 {
  width: 344px;
  margin-left: 28px;
}

#link1 a {
  width: 162px;
  margin: 1px;
  display: inline-block;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
  padding: 4px;
  background: #CFC071;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#link1 a:hover {
  background: #A1BBAC;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#img1, #img2 {
  width: 300px;
  height: 180px;
  padding: 10px;
  outline: #777 solid 1px;
  border: 10px solid #fafafa;
  margin: 1px;
  margin-left: 29px;
  overflow: hidden;
}

#tex3 {
  background: #fff;
  width: 140px;
  height: 160px;
  overflow: auto;
  text-align: justify;
  padding: 10px;
  line-height: 12px;
  margin-left: 320px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#img1:hover #tex3 {
  margin-left: 140px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

/*titulos*/
.h3 {
background: #3A442D;
color: #fff;
font-family: 'Verdana';
font-size: 10px;
font-variant: normal;
font-weight: normal;
text-transform: uppercase;
padding: 35px 10px;
text-align: center;
letter-spacing: 2px;
}
 
.h3 a {
  text-decoration: none;
  color: #fff;
}
 
.h3 a:hover {
  text-decoration: none;
  color: #fff;
}
 
h1.page-title {
background: #3A442D;
color: #fff;
font-family: 'Verdana';
font-size: 10px;
font-variant: normal;
font-weight: normal;
text-transform: uppercase;
padding: 35px 10px;
text-align: center;
letter-spacing: 2px;
}
 
h1.page-title a {
  text-decoration: none;
  color: #fff;
}
 
h1.page-title a:hover {
  text-decoration: none;
  color: #fff;
}

#tema-titulo a {
  width: 770px;
  display: block;
  padding: 22px 10px;
  background: #CFC071;
  color: #fff;
  font-family: 'Verdana';
  font-size: 9px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  margin-left: -10px;
}

#tema-autor {
  width: 538px;
  display: block;
  background: #eee;
  color: #000;
  font-family: 'Verdana';
  font-size: 7px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 2px;
  margin-left: -10px;
  padding: 0px 10px;
  line-height: 23px;
  margin-top: 2px;
}

#tema-autor img {display: none}

#tema-opc {
  width: 538px;
  display: block;
  background: #89876A;
  text-align: right;
  letter-spacing: 2px;
  margin-left: -10px;
  padding: 0px 10px;
  line-height: 23px;
  margin-top: 2px;
}

.boton {
  color: #eee;
  font-family: 'Verdana';
  font-size: 7px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}

/*edita la respuesta*/
.postbody .content {
  font-size: 1.3em;
  width: 548px;
  text-align: justify;
  margin-top: 10px;
  margin-left: -5px;
}

/*PERFILES DE LOS PERSONAJES*/
#perfil-cuerpo {
  width: 230px;
  height: 380px;
  margin-left: -50px;
  margin-top: 55px;
  background: #A1BBAC;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#perfil-rotulo {width: 230px; height: 50px; overflow: hidden;}

#rotulo-nombre {
  width: 190px;
  height: 10px;
  padding: 5px;
  background: #fff;
  font-family: verdana;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 1px;
  line-height: 10px;
  text-align: center;
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
}
#rotulo-nombre a:hover {text-decoration: none;}

#rotulo-irango {
  width: 230px;
  height: 50px;
  blackground: #511;
}

#rotulo-nrango {
  width: 210px;
  padding: 10px;
  background: #0d0d0d;
  font-family: verdana;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 1px;
  line-height: 10px;
  text-align: center;
  color: #eee;
}

#perfil-data {
  width: 230px;
  height: 300px;
  overflow: hidden;
}

#data-label {
  opacity: 0;
  z-index: 999;
  position: absolute;
  width: 200px;
  height: 270px;
  overflow: hidden;
  margin-left: 15px;
  margin-top: 15px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#data-avatar {
  opacity: 1;
  position: static;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
  transition-delay: 1s;
}

#perfil-cuerpo:hover #data-avatar {
  opacity: 0.3;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#perfil-cuerpo:hover #data-label {
  opacity: 1;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
  transition-delay: 1s;
}

#label-info {
  width: 180px;
  height: 130px;
  overflow: auto;
  border: 10px solid #fff;
  background: #fff;
  margin-top: 95px;
  margin-bottom: 5px;
}

#lab-dato {
  display: block;
  color: #333;
  font-family: verdana;
  font-size: 7px;
  line-height: 8px;
  padding: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#lab-sep {height: 1px; background: #777; margin: 0px;}

#lab-dato img {
  position: absolute;
  width: 85px;
  height: 85px;
  margin-top: -105px;
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  margin-left: 33px;
}

/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #fcfcfc;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 3px solid #CFC071;
font-size: 11px;
}
 
dl.codebox dt {
display:block;
text-shadows: 1px 1px 1px #000;
text-align: center;
font: 8px 'verdana';
text-transform: uppercase;
background: #3A442D;
color:#ffffff;
padding: 10px;
letter-spacing: 1px;
}
 
dl.codebox code {
color:#333333;
font-size:11px;
padding: 5px;
}
 
blockquote {
background: #fcfcfc url(http://i42.servimg.com/u/f42/09/02/12/09/commen10.png) 6px 12px no-repeat;
border-bottom: 5px solid #3A442D;
border-top: none;
border-left: none;
color: #333333;
border-right: none;
}
 
.content blockquote {
color:#333333;
font-family: verdana;
font-size: 11px;
padding: 5px;
}
 
blockquote cite {
display: block;
font-family: 'Oswald';
font-size: 18px;
line-height: 20px;
color: #CFC071;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
padding: 5px;
}

blockquote blockquote {background: #fff; }

/*editar*/
#edit {display: none}

/*Color de las pestañas del Perfil*/
#tabs {
float: center;
width: 845px;
background-color: #3A442D;
padding: 5px 10px;
color: #eee;
font-size: 7px;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
display: block;
font-weight: lighter;
}

#tabs a span {color: #eee; font-weight: lighter;}
#tabs .activetab a span {color: #A1BBAC; font-weight: lighter;}

/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #3A442D;
border: 1px solid #3A442D;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
 
.pagination span strong {
background-color: #CFC071;
border: 1px solid #CFC071;
color: #fff;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}
 
.pagination span a:hover {
background-color: #CFC071;
border: 1px solid #CFC071;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}

#cp-main .panel.sig {background-color: #fff; }

/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #3A442D;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
padding: 5px 8px;
text-transform: uppercase;
letter-spacing: 1px;
}
 
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: #3A442D;
border: 0px;
color: #fff;
display: inline-block;
font-family: calibri;
font-size: 10px;
outline: medium none;
text-transform: uppercase;
}
 
/*formulario*/
.inputbox, select {
background-color: #fcfcfc;
border: 0px;
border-bottom: 1px solid #3A442D;
padding: 5px 10px;
color: #000;
display: inline-block;
font-family: verdana;
font-size: 10px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 20px;
}

.pathname-box, p.path {
  color: #CFC071;
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
}

.pathname-box a, p.path a {color: #000; }

/*seleccionar asi todo mono*/
::selection {
  background: #A1BBAC;
  color: #000;
}
 
::-moz-selection {
  background: #4A5947;
  color: #fff;
}
 
/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #CFC071;
  border: 2px solid #fff;
  height: auto;
  width: 5px;
}
 
::-webkit-scrollbar {
  background-color: #CFC071;
  border: 4px solid #fff;
  height: 10px;
  width: 10px;
}

/*estadisticas del foro*/
#es-cuerpo {
  display: block;
  background: #fafafa;
  border-bottom: 10px solid #CFC071;
  padding: 10px;
}

#es-caja1, #es-caja2 {
  width: 377px;
  height: 189px;
  overflow: hidden;
}

#es-caja1 {margin-right: 10px}

#es-tit {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #3A442D;
  margin-top: 4px;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 2px;
  color: #3A442D;
  font-family: 'Oswald';
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-weight: lighter;
}

#es-con {
  display: block;
  margin: 10px;
  padding: 10px;
  padding-top: 0px;
  border: 1px solid #3A442D;
  overflow: auto;
  height: 130px;
  text-align: justify;
}

#es-con a {
  font-family: 'Abril Fatface';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 20px;
  font-size: 16px;
}

#box1, #box2, #box3 {
  width: 223px;
  padding: 10px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  background: #fff;
  font-family: 'Abril Fatface';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 20px;
  font-size: 16px;
  border-bottom: 5px solid #89876A;
  text-align: center;
}

#box1:before, #box2:before, #box3:before {
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 223px;
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  display: block;
}

#box1:before {content: "Mensajes Publicados"}
#box2:before {content: "Usuarios Registrados"}
#box3:before {content: "Bienvenido:"}

#box4 {
  background: #89876A;
  line-height: 10px;
  padding: 10px;
  display: block;
  margin: 10px;
  font-size: 7px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
}

#box-ley {
  display: block;
  margin: 10px;
  padding: 10px;
  border: 1px solid #3A442D;
  overflow: hidden;
  height: 120px;
  text-align: center;
}

#box-grup1, #box-grup2, #box-grup3, #box-grup4, #box-grup5, #box-grup6, #box-grup7, #box-grup8, #box-grup9 {
  width: 108px;
  height: 38px;
  margin: 1px;
  display: inline-block;
  overflow: hidden;
}

#box-grup1 {background: #a44857;}
#box-grup2 {background: #919653;}
#box-grup3 {background: #cea04b;}
#box-grup4 {background: #4a6a9b;}
#box-grup5 {background: #ca2d38;}
#box-grup6 {background: #777c65;}
#box-grup7 {background: #cb6034;}
#box-grup8 {background: #7d637c;}
#box-grup9 {background: #708a8b;}

#nom {
  background: #fff;
  line-height: 10px;
  padding: 4px;
  display: block;
  font-size: 8px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
  color: #000;
  margin-left: 120px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#cen {
  font-family: 'Abril Fatface';
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 2px;
  line-height: 19px;
  font-size: 14px;
  color: #fff;
  opacity: 0px;
  margin-left: -120px;
  -moz-transition: all 1.7s ease-in-out;
  -webkit-transition: all 1.7s ease-in-out;
  transition: all 1.7s ease-in-out;
}

#box-grup1:hover #nom, #box-grup1:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup2:hover #nom, #box-grup2:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup3:hover #nom, #box-grup3:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup4:hover #nom, #box-grup4:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup5:hover #nom, #box-grup5:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup6:hover #nom, #box-grup6:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup7:hover #nom, #box-grup7:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup8:hover #nom, #box-grup8:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}
#box-grup9:hover #nom, #box-grup9:hover #cen {margin-left: 0px; opacity: 1; -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; transition: all 1.7s ease-in-out;}

/*WIDGETS DEL FORO*/

#content-container div#left {
background: #transpatent;
height: 100%;
left: 70px;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 200px;
text-align: center;
}
 
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}
 
#content-container div#content { margin-right: 0px !important;}
#content-container div#left .h3 {display:none}

#comments_scroll_div {
  display: block;
  height: 95px;
  background: #fff;
  padding: 20px;
  text-align: justify;
  font-size: 8px;
  letter-spacing: 1px;
  font-family: 'verdana';
  text-transform: uppercase;
  line-height: 9px;
}

#comments_scroll_div:before {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 160px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  content: "Ultimos temas";
}

/* C H A T   B O X  */
.chatbox-title, .chatbox-title a.chat-title {
  font-family: Oswald;
  font-weight: normal;
  font-size: 15px;
  color: #3A442D;
  margin-left: 5px;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label, .chatbox-options li strong {
  font-family: verdana;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3A442D;
  letter-spacing: 1px;
  font-weight: lighter;
}
#chatbox_header{background: #CFC071;}
#chatbox_footer{background-color: #3A442D;}
#chatbox {background: #fff;}

.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  font-size:11px;
  font-family: verdana;
  line-height: 12px;
}
#chatbox_footer label {
  font-family: verdana;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: #e7ebe3;
}
#chatbox_members{
  font-size: 8px;
  font-family: verdana;
  text-transform: uppercase;
  line-height: 9px;
  letter-spacing: 2px;
}

/*AFILIADOS AL PIE DEL FORO*/
#afi-nom {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
}

#afi-nor a {
  display: block;
  width: 440px;
  background: #3A442D;
  line-height: 10px;
  padding: 10px;
  font-size: 8px;
  line-height: 66px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-align: center;
}

#afi-mano, #afi-vip {
  display: block;
  width: 300px;
  padding: 0px;
  background: #eee;
  margin-bottom: 10px;
}

#afi-vip {width: 460px; margin-right: 10px;}
#afi-cu1, #afi-cu2, #afi-cu4 {display:block; padding: 20px; background: #fafafa;}
#afi-cu1 {width: 260px;}
#afi-cu2 {width: 420px;}
#afi-cu4 {width: 260px;}
#afi-cu1 img {width: 50px; height: 90px; margin: 1px;}
#afi-cu2 img {width: 40px; height: 40px; margin: 1px;}
#afi-cu4 img {width: 50px; height: 50px; margin: 1px;}

/* T A B L O N   D E   A N U N C I O S */
.wid {
  margin-top: 70px;
  margin-left: 10px;
  width: 140px;
  height: 180px;
  padding: 20px;
  background: #fff;
  margin-bottom: -10px;
  overflow: hidden;
}

#wid-u {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 10px;
  width: 160px;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
}

#wid-u strong {color: #fff; font-weight: lighter;}

#wid-ava img {
  width: 115px;
  height: 150px;
  margin-top: -7px;
  margin-left: 2px;
}

.bot1, .bot2, .bot3, .bot4, .bot5 {
  width: 25px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  color: #000;
}

#caja1, #caja2, #caja3, #caja4, #caja5 {
  position: fixed;
  top: 20%;
  left: 30%;
  width: 500px;
  height: 350px;
  padding: 10px;
  display: none;
  background: #FFF;
  border: 10px solid #CFC071;
}

#cont-img {
  width: 208px;
  height: 310px;
  padding: 20px;
}

#img-texto {
  width: 188px;
  height: 150px;
  padding: 10px;
  background: #FFF;
  margin-top: 140px;
  font-size: 10px;
  line-height: 11px;
  text-align: justify;
  overflow: auto;
}

#cont-link {
  width: 248px;
  height: 198px;
}

#cont-link a {
  display: block;
  background: #CFC071;
  line-height: 10px;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#tit-img {
  width: 228px;
  height: 132px;
  padding: 10px;
}

#tit-tex, #tit-jef {
  display: block;
  background: #fff;
  line-height: 10px;
  padding: 5px;
  margin-top: 60px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #000;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#img-r1, #img-r2, #img-r3, #img-r4, #img-r {
  width: 188px;
  height: 35px;
  padding: 20px 10px;
  background: #fff;
  margin-bottom: 3px;
  font-size: 20px;
  line-height: 25px;
  font-family: 'Abril Fatface';
  text-align: center;  
}

#img-r1 p, #img-r2 p, #img-r3 p, #img-r4 p, #img-r p {
  display: block;
  line-height: 10px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #000;
  font-family: 'verdana';
  text-transform: uppercase;
  text-aling: center;
}

#img-r1 {color: #d1111a;}
#img-r2 {color: #008080;}
#img-r3 {color: #f4a611;}
#img-r4 {color: #148444;}

#cont-jefes {
  width: 248px;
  height: 350px;
}

#jefes {
  width: 100px;
  height: 152px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 5px;
  -moz-transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#tit-jef strong {display: block; letter-spacing: 0px;}
#tit-jef {width: 100px; margin-top: 0px; padding: 0px; height: 0px; overflow: hidden; position: absolute; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}
#jefes:hover #tit-jef {width: 90px; margin-top: 0px; padding: 5px; height: auto; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out;}

/*tablon en el índice*/
#in-caja {
  display: block;
  padding: 20px;
  background: #FFF;
  border: 10px solid #CFC071;
}

#in-staff {width: 188px; height: 108px}
#in-staff img {margin: 2px; width: 90px; height: 50px}

#in-clima, #in-nov {
  width: 238px;
  height: 88px;
  padding: 10px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  line-height: 11px;
}

#in-clima strong {
  font-size: 18px;
  line-height: 20px;
  font-family: 'Abril Fatface';
}

Mensajes : 33

Ver perfil de usuario
avatar
Estudiante de Ravenclaw

Volver arriba Ir abajo

Mensaje por Pandora L. Malfoy el Lun Dic 21, 2015 3:03 pm
2. Templetes
Para instalar los templetes, borren todo el contenido de los que se indican a continuación y reemplacen por el código dado.

General - index_body
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div class="h3"></div>
<div id="es-cuerpo">
<table><tr><td>
  <div id="es-caja1">
  <div id="es-tit">Conectados</div>
  <div id="es-con">
    {LOGGED_IN_USER_LIST}

    {L_ONLINE_USERS}
    {L_CONNECTED_MEMBERS}<br />
    {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
  </div>
  </div>
</td><td>
  <div id="es-caja2">
  <div id="es-tit">Leyenda</div>
  <div id="box-ley">
   
      <div id="box-grup1"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup2"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup3"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup4"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup5"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup6"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup7"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup8"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
      <div id="box-grup9"><div id="gru-nom">
        <a href="link al grupo"><div id="nom">Nombre</div></a>
        <div id="cen">00</div>
      </div></div>
   
  </div>
  </div>
</td></tr></table>
  <div id="es-tit">Nuestros números</div>
  <div id="es-ult">
    <div id="box1">{TOTAL_POSTS}</div>
    <div id="box2">{TOTAL_USERS}</div>
    <div id="box3">{NEWEST_USER}</div>
    <div id="box4">{TOTAL_USERS_ONLINE}</div>
  </div>
</div>

   
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE} : 
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

General - viewtopic_body
Código:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };


$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }

   return false;
};

//]]>
</script>

<h1 class="page-title">
   <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
   <div class="buttons">

      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
   </div>

   <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
   </p>

   <div class="pagination">
      {PAGE_NUMBER}
       • 
      <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
      <!-- BEGIN switch_plus_menu -->
       • 
      <script type="text/javascript">//<![CDATA[
         var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
         var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
         var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
         var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
         var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
         var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
         insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
   <div class="clear"></div>
</div>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         <div class="postbody">
                          <div id="tema-titulo"><a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div>
                          <div id="tema-opc">
                            {postrow.displayed.THANK_IMG}
                            {postrow.displayed.MULTIQUOTE_IMG}
                            {postrow.displayed.QUOTE_IMG}
                            {postrow.displayed.EDIT_IMG}
                            {postrow.displayed.DELETE_IMG}
                            {postrow.displayed.IP_IMG}
                            {postrow.displayed.REPORT_IMG_NEW}
                          </div>
                          <div id="tema-autor"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
                         
            <div class="clearfix"></div>

            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
               <!-- END switch_vote -->

               <!-- BEGIN switch_bar -->
               <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                  <!-- END switch_vote_plus -->

                  <!-- BEGIN switch_vote_minus -->
                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                  <!-- END switch_vote_minus -->
               </div>
               <!-- END switch_bar -->

               <!-- BEGIN switch_no_bar -->
               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div style="display:none"></div>
            <div class="content clearfix">
               <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
                          <div id="edit">{postrow.displayed.EDITED_MESSAGE}</div>
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
  <div id="perfil-cuerpo">
  <div id="perfil-rotulo">
    <div id="rotulo-nombre">{postrow.displayed.POSTER_NAME}</div>
    <div id="ratulo-irango">{postrow.displayed.RANK_IMAGE}</div>
  </div>
 
  <div id="perfil-data">
    <div id="data-label">
      <div id="label-info">
      <!-- BEGIN profile_field -->
        <div id="lab-dato">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>
        <div id="lab-sep">{postrow.displayed.profile_field.SEPARATOR}</div>
      <!-- END profile_field -->
      </div>
      <div id="label-contacto">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
    </div>
    <div id="data-avatar">{postrow.displayed.POSTER_AVATAR}</div>
  </div>
  <div id="rotulo-nrango">{postrow.displayed.POSTER_RANK_NEW}</div>
  </div>
 
</div>

         <div class="clear"></div>

         <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
         <span class="corners-bottom"><span></span></span></div>
         </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
   <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
   <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
   <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
   <div class="clear"></div>
   <div>
      <!-- BEGIN link -->
      » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <span class="corners-top"><span></span></span>
   <div class="h3"> {L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
   <div class="buttons">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
   </div>

   <div class="pagination">
      {PAGE_NUMBER}
   </div>
</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   <label>{L_JUMP_TO}: </label>
   {S_JUMPBOX_SELECT} 
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <input type="hidden" name="t" value="{TOPIC_ID}" />

   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>{L_MOD_TOOLS}: </label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="h3">{L_TABS_PERMISSIONS}</div>
   {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Poral - mod_login
Código:
<div class="wid">
  <div id="wid-u">{USERNAME}</div>
  <table><tr><td>
    <div id="wid-ava">
   <div class="inner"><span class="corners-top"><span></span></span>     
         
        <!-- BEGIN switch_login_small -->
          <img src="http://place-hold.it/115x150" />
   <!-- END switch_login_small -->

   <!-- BEGIN switch_profile -->
   <div class="box-content">
      <dl class="mod-login-avatar">
         <dt>{USERNAME_AVATAR}</dt>
      </dl>
   </div>
   <!-- END switch_profile -->

   <span class="corners-bottom"><span></span></span></div>
    </div>
    </td><td>
       <div id="wid-tab"></div>
    </td></tr>
  </table>
</div>

<!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_widget_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_widget_login -->

Mensajes : 33

Ver perfil de usuario
avatar
Estudiante de Ravenclaw

Volver arriba Ir abajo

Mensaje por Pandora L. Malfoy el Lun Dic 21, 2015 3:08 pm
3. Javascript
Crear una hoja para cada uno de estos códigos, a un costado indicaré en que hojas debe visualizarse.

Afiliados - En todas las Páginas
Código:
$(document).ready(function () {
$('#alfinalforo').appendTo('#content');
});

Índice - En todas las Páginas
Código:
jQuery(document).ready(function(){
  jQuery('a.mainmenu[href^="/login?logout"]').html('<div id="menu-logout"> | Logout</div>');
  jQuery('a.mainmenu[href="/login"]').html('<div id="menu-login"> | Login</div>');
  jQuery('a.mainmenu[href="/memberlist"]').html('<div id="menu-none"></div>');
  jQuery('a.mainmenu[href="/calendar"]').html('<div id="menu-none"></div>');
  jQuery('a.mainmenu[href="/faq"]').html('<div id="menu-none"></div>');
  jQuery('a.mainmenu[href="/search"]').html('<div id="menu-none"></div>');
  jQuery('a.mainmenu[href="/groups"]').html('<div id="menu-none"></div>');
  jQuery('a.mainmenu[href="/"]').html('<div id="menu-home">Indice, </div>');
  jQuery('a.mainmenu[href^="/profile?"]').html('<div id="menu-perfil">editar perfil | </div>');
});

Editar - En los temas
Código:
jQuery(document).ready(function() {
$('.i_icon_thanks').replaceWith('<div class="boton">Gracias</div>');
$('.i_icon_quote').replaceWith('<div class="boton">Citar</div>');
$('.i_icon_edit').replaceWith('<div class="boton">Editar</div>');
$('.i_icon_delete').replaceWith('<div class="boton">Borrar</div>');
$('.i_icon_ip').replaceWith('<div class="boton">Ver IP</div>');
});

Estadisticas - En el índice
Código:
$(function(){
       $("div.h3 a[href='/statistics']").text("Estadísticas");
       $("div#main-content div#es-ult").each(function(){
          $(this).html($(this).html()
             .replace("Nuestros miembros han publicado un total de", "")
             .replace("mensajes", "")
             .replace("miembros registrados", "")
             .replace("Tenemos", "")
             .replace(" .", "")
             .replace("El último usuario registrado es", ""));
       });  
   });

Widgets parte I - En todas las Páginas
Código:
$(document).ready(function () {
$('#wid-pes').appendTo('#wid-tab');
});

Widgets parte II - En todas las Páginas
Código:
$(document).ready(function(){

$('.bot1').click(function(){
$('#caja1').slideToggle(550);
$('#caja2, #caja3, #caja4, #caja5').slideUp(250);
});

$('.bot2').click(function(){
$('#caja2').slideToggle(550);
$('#caja1, #caja3, #caja4, #caja5').slideUp(250);
});

$('.bot3').click(function(){
$('#caja3').slideToggle(550);
$('#caja1, #caja2, #caja4, #caja5').slideUp(200);
});

$('.bot4').click(function(){
$('#caja4').slideToggle(550);
$('#caja1, #caja2, #caja3, #caja5').slideUp(200);
});

$('.bot5').click(function(){
$('#caja5').slideToggle(550);
$('#caja1, #caja2, #caja3, #caja4').slideUp(200);
});

});

Si tienen problemas con los javas, prueben borrando el código que tenían, copiando el código que doy primero en un block de notas y luego pegarlo en la hoja java.

Mensajes : 33

Ver perfil de usuario
avatar
Estudiante de Ravenclaw

Volver arriba Ir abajo

Mensaje por Pandora L. Malfoy el Lun Dic 21, 2015 3:10 pm
4. Widgets
En esta sección solo tienen que dejar los que nombraré a continuación.

Conexión - Widgets predefinidos

Tablón - Widgets personales
Código:
<div id="wid-pes">
                                            
   <div class="bot1">
                          I.                   
   </div>
                                              
   <div class="bot2">
                          II.                   
   </div>
                                              
   <div class="bot3">
                          III.                   
   </div>
                                              
   <div class="bot4">
                          IV.                   
   </div>
                                              
   <div class="bot5">
                          V.                   
   </div>
                                            
</div>
   
<div id="caja1">
                                          
   <table>
                                       
      <tbody>
         <tr>
                                             
            <td>
                                                
               <div style="background: url('http://place-hold.it/250x350')center;" id="cont-img">
                                                   
                  <div id="img-texto">
                                     Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti. Él no va a recitarte poesía, él no está pensando en ti en todo momento, pero te dará una parte de el que sabe que podrías romper. No lo lastimes, no lo cambies, y no esperes de él más de lo que puede darte. No analices. Sonríe cuando te haga feliz, grita cuando te haga enojar, y extrañalo cuando no esté. Ama con todo tu ser cuando recibas su amor. Porque no existen los chicos perfectos, pero siempre habrá un chico que es perfecto para ti.                 
                  </div>
                                                   
               </div>
                                                
            </td>
                                             
            <td>
                                                
               <div id="cont-link">
                                    <a href="link">título</a> <a href="link">título</a> <a href="link">título</a> <a href="link">título</a> <a href="link">título</a> <a href="link">título</a> <a href="link">título</a> <a href="link">título</a> <a href="link">título</a>           
               </div>
                                    
               <div style="background: url('http://place-hold.it/250x155')center" id="tit-img">
                               
                  <div id="tit-tex">
                             ambientación       
                  </div>
                               
               </div>
                                          
            </td>
                                             
         </tr>
                                          
      </tbody>
   </table>
                                        
</div>
 
<div id="caja2">
                                          
   <table>
                                       
      <tbody>
         <tr>
                                             
            <td>
                                                
               <div style="background: url('http://place-hold.it/250x350')center;" id="cont-img">
                                                   
                  <div id="img-texto">
                                     Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti. Él no va a recitarte poesía, él no está pensando en ti en todo momento, pero te dará una parte de el que sabe que podrías romper. No lo lastimes, no lo cambies, y no esperes de él más de lo que puede darte. No analices. Sonríe cuando te haga feliz, grita cuando te haga enojar, y extrañalo cuando no esté. Ama con todo tu ser cuando recibas su amor. Porque no existen los chicos perfectos, pero siempre habrá un chico que es perfecto para ti.                 
                  </div>
                                                   
               </div>
                                                
            </td>
                                             
            <td>
                                                
               <div id="cont-link">
                                    <a href="link">encantamientos</a> <a href="link">herbología</a> <a href="link">transformaciones</a> <a href="link">defensa</a> <a href="link">cuidado de cm</a> <a href="link">historia de la magia</a> <a href="link">adivinación</a> <a href="link">runas antiguas</a> <a href="link">pociones</a>           
               </div>
                                    
               <div style="background: url('http://place-hold.it/250x155')center" id="tit-img">
                               
                  <div id="tit-tex">
                             Tramas y Clases       
                  </div>
                               
               </div>
                                          
            </td>
                                             
         </tr>
                                          
      </tbody>
   </table>
                      
</div>
 
<div id="caja3">
                                          
   <table>
                                       
      <tbody>
         <tr>
                                             
            <td>
                                                
               <div style="background: url('http://place-hold.it/250x350')center;" id="cont-img">
                                                   
                  <div id="img-r1">
                           0000       
                     <p>
                              Gryffindor     
                     </p>
                                        
                  </div>
                                                   
                  <div id="img-r3">
                           0000           
                     <p>
                              Hufflepuff     
                     </p>
                                    
                  </div>
                                                   
                  <div id="img-r2">
                           0000           
                     <p>
                              Ravenclaw     
                     </p>
                                    
                  </div>
                                                   
                  <div id="img-r4">
                           0000             
                     <p>
                              Slytherin     
                     </p>
                                    
                  </div>
                                                   
               </div>
                                                
            </td>
                                             
            <td>
                                                
               <div id="cont-jefes">
                                       
                  <div style="background: url('http://place-hold.it/125x175')center;" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>J. Gryffindor</strong>Pr. Apellido       
                     </div>
                                  
                  </div>
                                       
                  <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>J. Hufflepuff</strong>Pr. Apellido       
                     </div>
                                  
                  </div>
                                       
                  <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>J. Ravenclaw</strong>Pr. Apellido       
                     </div>
                                  
                  </div>
                                       
                  <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>J. Slytherin</strong>Pr. Apellido       
                     </div>
                                  
                  </div>
                             
               </div>
                                          
            </td>
                                             
         </tr>
                                          
      </tbody>
   </table>
                                        
</div>
 
<div id="caja4">
                                          
   <table>
                                       
      <tbody>
         <tr>
                                             
            <td>
                                                
               <div style="background: url('http://place-hold.it/250x350')center;" id="cont-img">
                       
                  <div id="img-r">
                           gry vs huff           
                     <p>
                              dia - hora     
                     </p>
                                    
                  </div>
                         
                  <div id="img-r">
                           rav vs sly           
                     <p>
                              dia - hora     
                     </p>
                                    
                  </div>
                         
                  <div id="img-r">
                           gry vs rav           
                     <p>
                              dia - hora     
                     </p>
                                    
                  </div>
                         
                  <div id="img-r">
                           huff vs sly           
                     <p>
                              dia - hora     
                     </p>
                                    
                  </div>
                                                 
               </div>
                                                
            </td>
                                             
            <td>
                                                
               <div id="cont-jefes">
                                       
                  <div style="background: url('http://place-hold.it/125x175')center;" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>Capitán G.</strong>Apellido       
                     </div>
                                  
                  </div>
                                       
                  <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>Capitán H.</strong>Apellido       
                     </div>
                                  
                  </div>
                                       
                  <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>Capitán R.</strong>Apellido       
                     </div>
                                  
                  </div>
                                       
                  <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                                  
                     <div id="tit-jef">
                                <strong>Capitán S.</strong>Apellido       
                     </div>
                                  
                  </div>
                             
               </div>
                                          
            </td>
                                             
         </tr>
                                          
      </tbody>
   </table>
                                        
</div>
 
<div id="caja5">
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                        
   <div style="background: url('http://place-hold.it/125x175')center" id="jefes">
                   
      <div id="tit-jef">
                 <strong>Mejor AAA</strong>Apellido       
      </div>
                   
   </div>
                    
</div>

Últimos Temas - Widgets predefinidos

Afiliados - Widgets personales
Código:
<div id="alfinalforo">
                                                        
   <table>
                                                           
      <tbody>
         <tr>
                                                                 
            <td>
                                                                                                          
               <div id="afi-vip">
                                                                     
                  <div id="afi-nom">
                                               Afiliados Elite 00 de 40                         
                  </div>
                                                                     
                  <div id="afi-cu2">
                               <a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/40x40" title="nombre del foro" /></a>                                 
                  </div>
                                                                       
               </div>
                                                
               <div id="afi-nor">
                        <a href="link a afiliados normales">Afiliados Normales</a>     
               </div>
                                                                    
            </td>
                                                                 
            <td>
                                                                    
               <div class="afi-mano">
                                                                     
                  <div id="afi-nom">
                                               afiliados Hermanos                         
                  </div>
                                                                     
                  <div id="afi-cu1">
                                   <a href="link al foro"><img src="http://placehold.it/50x90" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x90" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x90" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x90" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x90" title="nombre del foro" /></a>             
                  </div>
                                                                       
               </div>
                                                
               <div class="afi-mano">
                                                                     
                  <div id="afi-nom">
                                               Directorio                         
                  </div>
                                                                     
                  <div id="afi-cu4">
                                   <a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a><a href="link al foro"><img src="http://placehold.it/50x50" title="nombre del foro" /></a>                                     
                  </div>
                                                                       
               </div>
                                              
            </td>
                                                                 
         </tr>
                                                              
      </tbody>
   </table>
</div>

Mensajes : 33

Ver perfil de usuario
avatar
Estudiante de Ravenclaw

Volver arriba Ir abajo

Mensaje por Pandora L. Malfoy el Lun Dic 21, 2015 3:13 pm
5. Descripción de Categorías

Solo Texto
Código:
<div id="tex1">
     Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti. Él no va a recitarte poesía, él no está pensando en ti en todo momento, pero te dará una parte de el que sabe que podrías romper. No lo lastimes, no lo cambies, y no esperes de él más de lo que puede darte. No analices. Sonríe cuando te haga feliz, grita cuando te haga enojar, y extrañalo cuando no esté. Ama con todo tu ser cuando recibas su amor. Porque no existen los chicos perfectos, pero siempre habrá un chico que es perfecto para ti. 
</div>

Texto + Links
Código:
<div id="tex2">
    Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti. 
</div>
 
<div id="link1">
    <a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a><a href="link">nombre del link</a>
</div>

Imagen + Texto
Código:
<div id="img1" style="background: url('http://place-hold.it/320x200')">
   
   <div id="tex3">
       Él no es perfecto. Tu tampoco lo eres. Y ustedes dos nunca serán perfectos. Pero si él puede hacerte reír al menos una vez, te hará pensar dos veces, y si él admite ser humano y cometer errores, no lo dejes ir y dale lo mejor de ti.
   </div>
</div>

Solo Imagen
Código:
<div style="background: url('http://place-hold.it/320x200')" id="img2">
</div>

Mensajes : 33

Ver perfil de usuario
avatar
Estudiante de Ravenclaw

Volver arriba Ir abajo

Mensaje por Pandora L. Malfoy el Lun Dic 21, 2015 3:14 pm
6. Tablón

Código:
<div id="in-caja">
          
   <table>
             
      <tbody>
                
         <tr>
                   
            <td>
                    
               <div id="in-clima">
                       
                  <div id="clima-tex">
                         <strong>año, ubicación</strong><br />Estación del año, clima, lugar donde se encuentran, circunstancias, etc.   
                  </div>
                       
               </div>
                      
            </td>
                   
            <td>
                    
               <div id="in-staff">
                      <a href="link mp"><img title="nombre" src="http://place-hold.it/90x50" /></a><a href="link mp"><img title="nombre" src="http://place-hold.it/90x50" /></a><a href="link mp"><img title="nombre" src="http://place-hold.it/90x50" /></a><a href="link mp"><img title="nombre" src="http://place-hold.it/90x50" /></a>   
               </div>
                      
            </td>
                   
            <td>
                    
               <div id="in-nov">
                      Skin obtenido de <strong><a href="http://thecaptainknowsbest.tumblr.com/">The Captain Knows Best</a></strong> creado por <strong>@Neeve</strong>. Gracias a los aportes y tutoriales de Hardrock, Glintz y Asistencia Foroactivo. Se agradece especialmente a <strong><a href="http://glintz.foroactivo.com/u2">@Katastrophe</a></strong> por las pestañas usadas en los widgets del foro. 
               </div>
                      
            </td>
                   
         </tr>
                
      </tbody>
             
   </table>
</div>

Mensajes : 33

Ver perfil de usuario
avatar
Estudiante de Ravenclaw

Volver arriba Ir abajo

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.