Jaulin es genial (?)

Gracias por escoger mi Skin. Si tienes dudas puedes enviarme un mp. No te olvides de los créditos y de cumplir las normas.

REGLAS:
· Por favor, no te olvides de darme crédito. Soy Jonsi.
· NO uses mi códigos para realizar tu diseño.
· NO 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.
· Los pedidos se hacen vía MP. Cuando lo mandes coloca el nombre del Skin como título· Sigue estas reglas o de lo contrario serás reportado.

PASOS:
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 : 0

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). Yo usé esta.

4. Los colores que usarás son los siguientes:
• Visualización ->  Imágenes y Colores -> Colores
○ Color y talla del texto Obviamente tu puedes colocar los colores que quieras.
Color de Texto : #302626
Color del vínculo : #1C254A
Color del vínculo Visitado : #1C254A
Color del vínculo activo : #1C254A
Color del vínculo visto : #1C254A
* Recomiendo colocar el mismo color para los vínculos.
○ Los colores de fondo Borra todos a excepción de los siguientes:
Color de Fondo : #F3F7FC
Color zonas de escritura, menú desplegado y cuadro de la cabecera : #F3F7FC
○ Contornos Bórralos todos.
○ Colores de la barra de desenfilada Bórralos todos.

5. Coloca los códigos:

Código:

/*WHYNOTGENERAL*/
/*imagendeportada*/
#logo-desc {
margin: 30px;
margin-left: -15px;
padding: -45px;
text-align: center;
}

/*bordesdelforo*/
#wrap {
background-color: #f3f7fc; /* Color de fondo */
border-left: solid 20px #090827; /* Bordes del foro izquierdo */
border-right: solid 20px #090827; /* Bordes del foro derecho */
margin: -40px auto;
padding: 20px;
}

/*Scrollbar*/
body  {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0px;
overflow-y: auto;
overflow-x: auto;
}

/*formulariosdelogin*/
.post {
background-color: #color;
border-left: 13px solid #1c254a;
}

/*quitaresquinasfeas*/
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none;
}

/*Sombrear*/
::-moz-selection { background:#090827; color #fff; } /*paramozilla*/
::selection { background:#090827; color:#fff; } /*paraotrosnavegadores*/
/*barra de fondo*/
::-webkit-scrollbar {
width: 8px;
height: 10px;
background: #F3F7FC;
}
​

::-webkit-scrollbar-track-piece  {
background: #F3F7FC;
}

/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: 16px;
background: #090827;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 16px;
background: #090827;
}

/*Menuconlinea*/
.navlinks{
position:absolute;
top: 380px;
text-transform: uppercase;
font: 10px calibri;
}
a.mainmenu {
color: white;
padding: 10px;
background: #090827;
-moz-transition-duration: 2.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 2.5s; letter-spacing : 1px; margin-bottom: 0px;
}
a.mainmenu:hover {
color: #000000;
background: #f3f7fc;
padding: 10px;
text-align: center;
}

/*paraquenosebajeeláreadepost*/
#textarea_content { margin-top: 3px; }

/*respuestarapida WYSIWYG*/
.sceditor-toolbar {
background: #F3F7FC !important; /*cambia el fondo de la parte de arriba*/
border: 4px solid #F3F7FC !important;
}

.sceditor-container textarea {
 color: white !important; /* Color */
 font-size: 13px !important; /* Tamaño */
}

.sceditor-container.ltr.wysiwygMode {
background: #090827 !important; /*fondo principal*/
border: 1px solid #F3F7FC; /*color del borde*/
}

.sceditor-container iframe, .sceditor-container textarea {
background: #090827 !important; /*cambia el fondo de la parte de respuesta*/
border-radius: 5px 5px 5px 5px;
}

.sceditor-container{
         background:  #1c254a !important; /*borde de la respuesta rapida*/
}


/*paleta*/
.colorpicker {
   width: 356px;
   height: 176px;
   overflow: hidden;
   position: absolute;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
   font-family: Arial, Helvetica, sans-serif;
   display: none;
}

.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.colorpicker_color {
   width: 150px;
   height: 150px;
   left: 14px;
   top: 13px;
   position: absolute;
   background: #f00;
   overflow: hidden;
   cursor: crosshair;
}
.colorpicker_color div {
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
   height: 150px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
   position: absolute;
   top: 0;
   left: 0;
   width: 11px;
   height: 11px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
   margin: -5px 0 0 -5px;
}
.colorpicker_hue {
   position: absolute;
   top: 13px;
   left: 171px;
   width: 35px;
   height: 150px;
   cursor: n-resize;
}
.colorpicker_hue div {
   position: absolute;
   width: 35px;
   height: 9px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
   margin: -4px 0 0 0;
   left: 0px;
}
.colorpicker_new_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 213px;
   top: 13px;
   background: #f00;
}
.colorpicker_current_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 283px;
   top: 13px;
   background: #f00;
}
.colorpicker input {
   background-color: transparent;
   border: 1px solid transparent;
   position: absolute;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #898989;
   top: 4px;
   right: 11px;
   text-align: right;
   margin: 0;
   padding: 0;
   height: 11px;
}
.colorpicker_hex {
   position: absolute;
   width: 72px;
   height: 22px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
   left: 212px;
   top: 142px;
}
.colorpicker.dark .colorpicker_hex {
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
   right: 6px;
}
.colorpicker_field {
   height: 22px;
   width: 62px;
   background-position: top;
   position: absolute;
}
.colorpicker_field span {
   position: absolute;
   width: 12px;
   height: 22px;
   overflow: hidden;
   top: 0;
   right: 0;
   cursor: n-resize;
}
.colorpicker_rgb_r {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
   top: 52px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
   top: 82px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
   top: 112px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;  
 overflow: hidden;
}
.colorpicker_focus {
   background-position: center;
}
.colorpicker_hex.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_slider {
   background-position: bottom;
}
.colorpicker { z-index: 3; }

