25 de ago. de 2012

Skin de Mangá - NARUTO

Hoje trago-lhes uma skin que eu fiz com o tema para naruto, minha primeira skin aqui na DOS, espero fazer mais skin's, o previw abaixo e em seguida uma demonstração:
Demonstração

Primeiramente baixe os arquivos (PSD e HTML)

Download

Para instalar a skin basta seguir os seguintes passos:

1º - Vá em Design >> Editar HTML >>, procure pela seguinte tag de CSS:
]]></b:skin>
Logo acima dela adicione o seguinte css:

.back {
background: url(http://i50.tinypic.com/2m5l6xk.png) no-repeat;
width: 496px;
height: 282px;
}
#titulo {
width: auto;
height: 33px;
float: left;
margin-top: 35px;
margin-left: 15px;
font-family: impact;
font-size: 24px;
color: #131313;
}
#informações {
float: left;
margin-top: 70px;
margin-left: -142px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #fff;
text-shadow: #000 0px 1px 2px;
}
.down {
float: left;
margin:230px 0px 0px -186px;
font-family:arial;
font-weight:normal;
font-size:15px;
color:#131313;
}
.down a{
font-family:arial;
font-weight:normal;
font-size:15px;
color:#fff !important;
background: #131313;
border-radius: 5px;
padding:4px;
text-shadow: #272727 0px 1px 0px;
text-decoration: none;
}
.down a:hover{
font-family:arial;
font-weight:normal;
font-size:15px;
color:#bfbfbf !important;
padding:4px;
background: #272727;
border-radius: 5px;
cursor:pointer;
text-shadow: #333 0px 1px 0px;
text-decoration: none;
}

2º - DIV's de chamamento
Agora basta ir na edição de postagens e adicionar o seguinte html:

<div class="back">
<div id="titulo">
Capitulo #530
</div>

<div id="informações">
Titulo: As tranças do rei careca<br />
Capitulo: 530<br />
Uploader: Schiffer<br />
Tramanho: 25MB<br />
Servidores: MediaFire | Uploader<br />
</div>

<div class='down'>
<a href='#'>Opção 1</a>
<a href='#'>Opção 2</a>
</div>
</div>

Agora é só editar as informações do capitulo e colocar os links.

Proto galera é isso ai espero que vocês tenham gostado, ate a próxima.