tablondeheader
MANUALES
XAT
RADIO
AFILIADOS
NORMAS RÁPIDAS
• Respeto a todos los usuarios• Avatar: 160x400 (como máximo) • Firma: 550x400 (como máximo) • Está PROHIBIDO hacer publicidad en otra área que no sea las de las afiliaciones.
|
NOTICIAS
NOTICIA 1
BIENVENIDOS AL NUEVO DISEÑO "JONSEI"
|
LINK
LINK
LINK
LINK
LINK
LINK
LINK
LINK
LINK
LINK
LINK
|
NORMAS DEL CB
La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante. La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante. La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante. La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante.
ANUNCIO DE LOS USSERS
|
STAFF
SI TIENES ALGUNA DUDA PUEDES MANDAR UN MP.
|
AMBIENTACIÓN
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their.
|
EVENTOS
TÍTULO DEL EVENTO:
EVENTO DEL FORO!
LINK
TÍTULO DEL EVENTO:
EVENTO DEL FORO!
LINK
TÍTULO DEL EVENTO:
EVENTO DEL FORO!
LINK
TÍTULO DEL EVENTO:
EVENTO DEL FORO!
LINK
|
ESTACIÓN
ESTAMOS EN:
¡INVIERNO!
RAZAS
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their.
|
AWARDS
|
AFILIADOS VIP
REDES SOCIALES
|
CRÉDITOS ESTE SKIN FUE TOTALMENTE CREADO POR JONSEI. SE USARON ALGUNOS TUTORIALES DE OURSOURCECODE Y LAS IMÁGENES SON DEL ARTISTA TAE4021 EDITADAS POR JONSEI. EL EFECTO DE INVERSE DOOR FUE DADO POR RYU KATSHUKA. MUCHAS GRACIAS.
|
Últimos conectados
Conectarse
MENSAJE QUE ENVIARÉ
:: Tu primer foro :: Tu primer foro
Página 1 de 1.
MENSAJE QUE ENVIARÉ
- Código:
Gracias por escoger mi Skin. Si tienes dudas puedes enviarme un mp. No te olvides de los créditos y de cumplir las normas.
[b]REGLAS:[/b]
[color=#1C254A][b]·[/b][/color] Por favor, [b]no te olvides[/b] de darme crédito. Soy [url=http://www.oursourcecode.net/u2563]Jonsi[/url].
[color=#1C254A][b]·[/b][/color] [b]NO[/b] uses mi códigos para realizar tu diseño.
[color=#1C254A][b]·[/b][/color] [b]NO[/b] le des el código a nadie. TODOS esos códigos han valido mi esfuerzo. SI alguien desea el skin, puedes pasarle el link de este tema.
[color=#1C254A][b]·[/b][/color] Los pedidos se hacen vía [b]MP[/b]. Cuando lo mandes coloca el nombre del Skin como título· Sigue estas reglas o de lo contrario serás [u]reportado[/u].
[b]PASOS: [/b]
1. Instala el Skin phpBB azul.
• Visualización -> Temas -> Elegir tema -> Temas -> Prosilver -> Guardar configuración
2. Colócale un "1050px" al ancho del foro.
• General -> Foro -> Configuración -> Estructura de las páginas ->
Ancho del foro %: 1050px
Altura de la celda imagen categoría/foro : 0
Anchura de la celda imagen categoría/foro : 45
3. Borra las imágenes que vienen por defecto a excepción de las siguientes:
- Barra de los votos - Izquierda
- Barra de los votos - Centrado
- Barra de los votos - Derecha
* Si pondrán una imagen de fondo les recomiendo que sea pattern(200x200). En mi caso, yo no lo usé.
4. Los colores que usarás son los siguientes:
• Visualización -> Imágenes y Colores -> Colores
[size=14][b]○ Color y talla del texto[/b][/size] Obviamente tu puedes colocar los colores que quieras.
[b]Color de Texto :[/b] #000000
[b]Color del vínculo :[/b] #86051E
[b]Color del vínculo Visitado :[/b] #86051E
[b]Color del vínculo activo :[/b] #86051E
[b]Color del vínculo visto :[/b] #000000
* Recomiendo colocar el mismo color para los vínculos.
[size=14][b]○ Los colores de fondo[/b][/size] Borra todos a excepción de los siguientes:
[b]Color de Fondo :[/b] #86051E
[b]Color de citaciónes, códigos y botones :[/b] #FEFCFA[b]Color de fondo del editor (Barra de menús) :[/b] F7F7F7
[size=14][b]○ Contornos[/b][/size] Bórralos todos.
[size=14][b]○ Colores de la barra de desenfilada[/b][/size] Bórralos todos.
5. Coloca los códigos: [code] -webkit-transition: all 1s;}
.likauto:hover {background-color:#072e3d;}
.likauto a {color: #ededed;}
/*perfildesdeperfil*/
#tabs a span {
background: #072e3d;
border-radius: 0.5em 0.5em 0em 0em;
color: #f0eeee;
display: inline-block;
outline: medium none;
}
#tabs a span:hover {
background-position:center;
color: #f0eeee;
}
#tabs .activetab a span {
background: #86051e;
border-radius: 0.5em 0.5em 0em 0em;
color: #f0eeee;
display: inline-block;
outline: medium none;
width: auto;
}
#tabs .activetab a span:hover {
color: #COLOR;
}
/*Menuconlinea*/
.navlinks{
position:absolute;
top: 280px;
left: 250px;
background: #072e3d;
width: 900px;
padding: 3px;
text-transform: uppercase;
font: 10px calibri;
}
a.mainmenu {
color: #f0eeee;
border-bottom: 5px solid #color;
background: #color;
padding: 10px;
-moz-transition-duration: 0.9 s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.9s; letter-spacing : 1px; margin-bottom: 0px;
}
a.mainmenu:hover {
color: #f0eeee;
background: #color;
border-bottom: 5px solid #color;
text-align: center;
padding: 10px;
}
/*menuuu*/
div#page-header div.navbar div.inner ul.navlinks {
position: fixed;
top: 0px;
margin-left: 40px;
z-index: 999;
}
#logo-desc {
margin: 30px 0 0;
margin-left: -50px;
}[/code]
6. Coloca los códigos de las descripciones, puedes escoger el que más te guste.
[b]DESCRIPCIONES SIN LINKS[/b]
[code]<div class="descgeneral">
<center>
<div style="background-image: url(http://i.imgur.com/XPIcq7c.png); border-radius: 0px; width: 560px; height: 140px;">
<div class="descnuw">
<div class="texto2">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.
</div>
</div>
</div>
</center>
</div>[/code]
[b]DESCRIPCIONES CON LINK[/b]
[b]♥ Con links derecha:[/b]
[code]<div class="descgeneral">
<center>
<div style="background-image: url(http://i.imgur.com/3PETBQ1.png); border-radius: 0px; width: 560px; height: 140px;">
<div class="descnuw">
<table>
<tbody>
<tr>
<td>
<div class="texto1">
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.
</div>
</td>
<td>
<div class="cajalinks">
<div class="subcajitas">
<a href="http://www.google.com" class="" target="_blank" rel="nofollow">LINK</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
</div>[/code]
[b]♥ Con Links izquierda:[/b]
[code]<div class="descgeneral">
<center>
<div style="background-image: url(http://i.imgur.com/3PETBQ1.png); border-radius: 0px; width: 560px; height: 140px;">
<div class="descnuw">
<table>
<tbody>
<tr>
<td>
<div class="cajalinks">
<div class="subcajitas">
<a href="http://www.google.com" class="" target="_blank" rel="nofollow">LINK</a>
</div>
</div>
</td>
<td>
<div class="texto1">
Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore.
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
</div>[/code]
Re: MENSAJE QUE ENVIARÉ
- Código:
7. Tablón en el header:
• Debe colocarse en un Widget[code]<div id="tablon-header">
<div id="contenido1">
<div class="tabss">
<div class="tabb">
<input type="radio" id="tabb-1" name="tabb-group-1" checked="" /><label for="tabb-1">•</label>
<div class="contentty">
<div style="width: 900px; height: 380px; padding: 10px; background: #color; text-aling: justify; color: #000000; overflow:auto;">
<table>
<tbody>
<tr>
<td>
<div style="width: XXpx; overflow:auto; height: 380px; margin-left: 0px;">
<style type="text/css"> .imagen1 {opacity: 0.0;transition-duration: 0.9s;-moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; background: #f0eeee; color: #color; text-align: justify; width: 250px; height: 330px; letter-spacing: 0px; overflow: auto; text-transform: none; border-radius: 0px;} .imagen1:hover { opacity: 1.0}</style>
<div style="background-color: #color; text-align: justify; width: 250px; padding: 10px; ">
<div style="width: 250px; padding: 0px; margin: 0 auto;">
<div style="width: 250px; height: 330px; background-image: url(http://i.imgur.com/Ncyjv0B.png); border-radius: 0px;">
<div class="imagen1">
<div style="margin-left: 15px;">
<div class="link">
MANUALES
</div>
<div class="link">
XAT
</div>
<div class="link">
RADIO
</div>
<div class="link">
AFILIADOS
</div>
</div><br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 10px solid #072e3d; font-size: 25px; text-align: center; color: #072e3d; font-family: IMPACT; width: 230px; padding-bottom: 5px; ">
NORMAS RÁPIDAS
</div>
<div style="text-align: justify; color: #000000; margin-left: 30px; width: 200px; font-size: 11px;">
• Respeto a todos los usuarios• Avatar: 160x400 (como máximo) • Firma: 550x400 (como máximo) • Está PROHIBIDO hacer publicidad en otra área que no sea las de las afiliaciones.
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: XXpx; overflow:auto; height: 380px; margin-left: 0px;">
<div style="width: 170px; padding: 20px; margin-left: 10px; font-size: 9px; background: #86051e; text-aling: center; color: #f0eeee; padding-left: 150px;">
NOTICIAS
</div>
<div style="width: 320px; padding: 10px; margin-left: 10px; font-size: 10px; background: #color; text-aling: justify; color: #000000; height: 240px; overflow: auto; border-bottom: 10px solid #072e3d;">
<div style="font-size:14px;border-bottom: #86051e SOLID 2px; font-family: arial; color: #86051e; width: 305px; margin-bottom: 3px;">
NOTICIA 1
</div>
BIENVENIDOS AL NUEVO DISEÑO "JONSEI"
</div>
</div>
</td>
<td>
<div style="width: XXpx; overflow:auto; height: 380px; margin-left: 0px;">
<div style="width: 250px; height: 350px; padding: 5px; overflow:auto; margin-left: 10px;">
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
<div class="link">
LINK
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tabb">
<input type="radio" id="tabb-2" name="tabb-group-1" /><label for="tabb-2">•</label>
<div class="contentty">
<table>
<tbody>
<tr>
<td>
<div style="width: XXpx; overflow:auto; height: 380px; margin-left: 0px;">
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 260px; margin-bottom: 5px; margin-left: 10px;">
NORMAS DEL CB
</div>
<div style="font-size:11px;width: 280px; overflow: auto;height: 70px; padding: 10px; border-bottom: 20px solid #072e3d;text-align: justify; margin-left: 10px;">
La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante. La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante. La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante. La peor enfermedad que puede padecer una persona es amar sin ser correspondido... es una enfermedad en la que cuesta mucho salir adelante... pero nunca hay que perder la fe de conseguir la victoria de salir para adelante.
</div>
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 260px; margin-bottom: 5px; margin-left: 10px;">
ANUNCIO DE LOS USSERS
</div>
<div style="color: #000000;width: 290px; height: 120px; overflow: auto; margin-left: 10px; border-bottom: 10px solid #072e3d;">
<table>
<tbody>
<tr>
<td>
<div class="contenedor">
<div class="anuncio1">
<div class="anuncio2">
<div style="width: 200px; height: 100px; background-image: url(http://i.imgur.com/sE3rons.png); border-radius: 0px;">
</div>
</div>
<div style="overflow: auto;" class="anuncio3">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 15px; text-align: center; color: #072e3d; font-family: IMPACT; width: 190px; padding-bottom: 3px; ">
TITULO DEL ANUNCIO
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 15px; width: 180px; font-size: 9px; overflow: auto;">
TE INVITAMOS A PUBLICAR ALGO AQUÍ! SOLO HABLA CON LA ADMINISTRACIÓN.
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
</td>
<td>
<div class="contenedor">
<div class="anuncio1">
<div class="anuncio2">
<div style="width: 200px; height: 100px; background-image: url(http://i.imgur.com/sE3rons.png); border-radius: 0px;">
</div>
</div>
<div style="overflow: auto;" class="anuncio3">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 15px; text-align: center; color: #072e3d; font-family: IMPACT; width: 190px; padding-bottom: 3px; ">
TITULO DEL ANUNCIO
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 15px; width: 180px; font-size: 9px; overflow: auto;">
TE INVITAMOS A PUBLICAR ALGO AQUÍ! SOLO HABLA CON LA ADMINISTRACIÓN.
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
</td>
<td>
<div class="contenedor">
<div class="anuncio1">
<div class="anuncio2">
<div style="width: 200px; height: 100px; background-image: url(http://i.imgur.com/sE3rons.png); border-radius: 0px;">
</div>
</div>
<div style="overflow: auto;" class="anuncio3">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 15px; text-align: center; color: #072e3d; font-family: IMPACT; width: 190px; padding-bottom: 3px; ">
TITULO DEL ANUNCIO
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 15px; width: 180px; font-size: 9px; overflow: auto;">
TE INVITAMOS A PUBLICAR ALGO AQUÍ! SOLO HABLA CON LA ADMINISTRACIÓN.
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
</td>
<td>
<div class="contenedor">
<div class="anuncio1">
<div class="anuncio2">
<div style="width: 200px; height: 100px; background-image: url(http://i.imgur.com/sE3rons.png); border-radius: 0px;">
</div>
</div>
<div style="overflow: auto;" class="anuncio3">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 15px; text-align: center; color: #072e3d; font-family: IMPACT; width: 190px; padding-bottom: 3px; ">
TITULO DEL ANUNCIO
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 15px; width: 180px; font-size: 9px; overflow: auto;">
TE INVITAMOS A PUBLICAR ALGO AQUÍ! SOLO HABLA CON LA ADMINISTRACIÓN.
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
<td>
<div style="width: XXpx; overflow:auto; height: 380px; margin-left: 0px;">
<center>
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 450px; margin-bottom: 5px; margin-left: 10px;">
STAFF
</div>
<table>
<tbody>
<tr>
<td>
<div id="staff1">
<div style="background: url('http://i.imgur.com/0j4UQoO.png'); text-align: center; color: #FFFFFF; font-family: ARIAL; width: 150px; MARGIN-LEFT: 0PX; OVERFLOW: AUTO; HEIGHT: 270PX; border: #color solid 5px;">
</div>
<div id="staff2">
<div style="font-size:30px;background: #color; border-bottom: #f0eeee solid 10px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />STAFF 1
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
PERFIL - MP
</div>
</div>
</div>
</td>
<td>
<div id="staff1">
<div style="background: url('http://i.imgur.com/0j4UQoO.png'); text-align: center; color: #FFFFFF; font-family: ARIAL; width: 150px; OVERFLOW: AUTO; HEIGHT: 270PX; border: #color solid 5px;">
</div>
<div id="staff2">
<div style="font-size:30px;background: #color; border-bottom: #f0eeee solid 10px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />STAFF 2
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
PERFIL - MP
</div>
</div>
</div>
</td>
<td>
<div id="staff1">
<div style="background: url('http://i.imgur.com/0j4UQoO.png'); text-align: center; color: #FFFFFF; font-family: ARIAL; width: 150px; OVERFLOW: AUTO; HEIGHT: 270PX; border: #color solid 5px;">
</div>
<div id="staff2">
<div style="font-size:30px;background: #color; border-bottom: #f0eeee solid 10px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />STAFF 3
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
PERFIL - MP
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div style="font-size:12px;background: #color; padding-top:10px; padding-bottom: 5px; font-family: arial; color: #000000; border-bottom: 20px solid #86051e; border-top: 10px solid #072e3d; text-align: center; width: 520px; height: 40; margin-bottom: 0px; margin-left: 10px;">
SI TIENES ALGUNA DUDA PUEDES MANDAR UN MP.
</div>
</center>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tabb">
<input type="radio" id="tabb-3" name="tabb-group-1" /><label for="tabb-3">•</label>
<div class="contentty">
<div style="width: 900px; height: 380px; padding: 10px; background: #color; text-aling: justify; color: #000000; overflow:auto;">
<table>
<tbody>
<tr>
<td>
<div style="width: 150px; padding: 20px; margin-left: 10px; font-size: 9px; background: #86051e; text-aling: center; color: #f0eeee; padding-left: 110px;">
AMBIENTACIÓN
</div>
<div style="margin-left: 10px; width: 280px; height: 100px; background-image: url(http://i.imgur.com/dI49for.png); border-radius: 0px;">
</div>
<div style="width: 265px; padding: 10px; margin-left: 10px; font-size: 11px; background: #f0eeee; text-aling: justify; color: #000000; height: 145px; overflow: auto; border-bottom: 10px solid #072e3d; border-bottom: 10px solid #072e3d;">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their.
</div>
</td>
<td>
<div style="width: 140px; padding: 20px; margin-left: 10px; font-size: 9px; background: #86051e; text-aling: center; color: #f0eeee; padding-left: 110px;">
EVENTOS
</div>
<div style="color: #000000;width: 270px; height: 265px; overflow: auto; margin-left: 10px; border-bottom: 10px solid #072e3d;">
<div class="container">
<div class="cosa1">
<div class="cosa2">
<div style="width: 250px; height: 150px; background-image: url(http://i.imgur.com/JQYs2i0.png); border-radius: 0px;">
</div>
</div>
<div style="overflow: auto;" class="cosa3">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 18px; text-align: center; color: #072e3d; font-family: IMPACT; width: 235px; padding-bottom: 5px; ">
TÍTULO DEL EVENTO:
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 30px; width: 200px; font-size: 10px;">
EVENTO DEL FORO!
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
<div class="container">
<div class="cosa1">
<div class="cosa2">
<div style="width: 250px; height: 150px; background-image: url(http://i.imgur.com/JQYs2i0.png); border-radius: 0px;">
</div>
</div>
<div style="overflow: auto;" class="cosa3">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 18px; text-align: center; color: #072e3d; font-family: IMPACT; width: 235px; padding-bottom: 5px; ">
TÍTULO DEL EVENTO:
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 30px; width: 200px; font-size: 10px;">
EVENTO DEL FORO!
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
<div class="container">
<div class="cosa1">
<div class="cosa2">
<div style="width: 250px; height: 150px; background-image: url(http://i.imgur.com/JQYs2i0.png); border-radius: 0px;">
</div>
</div>
<div class="cosa3" style="overflow: auto;">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 18px; text-align: center; color: #072e3d; font-family: IMPACT; width: 235px; padding-bottom: 5px; ">
TÍTULO DEL EVENTO:
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 30px; width: 200px; font-size: 10px;">
EVENTO DEL FORO!
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
<div class="container">
<div class="cosa1">
<div class="cosa2">
<div style="width: 250px; height: 150px; background-image: url(http://i.imgur.com/JQYs2i0.png); border-radius: 0px;">
</div>
</div>
<div class="cosa3" style="overflow: auto;">
<br />
<div style="margin-left: 10px; background-color: #color; border-bottom: 5px solid #072e3d; font-size: 18px; text-align: center; color: #072e3d; font-family: IMPACT; width: 235px; padding-bottom: 5px; ">
TÍTULO DEL EVENTO:
</div>
<div style="text-align: CENTER; color: #000000; margin-left: 30px; width: 200px; font-size: 10px;">
EVENTO DEL FORO!
<center>
<div class="linkeve">
LINK
</div>
</center>
</div>
</div>
</div>
</div>
</div>
</td>
<td>
<style type="text/css"> .imagen2 {opacity: 0.0;transition-duration: 0.9s;-moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; background: #f0eeee; color: #color; text-align: justify; width: 250px; height: 100px; letter-spacing: 0px; overflow: auto; text-transform: none; border-radius: 0px;} .imagen2:hover { opacity: 1.0}</style>
<div style="background-color: #color; text-align: justify; width: 250px; padding: 10px;">
<div style="width: 250px; padding: 0px; margin: 0 auto; ">
<div style="width: 130px; padding: 20px; margin-left: 10px; font-size: 9px; background: #86051e; text-aling: center; color: #f0eeee; padding-left: 100px;">
ESTACIÓN
</div>
<div style="width: 250px; height: 100px; background-image: url(http://i.imgur.com/mJ4SKCz.png); border-radius: 0px; margin-left: 10px;">
<div class="imagen2">
<br />
<div style="margin-left: 30px; background-color: #color; border-bottom: 10px solid #072e3d; font-size: 25px; text-align: center; color: #072e3d; font-family: IMPACT; width: 200px; padding-bottom: 5px; ">
ESTAMOS EN:
</div>
<div style="text-align: center; color: #000000; margin-left: 30px; width: 180px; font-size: 11px;">
¡INVIERNO!
</div>
</div>
</div>
</div>
</div>
<div style="width: 130px; padding: 20px; margin-left: 20px; font-size: 9px; background: #86051e; text-aling: center; color: #f0eeee; padding-left: 100px;">
RAZAS
</div>
<div style="width: 230px; padding: 10px; margin-left: 20px; font-size: 11px; background: #f0eeee; text-aling: justify; color: #000000; height: 70px; overflow: auto; border-bottom: 10px solid #072e3d;">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their.
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tabb">
<input type="radio" id="tabb-4" name="tabb-group-1" /><label for="tabb-4">•</label>
<div class="contentty">
<center>
<table>
<tbody>
<tr>
<td>
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 235px; margin-bottom: 5px; margin-left: 10px;">
AWARDS
</div>
<div style="width: 275px; height: 295px; overflow: auto; margin-left: 10px; margin-top: -10px;">
<table>
<tbody>
<tr>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
<td>
<div id="premios1">
<div style="width: 150px; height: 150px; background-image: url(http://i.imgur.com/VC9h1CL.png); border-radius: 0px;">
</div>
<div id="premios2">
<div style="font-size:15px;background: #color; border-bottom: #f0eeee solid 5px; font-family: arial; color: #f0eeee; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
<br /><br />NOMBRE DEL CONCURSANTE
</div>
<div style="font-size:12px;background: #color; border-bottom: #COLOR solid 5px; font-family: arial; color: #EDEDED; text-align: center; width: 130px; margin-bottom: 0px; margin-left: 10px;">
MEJOR ????
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 230px; margin-bottom: 5px; margin-left: 10px;">
AFILIADOS VIP
</div>
<div style="font-size:11px;width: 250px; overflow: auto;height: 100px; padding: 10px; border-bottom: 20px solid #072e3d;text-align: justify; margin-left: 10px;">
<center>
<a href="#"><img class="grayscale" src="http://i.imgur.com/Kmi17fy.png" border="0" alt="" /></a><a href="#"><img class="grayscale" src="http://i.imgur.com/Kmi17fy.png" border="0" alt="" /></a><a href="#"><img class="grayscale" src="http://i.imgur.com/Kmi17fy.png" border="0" alt="" /></a><a href="#"><img class="grayscale" src="http://i.imgur.com/Kmi17fy.png" border="0" alt="" /></a>
</center>
</div>
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 230px; margin-bottom: 5px; margin-left: 10px;">
REDES SOCIALES
</div>
<div style="font-size:11px;width: 250px; overflow: auto;height: 50px; padding: 10px; border-bottom: 20px solid #072e3d;text-align: justify; margin-left: 10px;">
<center>
<a href="#"><img class="grayscale" src="http://i.imgur.com/YurVMj2.png" border="0" alt="" /></a><a href="#"><img class="grayscale" src="http://i.imgur.com/gIhBF8H.png" border="0" alt="" /></a>
</center>
</div>
</td>
<td>
<div style="font-size:9px;background: #86051e; padding: 20px; color: #ededed; text-align: center; width: 210px; margin-bottom: 5px; margin-left: 10px;">
CRÉDITOS
</div>
<div style="background-image: url(http://i.imgur.com/daXDhQm.png); text-align: center; font-family: ARIAL; width: 250px; margin-left: 10px; overflow: auto; height: 120px;">
</div>
<div style="font-size:9px;width: 230px; overflow: auto;height: 120px; padding: 10px; border-bottom: 20px solid #072e3d; border-top: 10px solid #86051e;text-align: justify; margin-left: 10px;">
ESTE SKIN FUE TOTALMENTE CREADO POR JONSEI. SE USARON ALGUNOS TUTORIALES DE <a href="http://www.oursourcecode.net/" class="" target="_blank" rel="nofollow">OURSOURCECODE</a> Y LAS IMÁGENES SON DEL ARTISTA <a href="http://www.zerochan.net/Tae4021" class="" target="_blank" rel="nofollow">TAE4021</a> EDITADAS POR JONSEI. EL EFECTO DE INVERSE DOOR FUE DADO POR <a rel="nofollow" target="_blank" class="" href="http://kanbina-shi.foroactivo.com/u4">RYU KATSHUKA</a>. MUCHAS GRACIAS.
</div>
</td>
</tr>
</tbody>
</table>
</center>
</div>
</div>
</div>
</div>
<style>
#tablon-header {
left: 300px;
position: absolute;
right: 5px;
top: 35px;
transition: all 1s ease 0s;
opacity: 0.0;
}
#contenido1 {
width: 890px;
height: 390px;
background-color: #f3eeee;
}
.headerbar .inner:hover #tablon-header {
opacity: 0.95;
}
</style> <script>
jQuery(function () {
jQuery(".headerbar .inner").append(jQuery("#tablon-header"));
});
</script>
</div>[/code]
8. Widget abajo (Afiliados élite y VIP)[code]<div id="finalforo">
<table>
<tbody>
<tr>
<td>
<div style="background: #072e3d; text-align: center; color: #FFFFFF;padding: 35px; font-family: arial; font-size: 15px;width: 300px;">
AFILIACIÓN VIP
</div>
<div style="background: #color; text-align: center; color: #FFFFFF;padding: 10px; font-family: arial; font-size: 10px;width: 350px; height: 150px; overflow: auto; border-bottom: 10px solid #072e3d;">
<div style="margin-left: 15px;">
<br /><br />
<center>
<a class="example1" href="#"><img alt="" border="0" src="http://i.imgur.com/q7vLLx5.png" class="grayscale" /></a><a class="example1" href="#"><img alt="" border="0" src="http://i.imgur.com/q7vLLx5.png" class="grayscale" /></a><a class="example1" href="#"><img alt="" border="0" src="http://i.imgur.com/q7vLLx5.png" class="grayscale" /></a><a class="example1" href="#"><img alt="" border="0" src="http://i.imgur.com/q7vLLx5.png" class="grayscale" /></a>
</center>
</div>
</div>
</td>
<td>
<div style="background: #072e3d; text-align: center; color: #FFFFFF;padding: 35px; font-family: arial; font-size: 15px;width: 450px;">
AFILIACIÓN ÉLITE
</div>
<div style="background: #color; text-align: justify; color: #FFFFFF;padding: 10px; font-family: arial; font-size: 10px;width: 500px; height: 150px; overflow: auto; border-bottom: 10px solid #072e3d;">
<div class="afiliadoselite">
<a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a><a href="#"><img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" /></a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>[/code]•Java (Para que baje):[code]$(document).ready(function () {
$('#finalforo').appendTo('#content');
})[/code]
Sin más, muchísimas gracias por usar mi diseño ♥
[b]IMÁGENES EN GRIS[/b]
◘ [code]<img alt="" border="0" src="http://i.imgur.com/RGta4tQ.png" class="grayscale" />[/code]
Atte: Jonsi ♥[/b]
:: Tu primer foro :: Tu primer foro
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|