/*CONTENIDODELMENSAJE*/
/*nick*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile {
display: block;
text-align: center;}

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


/*rayitaalcostadodelavatar*/
.inputbox {
border-color:#090827;
border-left: 7px solid #090827;
color: #ededed;
background-color: #090827;
display: inline-block;
outline: ;
width: 100%;
}

/*tamañodeavatares*/
.postprofile dt img {
    max-width: 160px;
    max-height: 400px;
}

/*titulodepagina*/
h1.page-title {
-moz-border-radius: 25px 25px 0 0;
border-radius: 0px 0px 0 0;
background-color: #color;
border-right: 5px solid #090827;
border-top: 5px solid #090827;
border-bottom: 5px solid #090827;
font-family:Georgia;
text-transform: uppercase;
font-size:24px;
text-align: center;
}

/*Post*/
.postbody .content {
font-size: 12px;
font-family: calibri;
text-align: justify;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
border-radius: 9px;
border-left: 10px solid #1c254a;
border-right: 10px solid #1c254a;
background: #color;
padding-bottom: 10px;
}

/*-- retirar el botón negativo en los mensajes --*/
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}

/*temas*/
dl.icon dd.dterm, dl.icon dt {
    background-position: 90% 90%;
}

/*Perfilrayitas*/
.postprofile{text-align:center;
border-left: 14px solid #090827;
border-right: 5px solid #color;
padding-top: 5px;
background-color: #color;
  }

/*Autorcosa*/
p.author {
 background-color:  #1c254a;
 color: #ededed;
 margin-top: 15px;
 padding: 3px !important;
 border-radius: 70px;
position: relative;
 right: -7em;
 text-align: center;
}

p.author {
 font-family: arial;
 font-size: 12px;
 line-height: 1.2em;
 margin-top: 15px;
 padding: 5 5 5px;
}

/*Spoiler-code-quote*/
dl.codebox {
padding: 3px;
background-color: transparent;
border: #2C2F4E;
font-size: 1em;
border-bottom: 10px solid #090827;
}

.spoiler_content.hidden{border-top: 10px solid #090827;}
dl.codebox dt {
text-transform: uppercase;
margin-bottom: 3px;
border-bottom: none;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,'arial',sans-serif;
border-top: 10px solid #090827;
line-height: 1.3em;
color: #9e9fa0;
margin: 2px 0;
}

blockquote {
margin: 4em 4px 4em 25px;
padding: 5px;
background: transparent 6px 8px no-repeat;
border: none;
border-left: 10px solid #090827;
border-right: 10px solid #090827;
border-radius: 4px 4px 4px 4px;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}



/*CATEGORÍAS-SUBFOROS-*/
/*Cabeza de las categorías*/
li.header {
text-transform: none;
font-size:0px;
padding: 30px;
font-family: impact;
background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/3825/3825564.png?1377197885');
border-bottom: 15px SOLID #090827;
text-align: center;
}

.table-title, .table-title h2 {
color: #ededed;
font: 29px impact;
background: #COLOR;
padding: 10px;
background: #090827;
border-radius: 30px 30px 30px 30px;
text-shadow: 1px 1px 1px #;
width: 100%;
}
/*Finaldecategoria*/
ul.forums {
background-image: url("");
background-repeat: repeat;
border-bottom: 10px #1c254a solid;
border-left: 10px double #color;
}

/*Estadísticas*/
.h3 {
width: 100%;
color: #ededed;
}

.h3 {
font-weight: 700;
}

/*quienestaonline*/
.h3 {
font-family: impact;
font-size: 29px;
text-transform: uppercase;
background: #color;
background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/3825/3825564.png?1377197885');
border-bottom: 15px SOLID #090827;
text-align: center;
padding: 30px;
text-shadow: 1px 1px 1px transparents;
width: 100%;
}



.h3 {
font-weight: 700;
}
#main .h3 a {
color: #ededed;
font: 29px impact;
padding: 10px;
background: #090827;
border-radius: 30px 30px 30px 30px;
text-shadow: 1px 1px 1px #;
width: 100%;
}


