Template Gótico

Template em 2 colunas com diversos hacks. Menu horizontal com efeito, slide na header e no footer, leia mais, título com efeito.

DEMO/PEGAR CÓDIGO

Para ativar o menu procure por este trecho e coloque os endereços nos locais conforme se pede.:


<div id='menu'>
<div class='navigation'>
 <ul class='menu' id='menu'>
    <li><span class='link0'/><a href='ENDEREÇO DO SEU BLOG'>Home</a></li>
    <li><span class='link1'/><a href='ENDEREÇO DO FACEBOOK'>Facebook</a></li>
    <li><span class='link2'/><a href='ENDEREÇO DO EMAIL'>Email</a></li>
    <li><span class='link3'/><a href='ENDEREÇO DO ORKUT'>Orkut</a></li>
    <li><span class='link4'/><a href='ENDEREÇO DO TWITTER'>Twitter</a></li>
    <li><span class='link5'/><a class='last' href='ENDEREÇO DO FEED'>Feed</a></li>
 </ul>
</div>
</div>


Para ativar o slide da header procure pelo seguinte trecho:


Em azul--------------endereço das imagens
Em verde------------Endereço do link dos títulos
Em laranja-----------O texto que irá aparecer no slide
Em vermelho----------Título do slide



<div class='cs_article'>
<a href='#link'>
<img alt='1' src='http://4.bp.blogspot.com/_fN8wBWylUn8/THsUTnUUrhI/AAAAAAAACSI/MD0q_NZAOU4/s1600/gothic-ballet-lovely-dance.jpg'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 1' target='_parent'>TITULO 1</a></h2>
<p>
ESCREVA AQUI O TEXTO 1
</p>
<a class='readmore' href='ENDEREÇO DO LINK 1'>Leia mais</a>
</div></div>
<!-- End cs_article -->
                  
<div class='cs_article'>
<a href='#link'>
<img alt='2' src='http://3.bp.blogspot.com/_fN8wBWylUn8/THsUIQDU8cI/AAAAAAAACRw/MyHLTTFDnyY/s320/097646-black-ink-grunge-stamp-textures-icon-social-media-logos-blogger-logo-square.png'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 2' target='_parent'>TITULO 2</a></h2>
<p>
ESCREVA AQUI O TEXTO 2
</p>
<a class='readmore' href='ENDEREÇO DO LINK 2'>Leia mais</a>
</div></div>
<!-- End cs_article -->

<div class='cs_article'>
<a href='#link'>
<img alt='3' src='http://2.bp.blogspot.com/_fN8wBWylUn8/THsSHLTkrLI/AAAAAAAACRo/znmgcqLiEp8/s1600/header.png'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 3' target='_parent'>TITULO 3</a></h2>
<p>
ESCREVA AQUI O TEXTO 3
</p>
<a class='readmore' href='ENDEREÇO DO LINK 3'>Leia mais</a>
</div></div>
<!-- End cs_article -->

<div class='cs_article'>
<a href='#link'>
<img alt='4' src='http://1.bp.blogspot.com/_fN8wBWylUn8/THsUPEezOfI/AAAAAAAACR4/IIF169uMmV8/s320/Gothic_Black_Rose_by_circle__of__fire.jpg'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 4' target='_parent'>TITULO 4</a></h2>
<p>
ESCREVA AQUI O TEXTO 4
</p>
<a class='readmore' href='ENDEREÇO DO LINK 4'>Leia mais</a>
</div></div>
<!-- End cs_article -->

<div class='cs_article'>
<a href='#link'>
<img alt='5' src='http://4.bp.blogspot.com/_fN8wBWylUn8/THsUd6CnxjI/AAAAAAAACSQ/rVk59fFDxs0/s1600/gothic-heart-black-love.jpg'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 5' target='_parent'>TITULO 5</a></h2>
<p>
ESCREVA AQUI O TEXTO 5
</p>
<a class='readmore' href='ENDEREÇO DO LINK 5'>Leia mais</a>
</div></div>
<!-- End cs_article -->                    

</div>
<!-- End cs_slider -->
</div>
</div>