Layout Free: Not Cute

Yo bunnies, primeiramente quero pedir mil desculpas por ficar tanto tempo sem postar. Fiquei de cama e nem entrar um pouquinho conseguia, mas já estou me sentindo bem melhor. Mas mudando um pouquinho de assunto havia dito que compensaria essa minha ausência, bem... não sei bem como fazer algo que possa alegrar a todos, então decidi trazer dois layout seguidos. Assim aproveitando para eliminar alguns layouts acumulados... acabei criando esse algumas dias atrás. Acho que alguns devem ter percebido que ultimamente tenho trabalhado com layouts sem muitos efeitos e poucos gadgets...a motivo disso e que estou tentando aprender como anexar tudo dentro do próprio layout sem vocês precisarem ficar arrumando tudo.

Minha intenção é facilitar instalação deles, mas esta um pouquinho difícil pós estou aprendendo com sites estrangeiros e nem sempre ensinam 100%, como nunca fiz um cursinho fico aprendendo na curiosidade. Mas estou muito feliz em faze-los e trazer para vocês, com esse layout completa 27 layouts já adicionados no blog (contando com os postados juntos).

Dei o nome dele de Not Cute, porque não sei se ele fico fofo ou não...  Podem mudar as cores e as imagens se desejarem, dessa vez estou disponibilizando junto o arquivo de ilustração de postagem em PSD. Espero que gostem, só peço para que não disponibilizem o efeito por ai, okay?

Regras de uso:

                - Não dizer que foi você que fez ou pegar partes do layout.
                - Proibido remover os créditos do rodapé, caso remova coloque em outro local "visível".

                - Pode modificar cores, acrescentar menus, mudar imagens como: slide, banner etc...

                - Nunca use como base, pós já tem disponível um layout base aqui no blog (x).

                - Não disponibilizar para download.

                - Se usar/baixar comente por favor.

                - Qualquer plagio encontrado em algum site/blog será alertado, caso não se resolva será   "denunciado".

 DEMO || DOWNLOAD ||  HTML

No Pack: Arquivo Template, banner PSD, wellcome PSD, avatares, ilustração PSD. 

Arrumando o layout:

Cabeçalho:

Para arrumar o cabeçalho é muito fácil, basta seguir corretamente como mostra o tutorial abaixo:

Copie o código abaixo, e cole no primeiro gadget que se encontra no topo do layout. Como indica na imagem acima (com o balão). E salve!

<div style="margin-top: -65px; position: absolute; right: -19px;"><br /><img src="http://static.tumblr.com/xpo2exu/bwdn24hwn/banner.png" /></div>

Imagem e texto do welcome:

<a href="SEU LINK AQUI" target="blank" title="Bem vindos"><img class="sugarblur" src="http://static.tumblr.com/xpo2exu/Mdgn1y0g7/1.png" /></a><br />

<div style="text-align: justify;">SEU TEXTO AQUI</div>

Menu expansivo dos afiliados:

<form><select onchange="window.open(this.options[this.selectedIndex].value)"style=" margin-top: 3px; width: 230px; height: 17px; text-align: center; color: #fff; font-family: Pf Arma Five; font-size: 8px; background: #e6bfba; border: 1px solid #e1bbb7; " name="links">
<option selected/>Meus Afiliados
<option style=" value="\" />Afiliado 1
<option style=" value="\" />Afiliado 2
</select></form>

Afiliados:

<a href="LINK AQUI" title="Nome"><img src="http://static.tumblr.com/xpo2exu/7TAn23c5j/afiliado.png" class="afiliados"/></a>

<a href="LINK AQUI" title="Nome"><img src="http://static.tumblr.com/xpo2exu/SXCn23c7h/afiliado2.png" class="afiliados"/></a>

I Am...

<a href="SEU LINK" target="blank" title="Bem vindos"><img class="sugarblur" src="http://static.tumblr.com/xpo2exu/RfJn1y0ld/2.png" /></a><br />
<div style="text-align: justify;">SEU TEXTO AQUI</div>

Menu do I Am...

<a href="/"><menu>Inicio</menu></a>
<a href="/"><menu>About</menu></a>
<a href="/"><menu>Credits</menu></a>
<a href="/"><menu>Tags</menu></a>
<a href="/"><menu>Outro</menu></a>
<a href="/"><menu>Outro</menu></a>

Pesquisa - Apenas colar não mudar nada:

<img src="http://static.tumblr.com/xpo2exu/u2tn23gf1/barra.png" /><br /><br />
<div style="position: absolute; margin-top: -18px; right: 0px;">
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='Ex: Filmes, Animes, livros...' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form></div>

 ~Banner em PNG~

Créditos ao KW pelo efeito Pisca logo porra. É isso espero que tenham gostado, em breve trarei outro layout. Kiss, kiss.