/*leyendas*/
p em b a.gensmall {
color: #3366ff;
font-family: IMPACT;
font-size: 15px;
text-align: center;
paddin: 10px;
text-shadow: 0 0 4px #COLOR;
text-transform: uppercase;
}

p em {
font-style: normal;
color: transparent;
}

/*imagenesdeabajo*/
ul#picture_legend {
background-color: #COLOR;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-bottom: 15px solid #1c254a;
text-align: center;
}

#i_whosonline + p {
background: #color;
border-bottom: 10px solid #1c254a;
padding-bottom: 8px;
padding-left: 5px;
}


#i_whosonline + p em {
background: #color;
border-left: 10px solid #090827;
border-right: 10px solid #090827;
display: block;
height: 100%;
width: 90%;
font-family: Amatic SC;
font-size: 29px;
margin: 0 auto;
color: transparent;
font-style: normal;
padding: 5px;
}

/*estadisticas*/
.page-bottom {
padding-left: 7px;
}

/*Categoria - Foros*/
.forabg .forums .row dl {
  min-height: 90px;
}

.forabg .header .topics, .forabg .header .posts, .forabg .header .lastpost {
  display: none;
}


/*Foro - Temas & Mjs*/
.forabg .row .topics, .forabg .row .posts  {
  color: #EDEDED;/*COLOR de letra*/
  height: 10px;
  background: #090827;/*COLOR de fondo*/
  text-transform: uppercase;
  line-height: 7px;
  font-size: 10px;
  font-family: arial;
}

.forabg .row dfn {
  padding: 0 8px 0 0;
  display: block!important;
  font-style: normal;
  float: right;
}
/*Foro - Temas*/
.forabg .row .topics {
  border-radius: 10px 0 0 0;
  position: relative;
  left: 11em;
  top: 1.5em;
}
/*Foro - Msj*/
.forabg .row .posts  {
  width: 12%;
  border-radius: 0 10px 0 0;
  position: relative;
  left: 12em;
  top: 1.5em;
}

.forabg .row .posts dfn {
  margin-left: -10px;
  margin-right: 4px;
}


/*Foro - Ultimos Mensajes*/
.forabg .row .lastpost {
width: 19em;
position: relative;
float: right;
margin-top: -15px;
font-size: 9px;
font-family: Trebuchet MS;
text-align: center;
text-transform: uppercase;
background-color: #color;
border-top: 10px solid #090827;
border-bottom: 4px solid #color;
border-right: 5px solid #color;
border-left: 5px solid #color;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
right: 1em;
top: 3em;
}

/*titulos*/
a.forumtitle {
background: none repeat scroll 0 0 #090827;
display: table;
margin-left: 0!important;
font-size: 12px;
font-size: 9px;
color: #ffffff;
margin-bottom: -15px;
text-align: center;
text-transform: uppercase;
width: 500px !important;
border-radius: 0px 0px 0px 0px;
  padding: 11px;
}
a.forumtitle:hover {
color: #ededed;
text-decoration: none;
}



ul.topiclist div.table-title {
    background-color: transparent !important;
    border: medium none !important;
}

/*quitarsubrayado*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/*descripconimg*/
#desc2 {
position: relative;
margin-top: 0px;
background: #ededed;
width: 479px;
height: 50;
padding: 5;
border-left: 30px solid #090827;
border-right: 3px solid #090827;
}
#desc1 {
position: relative;
background: #ededed;
width: 479px;
padding: 5px;
height: 40px;
overflow: auto;
border-left: 30px solid #090827;
border-bottom: 3px solid #090827;
border-right: 3px solid #090827;
}

#desc2 img {
width: 100%;
}

#texto3 {
margin-left: 10px;
}
/*descripsinimg*/
#desc {
margin-top: 1px;
background: #ededed;
width: 479px;
padding: 5px;
height: 90px;
overflow: auto;
border-left: 30px solid #090827;
border-bottom: 3px solid #090827;
border-right: 3px solid #090827;
}
/*descrip2sinimg*/
#desc {
margin-top: 1px;
background: #ededed;
width: 479px;
padding: 5px;
height: 85px;
overflow: auto;
border-left: 30px solid #090827;
border-bottom: 3px solid #090827;
border-right: 3px solid #090827;
}

#subforos {
background: #090827;
text-align: center;
margin: auto;
padding: 2px;
width: 500;
color: #ededed importan!;
  magin-bottom: 9px;
}

