30 de jul. de 2012

Skin Simples de Mangá

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 MANGÁ - J10 // DESIGN ON SPACE
---------------------------------------------------------- */
#corpo{width:500px;height:198px;background:url(http://i45.tinypic.com/2hxsp4o.png) no-repeat;}
#imagem img{ position:absolute; margin-top:38px;margin-left:15px;width:468px; height:117px;border-radius:18px;}
#titulomanga{float:right;padding-top:10px;padding-right:20px;font-size:14px;font-family:"impact", Gadget, sans-serif;color:#fff;text-transform:uppercase;letter-spacing:0.12em; text-shadow: 1px 1px 1px #000;}
#download{ position:absolute; margin-top:160px;}

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="corpo">
<div id="titulomanga">Título do Mangá Aqui!</div>
<div id="imagem"><img src="IMAGEM DO ANIME - MANGÁ AQUI" /></div>
<div id="download"><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjCQoYrFbg0_HuicF9vdGsPrN84ej3qZrbTcKqi4XhFDCt8LMOk_ElZV6pJxps7IxwZLVQ_yLVpxWF0MYKuqhCkWB06j_fP66SihApYHwQeKSnxLrdXyII91_HjvJYns2GIQOI7Cg0zuLd/s320/down.png" /></a></div>
</div>


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