• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

29 de maio de 2015

Menu Shade

Olá amigos,
Como vão vocês, tudo firmeza? Eu vou beleza na represa comendo framboesa - Amo rimar. Até porque os amigos me fizeram melhor hoje, é incrível como pequenas coisas elevam nosso auto estima, mas assim como pequenas coisas elevam, pequenas coisas abaixam, então é bom eu aproveitar enquanto ela está em alto.

Um dos trabalhos que terei de fazer, será um de física, é de história em quadrinhos e quase surtei pois logo assim que a professora passou o assunto do trabalho, já me veio a ideia do tema e de todo o contexto, só falta colocá-lo em prática no papel, e tã-dã: Vai ser do Hora de Aventura.

Queria trazer uma novidade bem marota para vocês Choco Leitores, como agradecimento aos 1800 são mais do que isso, mas a meta é essa irei trazer um layout free, faz tempo que não trago eles e espero que gostem, só que ainda estou trabalhando nele, embora esteja quase acabado já. Mas agora indo para o assunto do post; como puderam ler no título, o tutorial é de um menu, vamos lá. Créditos ao LH.

Visualize {}

Cole o seguinte código, acima de ]]></b:skin>:
.menu {margin-top:52px;margin-left:-78px;color:#aaa;width:140px;}.menu a {color:#aaa;font-family:'candara';font-size: 10px;letter-spacing:1px;padding:3px;border: 1px solid #eee;font-style:italic;display: inline-block;float: left;width:110px;margin-bottom: 2px;text-align:center;}.menu a:hover {color:#000;}
Legenda:
  • margin-top: Código para subir ou descer o menu. Se quiser subir acrescente um "-" na frente do número;
  • margin-left: Código para colocar seu menu para o lado esquerdo ou direito; - left: esquerda | right: direita 
  • color: Mude para a cor em código HTML de sua preferência;
  • border: 1px solid #eee:  Esse código faz a borda em volta do menu;
  • .menu a:hover {color:#000;}: Quando o menu fica hover, você pode tirar essa opção se quiser;
  • font-family:'candara';font-size: 10px;letter-spacing:1px: essa parte é a configuração da fonte do menu . Letter-spacing é a quantidade de espaço que existe entre cada palavra no menu;
  • font-style:italic: Significa que a fonte está em itálico, se quiser mudar para negrito troque italic por bold ou tire essa opção se quiser a fonte normal;
  • width: O tamanho do menu, sempre que alterar um 'width' mude o outro também para não ficar desproporcional.

Para adicionar o menu onde queira, cole o código abaixo em um gadget HTML/JavaScript:

<div class="menu">
<a href="{text:Link1}">{text:Link1 title}</a>
<a href="{text:Link2}">{text:Link2 title}</a>
<a href="{text:Link3}">{text:Link3 title}</a>
<a href="{text:Link4}">{text:Link4 title}</a></div>


Supimpa o menu, não? É o que tem pra hoje gente boa!!! Haha' boa noite & Rockisses.
♡ Indecisiveness ♡ | via Tumblr♡ Indecisiveness ♡ | via Tumblr♡ Indecisiveness ♡ | via Tumblr


21 comentários:

  1. Acho que eu sou a única pessoa no mundo que não gosta de Hora de Aventura .-.
    Fazia tempo que você não postava né? Pelo menos eu senti falta!
    Eu amo esses menus bem simples, porém nunca usei rsrs'
    Emfim adorei o menu.
    || D I A M O N D S ON G A L A X Y ||

    ResponderExcluir
    Respostas
    1. Você já assistiu? Pois é mesmo muito maroto 8)
      É psé, faz mó tempão que não postava mas a Hannah G3 está ainda mais tempo UHASU'

      Excluir
  2. Que venham mais 1800 seguidores :3
    Nossa, poste logo ^^
    menu muito simples de colocar e muito bonito, fica muito bom em todo tipo de layout
    Cara Diva como sempre <33
    Beijos | Meninas na Web

    ResponderExcluir
  3. Oi, adorei o post >3<

    Queria passar meu novo blog, ok. Já sigo por aqui <3
    www.its-sucker.blogspot.com.br/

    ResponderExcluir
  4. Olá, Megan! Eu estou tranquilo no mamilo, obrigada por perguntar q. Parabéns por ter atingido a meta de 1800 seguidores, vocês merecem isso e muito mais sz. Estou ansiosa para ver o layout free, garanto que está lindo, como todos os outros! Que menu maravilhoso, com certeza vou usar em um próximo layout, porque era exatamente o que eu estava procurando.

    s-ymptoms.blogspot.com.br

    ResponderExcluir
    Respostas
    1. <333333333 Valeu linda KKKK' sua rima foi igual a uma do meu amigo TuT

      Excluir
  5. Hello Megan <333
    Tudo bem? Eu detesto rimar '-', estou ótima ^^
    Ai mds, depois publique melhor sobre esse trabalho *u*
    Hmm, com certeza vou indicar a minha amiga seu layout free, e parabéns pelos 1800!
    Bom, vou fazer um layout free e adivinha: vou catar um monte de tutoriais daqui ^^ Claro que vou creditar, e acho que vou usar esse também, salvei nos favoritos...
    Acho que nunca tinha comentado aqui, e esqueci até mesmo de seguir '-' todos riem da Yuni, Yuni burra e.e
    Bom, Megan, era só isso Kisses
    ps.: talvez vá rejeitar pelo fato de que eu surgi do nada, mas gostaria de fazer afiliação, é a minha última vaga e adoraria que ela fosse ocupada por ti sabia? ^^ Se puder visitar meu blog eu agradeço, kisses ^^
    < a href="http://cute-universe.blogspot.com"> ♥ Cute Universe ♥/a>

    ResponderExcluir
  6. lindinho ^_^

    http://nakahouse.blogspot.com.br/

    ResponderExcluir
  7. Ain esse menu é muito cute!!! :3 estou fazendo um novo layout e vou pegar alguns tutoriais daqui!!!!! inclusive esse menu! :::::333333
    Amor troca a url do pandas bright por essa aqui ok? • P a n d a s Bright • bye

    ResponderExcluir
  8. Que rima em? ahsuha
    Esse menu é lindo demais!

    Beijos, Megan

    http://designer-lovers.blogspot.com.br/

    ResponderExcluir
  9. seus tutoriais tao me ajudando a tornar meu blog um pouco mais amável. Obrigada <3
    E fico feliz que tenha gostado do meu espacinho. Volte mais vezes!

    | Promoção de um ano de A Bela, não a Fera |
    | FB Page A Bela, não a Fera|

    ResponderExcluir
  10. Olá! Tudo firmeza, sim. ^-^ Caramba, eu estava com saudades desse blog. ♥ Que bom que está bem, espero que isso não mude.
    Puts que legal! Eu amo desenhar, mas me faltam atividades como essa em minha escola, lá eles trabalham mais com seminários mesmo. -.-'
    Meu Deus, um lay free?! Feito por você? Já estou no chão imaginando a perfeição. *w*
    Que menu mais fofo. Amo coisas simples e delicadas, embora não combinem comigo, haha!
    Cara, linda! <3

    Carinhosamente, Jheni. * e m p i r e k a w a i i & q u i n z e o u t o n o s *

    ResponderExcluir
  11. width é para o tamanho horizontal
    height para o tamanho vertical

    (faltou especificar isso)

    ResponderExcluir