/*otro*/
/*titulos*/
li.header dd, li.header dt {
font-size: 10px;
line-height: 1em;
margin: 2px 0px 4px;
text-align: center;
}



/*WIDGETS*/

/*widgetborde*/
#content-container div#left {
background:#f3f7fc;
margin-top: 0px;
margin-right: 0px;
box-shadow: 0 1 0px #1A3C69;
border-bottom: 17x solid #090827;
border-right: 14px solid #090827;
border-left: 14px solid #090827;
border-top: 17px groove #color;
border-radius: 1px 1px 70px 70px;
}


/*Imagencontextodentro*/
#grancontenedor {
    background: url("http://i.imgur.com/iXBQwFW.png") no-repeat scroll 0 0 transparent;
    height: 350px;
    width: 250px;
  opacity: 3;
}

#grancontenedor .mitexto {
    background: url("") repeat scroll 0 0 #1C1309;
    border: 1px solid #1C1309;
    border-radius: 5px 5px 5px 5px;
    color: white;
    height: 70px;
    margin-left: 50px;
    margin-right: 53px;
    margin-top: 170px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 165px;
  opacity: 0.83;
}

/*centrar avatar en widget*/
.module .box-content .mod-login-avatar {
float: none;
  text-align: center;
  border-left: 13px solid #1c254a;
}
/*ultimostemas*/
#comments_scroll_div{
font-family:Georgia;
  background: transparents;
  border-left: 10px solid #1c254a;
  padding: 10px;
  margin-left: -10px;
}

/*staff*/
#ola1 { position: relative; display: inline-block;}
#ola2 {
position: absolute;
display: none;
background-color: #090827;
  color: #f4f7fc;
top: -1px;
left: -2px;
margin-left: 0px;
padding: 10px;
z-index: 3;
width: 240px;
height: 53px;
opacity: 1.0;
}

#ola1:hover #ola2 { display: block; }
#left{overflow:visible !important;}

/*staffefecto*/
 .staff img {
  border-radius: 5px;
}

/*titulosescondidos*/
.module .h3 {
visibility:hidden;
display: none;
}


/*CHATBOX*/
/*chatboxcolor*/
/* Parte de arriba CB */
#chatbox_header {
background-color: #090827;
color: #ededed;
}

/* Parte de abajo  CB */
#chatbox_footer {
background-color: #090827;
}
    
/*chatbox*/
#message {
background-color: #FFFFFF;
 }

/*CB escritura*/
#chatbox {
background-image:url("Colocar aca la url de la imagen");
border-left: 15px solid #090827;
border-right: 15px solid #color;
}

/*miembros*/
.chatbox-members{
border-right:  15px solid #F3F7FC ;
border-left: 15px solid #F3F7FC ;
}

6. Coloca los códigos de las descripciones, puedes escoger el que más te guste.
DESCRIPCIONES SIN IMÁGENES
♥ Sin Links:

Código:

<div id="desc"><div id="texto">I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.</div></div>

♥ Con Links:

Código:

<div id="desc"><div id="texto">I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.</div></div><div id="subforos"><div id="texto3"> <a href=”http://www.institutoroltakemori.com/t2355-normas-generales”><font color="#FFFFFF">Normas Generales</font></a> - <a href=”http://www.institutoroltakemori.com/t1464-cambio-de-nick”><font color="#FFFFFF">Cambio de Nick</font></a> - <a href="http://www.institutoroltakemori.com/f114-normas-e-importantes"><font color="#FFFFFF">Normas & Ambientación</font></a> </div></div>

DESCRIPCIONES CON IMÁGENES
♥ Sin Links:

Código:

<div id="desc2"><img src="http://i.imgur.com/AAkPS9y.png"></div><div id="desc1"><div id="texto3">I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.</div>

♥ Con Links:

Código:

<div id="desc2"><img src="http://i.imgur.com/AAkPS9y.png"></div><div id="desc1"><div id="texto3">I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.I see the walls, then see them fall. You break through them all. I see you crawl, now you stand tall. Grow and grow till tall.
In storm we scream against the stream, our eyes watering. Jump into lakes, the surface breaks. We swim underwater, and our mouths - In tune. We all want to grow with the seeds we will sow. We all want to go with the trees we will grow. We all want to know when we're all meant to go. To a place you and I.... I see forest, a treasure chest full of labyrinth. I see a door, holes in the floor. We'll break seeds, we'll grow.</div></div><div id="subforos"><div id="texto3"> <a href=”http://www.institutoroltakemori.com/t2355-normas-generales”><font color="#FFFFFF">Normas Generales</font></a> - <a href=”http://www.institutoroltakemori.com/t1464-cambio-de-nick”><font color="#FFFFFF">Cambio de Nick</font></a> - <a href="http://www.institutoroltakemori.com/f114-normas-e-importantes"><font color="#FFFFFF">Normas & Ambientación</font></a> </div></div>

