01 maio 2014

Menu Dotted

| |
Oi! Eu estou feliz hoje, finalmente tive um tempinho livre pra postar aqui, já que geralmente eu posto de 100 em 100 anos por causa das minhas provas (pra quem não sabe, esse bimestre eu tenho 4 provas por semana).

Mas vamos falar do post. Esse menu (x) é bem simples, bem simples mesmo. Eu o fiz há 15 minutos atrás e amei (pretendo usá-lo no próximo template), então quis postar aqui. Apesar de gostar do menu, me sinto decepcionada comigo mesma, pois eu costumava ser melhor. Se for comparar esse com o Up-Down, isso é lixo :'(

1 • Vá no HTML do seu blog, aperte F3 e procure por ]]>< . Acima dele cole o seguinte código:


@font-face { font-family: 'Code Bold'; src: url ('http://static.tumblr.com/zdvlqq9/iNbn4ww6u/code_bold.otf');}
.menu-bottom-isa {
background: none; /* Fundo (nenhum) */
padding: 1.2px;
word-spacing: 10px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;}
.menu-bottom-isa a {
border-bottom: 1px transparent dotted; /* Largura, cor e estilo da borda (não mude) */
background: none;
color: black; /* Cor da fonte */
font-family: 'Code Bold';
text-decoration: none;
font-size: 20px; /* Tamanho da fonte */
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;}
.menu-bottom-isa a:hover {
border-bottom: 1px black dotted; /* Largura, cor e estilo da borda hover*/
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
}

2 • Depois de salvar, vá em Layout • Adicionar Gadget • HTML/JavaSvript • cole: 

<div class="menu-bottom-isa">
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a>
<a href="LINK">NOME</a></div>
Mude o que foi pedido e salve o gadget.

◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘
Espero que tenham gostado. Como mudarei meu template em breve (e consequentemente as ilustrações), eu estou pensando em ensinar a fazer essas animações das minhas ilustrações. É bem fácil. O que acham disso? Também planejo em liberar dois templates free (um em PSD e outro não). Aguardem :*

9 comentários:

  1. Nossa Isa,4 provas por semana :c você deve se esforçar muito não é,que bom que está com um tempinho livre (ノ◕ヮ◕)ノ (ノ◕ω◕)ノ esse mês não tenho provas,as minhas já acabaram,mais boa sorte com as suas provas.Esse menu é muito fofo,as vezes procuro uns desses tipos <3 estou pensando em montar um layout,salvei em favoritos para mim usar bjks~~Things of Kawaii

    ResponderExcluir
  2. 4 provas por semana? O que? Senhor, tu é guerreira mesmo! UISHFUISDFH
    Em relação ao menu, é lindo! Falando nisso, você não gostaria de fazer um layout para o meu blog? Eu ia amar! E como não sei mexer em html, meu blog já está com um lay de um ano mais ou menos, e seus layouts são perfeitos... Se estiver disposta, fale comigo please! Beijão! Ah, e sua caixa de seguidores não está aparecendo pra mim :v
    coff-cake.blogspot.com

    ResponderExcluir
  3. Provas sempre tiram o nosso tempo ¬¬' é muito chato.
    O menu é bem simples mas é a coisa mais linda, omg amei <3

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
  4. Fica lindo resultado

    http://b-maluco.tk/

    ResponderExcluir
  5. oi linda!
    o seu blog é super kawaii <3
    Poderia fazer um pack de texturas ou sei lá tipo com aqueles serrilhados e mini quadradinhos?Você usou alguns nas imagens dos post!
    E se poder passa o link do seu PS?

    ResponderExcluir
    Respostas
    1. Primeiramente, obrigada pelo elogio, significa muito pra mim.
      Esses "quadradinhos" se chamam patterns/pixels e são apenas para PhotoShop. Infelizmente, eu não tenho mais os patterns que eu costumava usar...

      Mas aqui tem um link de outros patterns parecidos que talvez você possa gostar >> sistaroundpsds.tumblr.com/post/70810928407/pixels-patterns-pack-pat-by-sistaroundpsds

      Excluir
    2. Hey, vai no ilovebanner.tumblr.com/tagged/download lá tem vários PS versão portable e extended

      Excluir
  6. Olá! Amei esse menu ♥ estava mesmo procurando um!
    Enfim, Isa, tenho uma dúvida, posso acrescentar algo no menu e depois postar o tutorial no meu blog? Obviamente vou creditar!!

    ResponderExcluir
    Respostas
    1. No caso desse menu, eu deixo, pois credito que esse menu é um lixo. Nem sei como tive coragem de postar isso! (Pronto, falei) Não tenho nada contra você colocar algo a mais nele, desde que dê credito, é claro.

      Excluir

« »