04 abril 2014

Menu Border Bottom

| |
Oi, gente :) • Sinceramente, eu não sei como escrever isso... a única coisa que eu sei é que estou de volta depois de quase dois meses. Bem, eu espero que tenham gostado do novo template do blog. Eu ia colocar outro que, na minha opinião, estava mais bonitinho (esse aqui <3), mas como eu sou "muito inteligente", eu esqueci de fazer cálculos e acabei não podendo usa-lo. Vou coloca-lo pra vocês baixarem ele depois...

O menu (◘) é pequeno. O tipo pra colocar redes sociais e tals... Fica melhor na sidebar, mas podem usar em qualquer lugar...



É bem simples, confiem em mim, apenas precisam de um pouco de atenção na hora de editar o que é pedido.
.menu-border-bottom-isa {
width: 210px; /* Tamanho do menu */
background: #9cb584; /* Cor do fundo */
padding: 0px;
text-align: center;
padding-bottom: 3px;
border-radius: 5px; /* Bordas arredondadas */
}
.menu-border-bottom-isa a {
color: white; /* Cor do texto */
font-family: arma five; /* Fonte */
font-size: 8px; /* Tamanho da fonte */
text-decoration: none;
text-shadow: 1px 2px 0px #85a169; /* Cor da sombra */
padding-bottom: 6px;
padding-top: 6px;
padding-left: 3px;
padding-right: 3px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;}
.menu-border-bottom-isa a:hover {
text-shadow: 1px 2px 0px #85a169; /* Cor da sombra hover */
-moz-box-shadow:inset 0px -3px 0px #daceb0; /* Cor da borda */
-webkit-box-shadow:inset 0px -3px 0px #daceb0; /* Cor da borda */
-o-box-shadow:inset 0px -3px 0px #daceb0; /* Cor da borda */
-ie-box-shadow:inset 0px -3px 0px #daceb0; /* Cor da borda */
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;}
symbol {
color: white;
text-shadow: 1px 2px 0px #85a169; /* Sombra do símbolo */
font-family: arma five; /* Fonte do símbolo */
font-size: 8px; /* Tamanho do símbolo */
padding:3px;}

Depois de editar, visualize e salve. Vá em Layout ○ Adicionar Gadgets ○ HTML/JavaScript e cole:
<div class='menu-border-bottom-isa'>
<a href='/' title='TOOLTIP'>Nome</a></li><symbol>♥</symbol>
<a href='/' title='TOOLTIP'>Nome</a></li><symbol>♥</symbol>
<a href='/' title='TOOLTIP'>Nome</a></li><symbol>♥</symbol>
<a href='/' title='TOOLTIP'>Nome</a></li></div>

◘◘◘◘
Bem, é só isso. Eu ainda estou terminando de organizar algumas coisas aqui no blog então se verem algo meio estranho, não fiquem preocupados.

9 comentários:

  1. Awn,a Isa voltou <3 fiquei tão feliz com isso! Você não faz ideia de como eu amei esse lay,principalmente por causa da Annasophia Robb,mas devo confessar que eu prefiro o outro.Tava morrendo de saudades dos seus menus e efeitos divos,espero que dê tudo certo nesse recomeço!

    ResponderExcluir
  2. Você voltou!!!!!! Esse layout ficou divo <3 Amei o menu *u*

    s-impatie.blogspot.com.br | Simpatie ♡

    ResponderExcluir
  3. Esse layout ficou bem legal! Gostei do menu ele é muito fofo!
    http://theluxurybeats.blogspot.com.br/

    ResponderExcluir
  4. Que bom que você voltou ♥ O novo layout ficou tão lindo, o outro também ficou muito fofo!
    O menu ficou tão lindinho, eu adoro esse jeito de fazer o menu: Sem separar, tudo em um mesmo retângulo *3*

    Até mais, www.b-urning.blogspot.com.br

    ResponderExcluir
  5. Que bom que você voltou! Esse layout está muito lindo, é sério.
    Adorei o menu. Querendo Voar *U* || Querendo Voar ~ (Beijão <3 )

    ResponderExcluir
  6. O menu é lindo, eu adorei o novo layout do blog! É bem no estilo tumblr, P-E-R-F-E-I-T-O!
    Fico muito feliz que você voltou! Quase morri quando vi a notícia do final do E.A.H O-O
    Não me mata mais de susto tá? -q
    Beijos,
    ❤ Cake Party ❤ c-akeparty.com Visita?

    ResponderExcluir
  7. Gostei muito do menu <3

    ha-unting.blogspot.com

    ResponderExcluir
  8. Gostei do menu, muito fofo ♥. Sobre o layout do blog, eu realmente acho esse mais bonito que o outro, talvez pela minha fissura por azul e AnnaSophia Robb .-. Hehe! Fico feliz por ter voltado, amo seu blog! *-*

    Kisses *-* || Empire Kawaii

    ResponderExcluir
  9. Uau quantas saudades <33 fiquei meio afastada da blogosfera tbm amora, lindo o layout que vc ia pôr, pena que não deu né, mas será ótimo como layout free, pois está lindo >0<

    E esse seu layout novo está perfô tbm ~

    A.N

    ResponderExcluir

« »