HOME | DD

Description
En este tutorial se explica de una manera muy sencilla como hacer un Journal Skin propio. Yo aprendi averiguando para que era cada cosa y busque los códigos adicionales para darle mas estilo.

Aquí les dejo los códigos presentados en este tutorial para que los modifiquen como se indica y hagan su Skin propio:

En el cuadro CSS:

}
a: link{cursor:url("URL SKIN POINTER AQUI"), pointer;}
a: hover{cursor:url("URL SKIN POINTER AQUI"), pointer;}
body{cursor:url("URL SKIN POINTER AQUI"), pointer;}

.journalbox
{
max-width: 700px;
color: white;
background: url( URL BACKGROUND AQUI);
padding-top: 0px;
border: 5px double white;
margin-right: 3px;

}

.journaltop {
height: 327px;
_height: 700px;
background: url(URL SKIN HEADER AQUI);
background-repeat: no-repeat;
color: white;
font-family: 'Verdana';
font-size: 20px;
text-align: left;
letter-spacing: 1px;
_margin-bottom: 50px;
padding: 65px 10px 10px 0px;

}

.journaltop h2
{
color:white;
font-family: 'Verdana';
font-size: 50px;
font-weight: lighter;
text-align: left;
letter-spacing: 2px;
margin: 90px 0px 0px 0px;
}

.journaltop img
{
display: none;
}

.journaltext
{

color: white;
font-family: 'Verdana';
font-size: 14px;
text-align: center;
letter-spacing: auto;
padding: 20px 20px 20px 20px;

}

.title
{
text-align: left;
font-family: Arial, Helvetica, Trebuchet MS, Verdana;
font-size: 18px;
font-weight: lighter;
color: #ffffff;
letter-spacing: 1px;
background: url(URL SKIN TITLES AQUI) no-repeat center left;
height: 61px;
padding: 0px 0px 0px 80px;
line-height: 61px;
margin: 10px 0;
}

.boxy {
background:url(URL SKIN SCROLLBOX AQUI) top left no-repeat #b6cdec;
color:white;
padding:10px 10px 100px;
border:2px white solid;
margin-left:-6px;
}

.journalbottom
{
color: white;
font-family: Verdana;
font-size: 20px;
text-align: center;
padding: 20px 0px 10px 0px;
background: url(URL SKIN FOOTER AQUI)
center;
height: 36px;
_height: 880px;

}
.journalbottom a:link
{
color: white;
text-decoration: none;
}
.journalbottom a:active
{
color: white;
text-decoration: none;
}
.journalbottom a:active
{
color: white;
text-decoration: none;
}
.journalbottom a:visited
{
color: white;
text-decoration: none;
}

.list
{
color: white;
text-align: right;
margin: 10px 0px 0px 0px;
padding: 0px 8px 15px 0px;
font-family: Verdana;
font-size: 11px;
}
.list .a
{
background: none;
}
.list strong
{
color: red;
font-weight: bolder;
}
.list li
{
padding: 2px;
}

En el contenido de tu entrada de Journal

TU TITULO AQUI<*/div>
TU TEXTO AQUI<*/div>

(Quiten los astericos cuando lo copien en su entrada de Journal)

Espero que les sirva este tutorial. Si tienen alguna duda con respecto a alguno de estos códigos pueden preguntarme

Este tutorial será aportado al grupo . Cualquier duda que tengan con respecto a DA pueden pasar por este grupo y preguntar.

Plantilla para Tutoriales V2 (c) by
Tutorial(c) by me

Description
En este tutorial se explica de una manera muy sencilla como hacer un Journal Skin propio. Yo aprendi averiguando para que era cada cosa y busque los códigos adicionales para darle mas estilo.

Aquí les dejo los códigos presentados en este tutorial para que los modifiquen como se indica y hagan su Skin propio:

En el cuadro CSS:

}
a: link{cursor:url("URL SKIN POINTER AQUI"), pointer;}
a: hover{cursor:url("URL SKIN POINTER AQUI"), pointer;}
body{cursor:url("URL SKIN POINTER AQUI"), pointer;}

.journalbox
{
max-width: 700px;
color: white;
background: url( URL BACKGROUND AQUI);
padding-top: 0px;
border: 5px double white;
margin-right: 3px;

}

.journaltop {
height: 327px;
_height: 700px;
background: url(URL SKIN HEADER AQUI);
background-repeat: no-repeat;
color: white;
font-family: 'Verdana';
font-size: 20px;
text-align: left;
letter-spacing: 1px;
_margin-bottom: 50px;
padding: 65px 10px 10px 0px;

}

.journaltop h2
{
color:white;
font-family: 'Verdana';
font-size: 50px;
font-weight: lighter;
text-align: left;
letter-spacing: 2px;
margin: 90px 0px 0px 0px;
}

.journaltop img
{
display: none;
}

.journaltext
{

color: white;
font-family: 'Verdana';
font-size: 14px;
text-align: center;
letter-spacing: auto;
padding: 20px 20px 20px 20px;

}

.title
{
text-align: left;
font-family: Arial, Helvetica, Trebuchet MS, Verdana;
font-size: 18px;
font-weight: lighter;
color: #ffffff;
letter-spacing: 1px;
background: url(URL SKIN TITLES AQUI) no-repeat center left;
height: 61px;
padding: 0px 0px 0px 80px;
line-height: 61px;
margin: 10px 0;
}

.boxy {
background:url(URL SKIN SCROLLBOX AQUI) top left no-repeat #b6cdec;
color:white;
padding:10px 10px 100px;
border:2px white solid;
margin-left:-6px;
}

.journalbottom
{
color: white;
font-family: Verdana;
font-size: 20px;
text-align: center;
padding: 20px 0px 10px 0px;
background: url(URL SKIN FOOTER AQUI)
center;
height: 36px;
_height: 880px;

}
.journalbottom a:link
{
color: white;
text-decoration: none;
}
.journalbottom a:active
{
color: white;
text-decoration: none;
}
.journalbottom a:active
{
color: white;
text-decoration: none;
}
.journalbottom a:visited
{
color: white;
text-decoration: none;
}

.list
{
color: white;
text-align: right;
margin: 10px 0px 0px 0px;
padding: 0px 8px 15px 0px;
font-family: Verdana;
font-size: 11px;
}
.list .a
{
background: none;
}
.list strong
{
color: red;
font-weight: bolder;
}
.list li
{
padding: 2px;
}

En el contenido de tu entrada de Journal

TU TITULO AQUI<*/div>
TU TEXTO AQUI<*/div>

(Quiten los astericos cuando lo copien en su entrada de Journal)

Espero que les sirva este tutorial. Si tienen alguna duda con respecto a alguno de estos códigos pueden preguntarme

Este tutorial será aportado al grupo . Cualquier duda que tengan con respecto a DA pueden pasar por este grupo y preguntar.

Plantilla para Tutoriales V2 (c) by
Tutorial(c) by me