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.
|
encantamientos herbología transformaciones defensa cuidado de cm historia de la magia adivinación runas antiguas pociones
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
Página 1 de 1. • Comparte
por Pandora L. Malfoy Lun Dic 21, 2015 3:01 pm
Les dejo a continuación los pasos para instalar el skin:
1. CSS
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';
}
Pandora L. Malfoy
Mensajes : 33
Estudiante de Ravenclaw
por Pandora L. Malfoy 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
▲ General - viewtopic_body
▲ Poral - mod_login
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}
<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 -->
Pandora L. Malfoy
Mensajes : 33
Estudiante de Ravenclaw
por Pandora L. Malfoy 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
▲ Índice - En todas las Páginas
▲ Editar - En los temas
▲ Estadisticas - En el índice
▲ Widgets parte I - En todas las Páginas
▲ Widgets parte II - En todas las Páginas
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.
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.
Pandora L. Malfoy
Mensajes : 33
Estudiante de Ravenclaw
por Pandora L. Malfoy 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
▲ Últimos Temas - Widgets predefinidos
▲ Afiliados - Widgets personales
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>
Pandora L. Malfoy
Mensajes : 33
Estudiante de Ravenclaw
por Pandora L. Malfoy Lun Dic 21, 2015 3:13 pm
5. Descripción de Categorías
▲ Solo Texto
▲ Texto + Links
▲ Imagen + Texto
▲ Solo Imagen
▲ 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>
Pandora L. Malfoy
Mensajes : 33
Estudiante de Ravenclaw
por Pandora L. Malfoy 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>
Pandora L. Malfoy
Mensajes : 33
Estudiante de Ravenclaw
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
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