7. Coloca los extras.
○ Título en widget: Es un tanto complejo modificarlo, así que te lo facilitaré un poco. El tamaño de mis widgets son de: 250. El código que te daré debe de ser bajado(en el width) aproximadamente 10px de la anchura que elegiste. Por ejemplo si tienes los widgets de 300px de anchura, el width de los títulos debe ser de: 290.

Código:

<img src="http://i.imgur.com/3vX8ljp.png" border="0" alt="" /><div style="background: #090827; padding: 20px;  #color; font-size:20px; text-align: center; color: #ffffff; font-family:impact; width: 210PX;">TITULO DEL WIDGET</div>

○ Menú en widget: Para el ancho es la misma explicación de arriba. Quítale 10px del ancho que elegiste para tu widget.

Código:

<style type="text/css">
.menu {color: #ffffff; width: 240px; background-color: #color; border-left: 10px solid #1c254a; color: #000000; padding: 2px 0px; font-size: 13px; text-align: center; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;}
.menu:hover {background-color:#1c254a; color: #ededed;}
.menu a {color: #000000;}
</style><div class="menu"><a href="link">Link1</a></div><div class="menu"><a href="link">Link2</a></div><div class="menu"><a href="link">Link3</a></div>

○ Efecto en widget del staff: El tamaño y color puedes modificarlo desde el CSS. Está con el nombre de: "/*Staff*/"

Código:

<div class="staff"><div id="ola1"><img src="http://i.imgur.com/XmGqfh8.png" border="0" alt="" /><div id="ola2"><div style="margin:auto;text-align:center;width:100%">STAFF1<br><a href="LINK" class="">MP</a>-<a href="LINK" class="">PERFIL</a><br>CARGO</div></div></div><div id="ola1"><img src="http://i.imgur.com/XmGqfh8.png" border="0" alt="" /><div id="ola2"><div style="margin:auto;text-align:center;width:100%">STAFF2<br><a href="LINK" class="">MP</a>-<a href="LINK" class="">PERFIL</a><br>CARGO</div></div></div><div id="ola1"><img src="http://i.imgur.com/XmGqfh8.png" border="0" alt="" /><div id="ola2"><div style="margin:auto;text-align:center;width:100%">STAFF3<br><a href="LINK" class="">MP</a>-<a href="LINK" class="">PERFIL</a><br>CARGO</div></div></div></div>

○ Paleta de colores para el nuevo WYSING: Ya está incluida en el CSS. Sin embargo tienes que crear un JavaScrip y colocarle el siguiente código:

Código:


var skin_color_picker = "light"; // Cambiar a "dark" si se prefiere oscuro.
/**
 *
 * Color picker
 * Author: Stefan Petre www.eyecon.ro
 *
 * Dual licensed under the MIT and GPL licenses
 *
 */
 $(function(){$(function(){$("#text_editor_textarea").length!=0&&(function(e){var t=function(){var t=65,n={eventName:"click",onShow:function(){},onBeforeShow:function(){},onHide:function(){},onChange:function(){},onSubmit:function(){},color:"ff0000",livePreview:!0,skin:"light",flat:!1},r=function(t,n){var r=D(t);e(n).data("colorpicker").fields.eq(1).val(r.r).end().eq(2).val(r.g).end().eq(3).val(r.b).end()},i=function(t,n){e(n).data("colorpicker").fields.eq(4).val(t.h).end().eq(5).val(t.s).end().eq(6).val(t.b).end()},s=function(t,n){e(n).data("colorpicker").fields.eq(0).val(P(D(t))).end()},o=function(t,n){e(n).data("colorpicker").selector.css("backgroundColor","#"+P(D({h:t.h,s:100,b:100})));e(n).data("colorpicker").selectorIndic.css({left:parseInt(150*t.s/100,10),top:parseInt(150*(100-t.b)/100,10)})},u=function(t,n){e(n).data("colorpicker").hue.css("top",parseInt(150-150*t.h/360,10))},a=function(t,n){e(n).data("colorpicker").currentColor.css("backgroundColor","#"+P(D(t)))},f=function(t,n){e(n).data("colorpicker").newColor.css("backgroundColor","#"+P(D(t)))},l=function(n){n=n.charCode||n.keyCode||-1;if(n>t&&n<=90||n==32)return!1;e(this).parent().parent().data("colorpicker").livePreview===!0&&h.apply(this)},h=function(t){var n=e(this).parent().parent(),a;if(this.parentNode.className.indexOf("_hex")>0){a=n.data("colorpicker");var l=this.value,h=6-l.length;if(h>0){for(var p=[],d=0;d<h;d++)p.push("0");p.push(l);l=p.join("")}l=_(M(l));a.color=a=l}else this.parentNode.className.indexOf("_hsb")>0?n.data("colorpicker").color=a=O({h:parseInt(n.data("colorpicker").fields.eq(4).val(),10),s:parseInt(n.data("colorpicker").fields.eq(5).val(),10),b:parseInt(n.data("colorpicker").fields.eq(6).val(),10)}):(a=n.data("colorpicker"),l={r:parseInt(n.data("colorpicker").fields.eq(1).val(),10),g:parseInt(n.data("colorpicker").fields.eq(2).val(),10),b:parseInt(n.data("colorpicker").fields.eq(3).val(),10)},a.color=a=_({r:Math.min(255,Math.max(0,l.r)),g:Math.min(255,Math.max(0,l.g)),b:Math.min(255,Math.max(0,l.b))}));t&&(r(a,n.get(0)),s(a,n.get(0)),i(a,n.get(0)));o(a,n.get(0));u(a,n.get(0));f(a,n.get(0));n.data("colorpicker").onChange.apply(n,[a,P(D(a)),D(a)])},p=function(){e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")},d=function(){t=this.parentNode.className.indexOf("_hex")>0?70:65;e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");e(this).parent().addClass("colorpicker_focus")},v=function(t){var n=e(this).parent().find("input").focus(),t={el:e(this).parent().addClass("colorpicker_slider"),max:this.parentNode.className.indexOf("_hsb_h")>0?360:this.parentNode.className.indexOf("_hsb")>0?100:255,y:t.pageY,field:n,val:parseInt(n.val(),10),preview:e(this).parent().parent().data("colorpicker").livePreview};e(document).bind("mouseup",t,g);e(document).bind("mousemove",t,m)},m=function(e){e.data.field.val(Math.max(0,Math.min(e.data.max,parseInt(e.data.val+e.pageY-e.data.y,10))));e.data.preview&&h.apply(e.data.field.get(0),[!0]);return!1},g=function(t){h.apply(t.data.field.get(0),[!0]);t.data.el.removeClass("colorpicker_slider").find("input").focus();e(document).unbind("mouseup",g);e(document).unbind("mousemove",m);return!1},y=function(){var t={cal:e(this).parent(),y:e(this).offset().top};t.preview=t.cal.data("colorpicker").livePreview;e(document).bind("mouseup",t,w);e(document).bind("mousemove",t,b)},b=function(e){h.apply(e.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360*(150-Math.max(0,Math.min(150,e.pageY-e.data.y)))/150,10)).get(0),[e.data.preview]);return!1},w=function(t){r(t.data.cal.data("colorpicker").color,t.data.cal.get(0));s(t.data.cal.data("colorpicker").color,t.data.cal.get(0));e(document).unbind("mouseup",w);e(document).unbind("mousemove",b);return!1},E=function(){var t={cal:e(this).parent(),pos:e(this).offset()};t.preview=t.cal.data("colorpicker").livePreview;e(document).bind("mouseup",t,x);e(document).bind("mousemove",t,S)},S=function(e){h.apply(e.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100*(150-Math.max(0,Math.min(150,e.pageY-e.data.pos.top)))/150,10)).end().eq(5).val(parseInt(100*Math.max(0,Math.min(150,e.pageX-e.data.pos.left))/150,10)).get(0),[e.data.preview]);return!1},x=function(t){r(t.data.cal.data("colorpicker").color,t.data.cal.get(0));s(t.data.cal.data("colorpicker").color,t.data.cal.get(0));e(document).unbind("mouseup",x);e(document).unbind("mousemove",S);return!1},T=function(){e(this).addClass("colorpicker_focus")},N=function(){e(this).removeClass("colorpicker_focus")},C=function(t){var n=e(this).parent(),r=n.data("colorpicker").color;n.data("colorpicker").origColor=r;a(r,n.get(0));n.data("colorpicker").onSubmit(r,P(D(r)),D(r),n.data("colorpicker").el,t);e(this).parent().hide()},k=function(){var t=e("#"+e(this).data("colorpickerId"));t.data("colorpicker").onBeforeShow.apply(this,[t.get(0)]);var n=e(this).offset(),r;r=document.compatMode=="CSS1Compat";r={l:window.pageXOffset||(r?document.documentElement.scrollLeft:document.body.scrollLeft),t:window.pageYOffset||(r?document.documentElement.scrollTop:document.body.scrollTop),w:window.innerWidth||(r?document.documentElement.clientWidth:document.body.clientWidth),h:window.innerHeight||(r?document.documentElement.clientHeight:document.body.clientHeight)};var i=n.top+this.offsetHeight,n=n.left;i+176>r.t+r.h&&(i-=this.offsetHeight+176);n+356>r.l+r.w&&(n-=356);t.css({left:n+"px",top:i+"px"});t.data("colorpicker").onShow.apply(this,[t.get(0)])!=!1&&t.show("fast");e(document).bind("mousedown",{cal:t},L);return!1},L=function(t){A(t.data.cal.get(0),t.target,t.data.cal.get(0))||(t.data.cal.data("colorpicker").onHide.apply(this,[t.data.cal.get(0)])!=!1&&t.data.cal.hide(),e(document).unbind("mousedown",L))},A=function(e,t,n){if(e==t)return!0;if(e.contains)return e.contains(t);if(e.compareDocumentPosition)return!!(e.compareDocumentPosition(t)&16);for(t=t.parentNode;t&&t!=n;){if(t==e)return!0;t=t.parentNode}return!1},O=function(e){return{h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}},M=function(e){e=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:e>>16,g:(e&65280)>>8,b:e&255}},_=function(e){var t={h:0,s:0,b:0},n=Math.max(e.r,e.g,e.b),r=n-Math.min(e.r,e.g,e.b);t.b=n;t.s=n!=0?255*r/n:0;t.h=t.s!=0?e.r==n?(e.g-e.b)/r:e.g==n?2+(e.b-e.r)/r:4+(e.r-e.g)/r:-1;t.h*=60;t.h<0&&(t.h+=360);t.s*=100/255;t.b*=100/255;return t},D=function(e){var t={},n=Math.round(e.h),r=Math.round(e.s*255/100),e=Math.round(e.b*255/100);if(r==0)t.r=t.g=t.b=e;else{var r=(255-r)*e/255,i=(e-r)*(n%60)/60;n==360&&(n=0);n<60?(t.r=e,t.b=r,t.g=r+i):n<120?(t.g=e,t.b=r,t.r=e-i):n<180?(t.g=e,t.r=r,t.b=r+i):n<240?(t.b=e,t.r=r,t.g=e-i):n<300?(t.b=e,t.g=r,t.r=r+i):n<360?(t.r=e,t.g=r,t.b=e-i):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}},P=function(t){var n=[t.r.toString(16),t.g.toString(16),t.b.toString(16)];e.each(n,function(e,t){t.length==1&&(n[e]="0"+t)});return n.join("")},H=function(){var t=e(this).parent(),n=t.data("colorpicker").origColor;t.data("colorpicker").color=n;r(n,t.get(0));s(n,t.get(0));i(n,t.get(0));o(n,t.get(0));u(n,t.get(0));f(n,t.get(0))};return{init:function(t){t=e.extend({},n,t||{});if(typeof t.color=="string")t.color=_(M(t.color));else if(t.color.r!=void 0&&t.color.g!=void 0&&t.color.b!=void 0)t.color=_(t.color);else if(t.color.h!=void 0&&t.color.s!=void 0&&t.color.b!=void 0)t.color=O(t.color);else return this;return this.each(function(){if(!e(this).data("colorpickerId")){var n=e.extend({},t);n.origColor=t.color;var m="collorpicker_"+parseInt(Math.random()*1e3);e(this).data("colorpickerId",m);m=e('<div class="sceditor-dropdown colorpicker '+n.skin+'"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id",m);n.flat?m.appendTo(this).show("fast"):m.appendTo(document.body);n.fields=m.find("input").bind("keyup",l).bind("change",h).bind("blur",p).bind("focus",d);m.find("span").bind("mousedown",v).end().find(">div.colorpicker_current_color").bind("click",H);n.selector=m.find("div.colorpicker_color").bind("mousedown",E);n.selectorIndic=n.selector.find("div div");n.el=this;n.hue=m.find("div.colorpicker_hue div");m.find("div.colorpicker_hue").bind("mousedown",y);n.newColor=m.find("div.colorpicker_new_color");n.currentColor=m.find("div.colorpicker_current_color");m.data("colorpicker",n);m.find("div.colorpicker_submit").bind("mouseenter",T).bind("mouseleave",N).bind("click",C);r(n.color,m.get(0));i(n.color,m.get(0));s(n.color,m.get(0));u(n.color,m.get(0));o(n.color,m.get(0));a(n.color,m.get(0));f(n.color,m.get(0));n.flat?m.css({position:"relative",display:"block"}):e(this).bind(n.eventName,k)}})},showPicker:function(){return this.each(function(){e(this).data("colorpickerId")&&k.apply(this)})},hidePicker:function(){return this.each(function(){e(this).data("colorpickerId")&&e("#"+e(this).data("colorpickerId")).hide()})},setColor:function(t){if(typeof t=="string")t=_(M(t));else if(t.r!=void 0&&t.g!=void 0&&t.b!=void 0)t=_(t);else if(t.h!=void 0&&t.s!=void 0&&t.b!=void 0)t=O(t);else return this;return this.each(function(){if(e(this).data("colorpickerId")){var n=e("#"+e(this).data("colorpickerId"));n.data("colorpicker").color=t;n.data("colorpicker").origColor=t;r(t,n.get(0));i(t,n.get(0));s(t,n.get(0));u(t,n.get(0));o(t,n.get(0));a(t,n.get(0));f(t,n.get(0))}})}}}();e.fn.extend({ColorPicker:t.init,ColorPickerHide:t.hidePicker,ColorPickerShow:t.showPicker,ColorPickerSetColor:t.setColor})}(jQuery),$('<a class="sceditor-button sceditor-button-paletaavanzada" unselectable="on" title="Paleta avanzada"><div unselectable="on" style="cursor: pointer !important; opacity: 1 !important; background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/color_10.png)"></div></a>').insertAfter(".sceditor-button-color").ColorPicker({color:my_getcookie("defColCP")?my_getcookie("defColCP"):"#000000",flat:false,skin:skin_color_picker,onSubmit:function(e,t,n,r){my_setcookie("defColCP",t,1,0);var i=$("#text_editor_textarea").sceditor("instance");i.inSourceMode()?i.insertText("[color=#"+t+"]","[/color]"):i.execCommand("forecolor",t);return!1}}))})});

Para más información sobre esta paleta puedes visitar la página de Foroactivo.

○ Widget con imagen y cuadro de texto dentro: Para editar tanto la imagen como el tamaño, entre otras cosas. Debes de hacerlo mediante el CSS. Lo encontrarás con este nombre: "/*Imagencontextodentro*/"

Código:

<div id="grancontenedor"><div class="mitexto"><div style="margin:auto;text-align:center;width:100%">Skin hecho por [url=http://www.oursourcecode.net/u2563]Jonsi[/url] de Oursourcecode.</div></div></div>

Sin más, muchísimas gracias por usar mi diseño ♥

RECOMENDACIONES
◘ Hay un código que puede arruinarte la vida(?), sin embargo puede que te guste como puede que no. El código tiene el siguiente nombre: "#i_whosonline + p em {". Si deseas puedes borrarlo o como gustes.
◘ Los títulos en las categorías deben ser pequeños, de lo contrario van a bajarse y se verán mal (A parte un título gran de en una categoría se ve antiestéctico).
◘ Si deseas que el menú se centre mucho más, puedes agregarme un: left: XXpx(obviamente las XX se cambian por el número que gustes. al siguiente cógido:

Código:

.navlinks{
position:absolute;
top: 380px;
text-transform: uppercase;
font: 10px calibri;
}

Atte: Jonsi ♥

Hace 4 años ITR abrió sus puertas para todo aquel rolero que quisiera hacer volar su imaginación bajo nuestra temática. Nos enorgullece tenerte aquí como usuario o invitado.

Instituto Takemori Rol [ITR] es un foro de rol libre basado en una escuela que acepta seres sobrenaturales y humanos para que estos interactuen y se vea así que la paz es posible. Sin embargo nada puede ser utópico. No exHace 4 años ITR abrió sus puertas para todo aquel rolero que quisiera hacer volar su imaginación bajo nuestra temática. Nos enorgullece tenerte aquí como usuario o invitado.

Instituto Takemori Rol [ITR] es un foro de rol libre basado en una escuela que acepta seres sobrenaturales y humanos para que estos interactuen y se vea así que la paz es posible. Sin embargo nada puede ser utópico. No exHace 4 años ITR abrió sus puertas para todo aquel rolero que quisiera hacer volar su imaginación bajo nuestra temática. Nos enorgullece tenerte aquí como usuario o invitado.

Ola ke ase escribió:Instituto Takemori Rol [ITR] es un foro de rol libre basado en una escuela que acepta seres sobrenaturales y humanos para que estos interactuen y se vea así que la paz es posible. Sin embargo nada puede ser utópico. No exHace 4 años ITR abrió sus puertas para todo aquel rolero que quisieraInstituto Takemori Rol [ITR] es un foro de rol libre basado en una escuela que acepta seres sobrenaturales y humanos para que estos interactuen y se vea así que la paz es posible. Sin embargo nada puede ser utópico. No exHace 4 años ITR abrió sus puertas para todo aquel rolero que quisiera hacer volar su imaginación bajo nuestra temática. Nos enorgullece tenerte aquí como usuario o invitado.
hacer volar su imaginación bajo nuestra temática. Nos enorgullece tenerte aquí como usuario o invitado.

Instituto Takemori Rol [ITR] es un foro de rol libre basado en una escuela que acepta seres sobrenaturales y humanos para que estos interactuen y se vea así que la paz es posible. Sin embargo nada puede ser utópico. No exHace 4 años ITR abrió sus puertas para todo aquel rolero que quisiera hacer volar su imaginación bajo nuestra temática. Nos enorgullece tenerte aquí como usuario o invitado.

Instituto Takemori Rol [ITR] es un foro de rol libre basado en una escuela que acepta seres sobrenaturales y humanos para que estos interactuen y se vea así que la paz es posible. Sin embargo nada puede ser utópico. No ex