12 de jan de 2013

Menu Express

Ohh It's wonderful place!!!

Boa tarde galera como vão? Como podem perceber eu ando postando como mais frequência aqui mas isso resulta em um problema vocês acabam não comentando nos posts e isso me deixa um pouco chateada pois eu gosto de retribuir e ler os comentários de vocês por isso eu quero que vocês comentem bastante ok, e também podem dar dicas para postagens aqui no blog como dicas de filmes, livros, moda, utilidades e muito mais! Então hoje eu trouxe um tutorial que é o Menu Express, este tutorial foi pedido na ask do blog que alias foi o primeiro pedido depois de um bom tempo, então se você quiser pedir algum tutorial ou utilitário peça na ask do blog porém não se esqueça de especificar/explicar o seu pedido se for um utilitário por exemplo: eu gostaria de 10 imagens de doces com pattern pixel e com borda roxa. Esse é apenas um exemplo para quando for pedir qualquer utilitário e também não vale apenas para utilitários como tutoriais também :), chega de blá blá blá e vamos direto ao tutorial.

Este menu é o mesmo que está no gadget "Welcome to my blog!!!" ali na barra lateral, este tutorial é do Kawaii World rodos os créditos são da Kaorii.

1º: Vá no seu HTML e procure por ]]> < / b:skin>, acima desta tag cole o seguinte código:


@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}

.express {
background-color: #CORDOFUNDO
color: #FFFFFF; 
display: block; 
width: LARGURADOMENUpx; 
height: 15px; 
line-height: 13px; font-family: handy; font-size: 8px; text-align: center; text-decoration: none; text-transform:uppercase; margin-right: 1px; margin-bottom: 1px; padding-top: 2px; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-transform: uppercase;}
.express:hover {opacity: 0.5; margin-left: -30px;}

E mude onde está em negrito, depois visualize e salve.

2º: Logo após adicione um gadget HTML/JavaScript e cole:



< center > < a href=" SEU LINK " class=" express "> Início < /a >
< a href=  " SEU LINK " class=" express "> About < /a >
< a href=  " SEU LINK " class=" express "> Goodies < /a >
< a href=  " SEU LINK " class=" express "> Tutoriais </ a >
< a href=" SEU LINK " class=" express "> Créditos < /a > < /center >

Depois troque o que está em negrito pelo seu link, fácil né.
É só isso por hoje, beijos e até segunda!!!


{Larissa C.R.}

10 comentários:

  1. Adorei demais esse menu, fica realmente lindo !

    Tá rolando um concurso lá no blog, participe !
    awy-alwayswithyou.blogspot.com.br/2013/01/meta-atingida-layout-free-concurso.html

    Beijoos ;

    ResponderExcluir
    Respostas
    1. Obrigada e eu vou participar sim do concurso!
      Kisses

      Excluir
  2. Adorei! #FuiEuQuePedi ('rsrs) Fica lindo demaiss!
    Amei seu blog demais !
    Beijsss, te espero lá no blog ...

    minhavidaforadeseerie | blogspot

    ResponderExcluir
    Respostas
    1. Obrigada por ter pedido :), fica lindo mesmo!
      Beijoos

      Excluir
  3. Fica liiindo \o/
    Adorei o layout novo, faz tempo que não venho aqui, apesar de não gostar de 1D e_e
    Garota do Olhar Sincero

    ResponderExcluir
  4. Legaal! Seu menu é lindo! Mas eu nao saberia fazer... hehehehe

    ResponderExcluir
    Respostas
    1. Obrigada mas o menu não é meu é da Kaorii só estou reblogando mas com certeza você vai conseguir é só tentar!
      Beijoss

      Excluir
  5. Uau, esse menu é muito legal *-* Salvei nos favoritos u-u HAHAHA
    Beijos, Nathália - Bedside book ♥

    ResponderExcluir
    Respostas
    1. Ah que bom que gostou e salvou nos favoritos tb hahahahahaha
      Beijoss flor

      Excluir

Olá amorinha blogueira! Como vai você?
Obrigada por comentar neste bloguito! Ah mas nós temos regrinhas viu ●ω●
- Não xingue ninguém;
- não copie o post;
- não comente no post antes de ler ou só comente "Que legal! Seguindo... segue de volta!", eu sigo mas não venha só comentar isso tá, quero saber a sua opinião amora;

É isso, sintam-se à vontade de falar mas sigam as regras :D
Beijos!

Expresse os seus sentimento!

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