12 de jul. de 2012

Skin Episódios 3 Opções Simples

Olá pessoal estou trazendo a primeira skin dessa nova fase da DOS e espero que gostem dela!

Imagem Ilustrativa:


Demostração Download PSD + IMGS.PNG


Instalação:
Para instalar essa skin vá em "Design" >> "Editar Html" e procure por:

]]></b:skin>
Logo acima coloque o código abaixo:

/* SKIN EPIS 3 OPÇÕES - J10 D.O.S
---------------------------------------------------------- */
#bggeral{width:450px;height:133px;margin:0 auto;}
#bg1{background:url(http://i50.tinypic.com/iyjtds.png);
float:left;width:203px;height:133px;}
#bg2{background:url(http://i50.tinypic.com/f9kq1.png);
width:247px;height:133px;float:right;}
#bg3{background:url(http://i50.tinypic.com/kbc2t3.png);width:430px;height:47px;margin:0 auto;padding-top:20px;padding-left:20px;}
#img{width:166px;height:89px;margin-top:20px;margin-left:26px;border-radius:10px;border:1px solid #283342;}
#titulo{color:#fff;margin-left:19px;margin-top:15px;font-family:"Arial Black", Gadget, sans-serif;font-size:14px;font-style:italic;text-shadow:0 0 6px #91a9cb;}
#texto{color:#fff;margin-left:5px;margin-top:17px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;line-height:1.4;}
.botao{color:#fff;margin-left:19px;margin-top:15px;font-family:"Arial Black", Gadget, sans-serif;font-size:14px;border-radius:10px; background:#4b5563; padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;text-decoration:none;text-transform:uppercase;}
.botao:hover{background:#5d728f;-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transition: all 0.5s ease;text-shadow:0 0 6px #2e3949;}

Logo após ter feito isso, salve!

Inserindo a Skin na Postagem:
Antes de mostrar como inserir, é bom lembrar que a skin deve somente ser editada pela aba "Editar Html" na postagem e nunca pela aba "Escrever", nunca altere a ordem das divs.

Código para Postar:
<div id="bggeral">
<div id="bg1">
<img id="img" src="URL DA IMAGEM AQUI"/></div>
<div id="bg2">
<div id="titulo"># NÚMERO DO EPISÓDIO AQUI</div>
<div id="texto">
Nome: ??
Fansub: ??
Tamanho: ??
Uploader: ??
</div>
</div>
</div>
<div id="bg3">
<a class="botao" href="DOWN 1">Opção 1</a> <a class="botao" href="DOWN 2">Opção 2</a> <a class="botao" href="DOWN 3">Opção 3</a></div>


É isso pessoal espero que a skin seja últil a vocês!
Qualquer dúvida deixe um comentário.