Layout Free: Beck G

Yo pessoal como vão? Ohh eu vou mui feliz finalmente o blog atingiu a meta de 850 seguidores!!!!!! Wheeeeeee... A parte ruim é que perdi uma aposta, eu disse que conseguiria 850 ate o mês de Julho e meu amigo escolheu Maio... Mas indo ao assunto principal, eu ia fazer um layout free em comemoração, mas então tive a ideia de postar logo todos os que já tenho guardado ate aqueles que nunca usei, como também os que já usei. Então essa semana vão ver já uns 12 templates novos aqui. E para hoje já trago um esse fiz esses dias é um pouco diferentes dos que costumo fazer.

O tema que eu usei foi da cantora Beck G, não sei se vão gostar, mas deixem sua opinião mesmo assim. Também fiz o layout em duas cores diferentes V1 e V2, são a mesma coisa só muda a cor, dentro do pacote adicionei algumas coisinhas. Então vamos dar uma olhadinha?

 Beck G V1

DEMO || DOWNLOAD

Beck G V2

DEMO || DOWNLOAD

Ambos layouts possui a mesmas coisas só as cores e favicon diferente. No pacote se encontra o PSD do cabeçalho e do slide como as fontes usadas para fazer o cabeçalho, basta estalar as fontes para fazer modificações cabeçalho. Como sempre digo podem fazer modificações mas nao pode remover os créditos, peço que deem uma olhadinha no gadget Créditos+ que deixei no layout demo, lá esta todos os sites que usei para personalizar o template.

Regras:

-Não remover os créditos

-Não disponibilizar para download

-Não falar que foi você que fez

-Se for usar o layout, comente

-Pode fazer pequenas modificações, mas não remova os créditos

Arrumando o Layout:

~Cabeçalho~

Eu já o deixei todo arrumado por dentro, apenas para adicionarem os gadget. Mas para o cabeçalho aparecer é necessário adicionarem os códigos na gadget, qual irei mostrar abaixo:

Copie todo código a baixo e cole ele dentro da gadget, arrume os links do menu e das tops postagens, mas cuidado para não mexer na posição e trocar tudo de lugar.

<div id='topo'> </div> <div style="position: absolute; margin-top: -407px; left: 526px;"> <div id="w2bSlideContainer"> <div id="w2bNivoSlider"> <a href="LINK_DO_SLIDE_1"><img src="http://static.tumblr.com/zwx9bqk/H98mmo7ig/1.png" /></a> <a href="LINK_DO_SLIDE_2"><img src="http://static.tumblr.com/zwx9bqk/ywJmmo832/2.png"/></a> <a href="LINK_DO_SLIDE_3"><img src="http://static.tumblr.com/zwx9bqk/PQlmmo84j/3.png" /></a> <a href="LINK_DO_SLIDE_4"><img src="http://static.tumblr.com/zwx9bqk/LBMmmo85y/4.png"/></a> </div> </div> </div> <div style="position: absolute; margin-top: -104px; left: 553px;"> <div class="Hide"> <a href="www.seublog.com.br">Extra</a></div> </div> <div style="position: absolute; margin-top: -104px; left: 460px;"> <div class="Hide"> <a href="www.seublog.com.br">About</a></div> </div> <div style="position: absolute; margin-top: -104px; left: 379px;"> <div class="Hide"> <a href="www.seublog.com.br">4You</a></div> </div> <div style="position: absolute; margin-top: -104px; left: 287px;"> <div class="Hide"> <a href="www.seublog.com.br">Home</a></div> </div> <div style="position: absolute; margin-top: -348px; left: 298px;"> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> <div class="wish"> Nome da postagem...</div> </div>

Codificação:

Cabeçalho: <div id='topo'></div>
Slide: <div id="w2bSlideContainer"> [...mais codigos]
Menu Principal: <div class="Hide"> <a href=" [...mais codigos]
Top Postagens: <div class="wish"> [...mais codigos]

Cabeçalho em PNG:  [1].[2].

Cabeçalho em PNG:  [1].[2].

Wellcome:

<img src="http://static.tumblr.com/zwx9bqk/Xe0mmpzpl/wellcome.png" class="imagem" align="left"/>
Yo, aqui vocês colocam um pouco sobre seu blog ou você. Tipo Bem vindos
ao <b>BG</b>, aqui você encontra <i>tutoriais</i>, <b>música</b>, <u>vídeos</u> e muito mais. Fiquem
 vontade e não esqueçam de comentar bye bye

Divulgando:

<a href="http://link/" target="_blank"><img src="http://static.tumblr.com/zwx9bqk/3m8mmqkcz/tumblr_me06ejbyet1qifvxi.png" class="flower" height="90" width="90" />
</a><a href="http://link/" target="_blank"><img src="http://static.tumblr.com/zwx9bqk/lq0mmqkv4/tumblr_me06fg1z0u1qifvxi.png" class="flower" height="90" width="90" /></a>

Afiliados+:

<div class="dropdown" id="dropdown">
<input type="checkbox" id="drop" />
<label for="drop" class="dropdown_button">Afiliados<span class="arrow"></span></label>
<ul class="dropdown_content">
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
</ul></div>

<div class="dropdown" id="dropdown">
<input type="checkbox" id="drop1" />
<label for="drop1" class="dropdown_button">Blog que admiramos<span class="arrow"></span></label>
<ul class="dropdown_content">
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
<div class="wishlist1"><a href="URL">Nome</a></div>
</ul></div>

Para quem a não conhece ela canto um dos temas do filme "Hotel Transylvania", eu amei música, quando vi o filme e já sai caçando desde então me viciei, fazer o que gosto de batidas. Mas se quiser dar uma ouvida vou deixar o video no final da postagem. Bem é isso espero que vocês gostem, não fico perfeitinho mas acho que da para o gasto! Não esqueçam de dizer o que acharam sua opinião é muito importante ate mesmo a de quem não usam layout free. Bom ate a próxima pessoal é um ótimo domingo para todos vocês.