02 fevereiro 2014

Sobre o Layout


TODOS OS CÓDIGOS DESTA PÁGINA SÃO ADICIONADOS NO HTML JAVA SCRIPT, EXCETO O DE MUDAR O BANNER!


Efeito Flash dos Afiliados no banner do blog:
<a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="ikasama" /></a>

Menu
<div style="position: absolute; margin-top: -180px; left: 310px;">
<center><span style='-moz-border-radius: 7px; background-color:#SUACOR; color: #a6b5c1;  text-shadow: 1px 1px 0px  #fff; padding: 5px 15px 5px 15px;'><a href="LINK1">HOME</a></span>
<span style='-moz-border-radius: 7px; background-color:#SUACOR; color: #a6b5c1;  text-shadow: 1px 1px 0px  #fff; padding: 5px 15px 5px 15px;'><a href="LINK1">TUTORIAIS</a></span>
<span style='-moz-border-radius: 7px; background-color:#SUACOR; color: #a6b5c1;  text-shadow: 1px 1px 0px  #fff; padding: 5px 15px 5px 15px;'><a href="LINK1">MATERIAIS</a></span>
<span style='-moz-border-radius: 7px; background-color:#SUACOR; color: #a6b5c1;  text-shadow: 1px 1px 0px  #fff; padding: 5px 15px 5px 15px;'><a href="LINK1">THEMES</a></span>
<span style='-moz-border-radius: 7px; background-color:#SUACOR; color: #a6b5c1;  text-shadow: 1px 1px 0px  #fff; padding: 5px 15px 5px 15px;'><a href="LINK1">ASK</a></span>
<span style='-moz-border-radius: 7px; background-color:#SUACOR; color: #a6b5c1;  text-shadow: 1px 1px 0px  #fff; padding: 5px 15px 5px 15px;'><a href="LINK1">...</a></span>
</center></div>

Menu de Tags
<center>
<div class="direita">
<a href="link" id="menutags2">Tutoriais</a>
<a href="link" id="menutags2">Photoshop</a>
<a href="link" id="menutags2">Resources</a>
</div>
<div class="esquerda">
<a href="link" id="menutags2">Filme</a>
<a href="link" id="menutags2">Música</a>
<a href="link" id="menutags2">Moda</a>
</div>
</center>

Mudar o Banner
-Vá no HTML e pesquise por http://i.imgur.com/wugDcWy.png e troque pela url do seu banner!

Faixa da Sidebar
Coloque pelo gadget HTML Java Script
<div style="position: absolute; margin-top: 5px; left: 12px;"><img src="URL DA FAIXA"/></div>
<br />
<br />
<br />
<br />

BAIXE O LAYOUT,BANNER E FAIXINHA EM PSD 

2 comentários: