10 de mar. de 2013

Irei mudar o layout do blog! + Menu Rech


Boa tarde! :)

Bom gente, eu decidi mudar o layout do blog. Estou enjoando desse e acho que já está uma merda!!. Alguns elogiaram e sei que ficar trocando de layout toda hora é chato. Mas esse que vou fazer talvez hoje ou amanhã é para homenagear 1 ano do SA. Decidi mudar o nome também, pois acabei de descobrir e uma menina já me avisou que existe um blog já chamado Senhorita Adolescência. Mas saibam que não plagiei e nem inspirei nada de lá, aliás, nem sabia que ele existia.

 Então é isso! Divulgo a vocês, apenas o novo nome: Sky of Diamonds. Pra mim, já está definido e decidido. Agora, vou procurar se existe algum blog com esse nome, né?! Espero que apoiem a mudança daqui e acreditem, será muito diferente. O cabeçalho ficará em toda a largura do blog e as cores serão bem diferentes e claro terá a presença da cor azul ( Sky ) e talvez deixarei um lilás ou um rosa claro! Para não deixar o post só de aviso, trago um menu muito legal e simples chamado Menu Rech. Créditos ao blog/tumblr Single Themes!. Confira a preview aqui. Dá uma olhada no tutorial:



1 - Cole o seguinte código no seu CSS:

/*** MENU RECH POR 0LDFRIEND.TUMBLR.COM ***/
#nav{padding:20px;width:94px; margin-top:170px; line-height:120%; text-transform:uppercase; font-size:8px;font-family:'ronda'; float:left; position:fixed; text-align:center;  margin-left:120px; margin-bottom: 10px;}
#nav a{width:200px; padding:3px; background-color: #fff; line-height:110%;  color: #d8d44b; -webkit-transition-duration: 0.8s;}
#nav a:hover{width:200px; border-left: 3px solid #a6d19f; color: #e4333c; padding-right:40px; -webkit-transition-duration: 0.8s;}

( MODIFIQUE O NECESSÁRIO CORES, TAMANHOS, ETC... )


2 - Cole o seguinte código onde quer que apareça:



<div id="nav">
<a href="LINK" style="background-color: #fff;">Título</a><p>
<a href="LINK" style="background-color: #fff;">Título</a><p>
<a href="LINK" style="background-color: #fff;">Título</a><p>
<a href="LINK" style="background-color: #fff;">Título</a><p>
<a href="LINK" style="background-color: #fff;">Título</a><p>
</div>


Até mais, amores! *-*


4 comentários:

  1. Respostas
    1. Ele é ótimo mesmo! Que bom que tenha gostado! Use com créditos ao Single Themes! hehe'

      Beijoos ♥

      Excluir
  2. Onw que menu lindinhoo amei! ótimo tutorial
    Não vejo a hora de ver o novo layout do blog >.<~
    Em falar em novo layout, afiliada, nós do A.N estamos com um novo layout ;D

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. hahaha ele é lindinho mesmo!!
      O novo lay vai ficar muito divoo! Isso pode ter certeza! hehe'

      Ah eu vi mesmo, ficou maravilhoso!! Parabéns! :)

      Kissus <3

      Excluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!