25 agosto 2013

Menu Down

| |

Hoola!
Então, eu fui à uma consulta no dentista e voltei com a minha boca está toda machucada. Não consigo comer mais nada e eu tô com muita fome ;(  #VidaCruel

Ah, tô pensando em abrir vagas aqui no EAH para postar materiais, mas estou com medo de que ninguém se escreva e mesmo que se inscreva eu não vá achar alguém que consiga fazer tudo o que os leitores precisam (PSDs, avatares, ribbons e outros). Quero abrir duas vagas porque eu tenho deixado o blog meio abandonado ultimamente com postagens apenas uma vez por semana... Mas eu não quero que isso aconteça porque o blog tem crescido tanto e não quero deixa-lo desatualizado justo agora. Então, vocês postariam no blog se tivessem a chance?

Então pessoas, esses dias eu estava brincando de HTML quando eu fiz um menu meio que por acidente. Eu gostei muito do resultado, então resolvi postar pra vocês ^-^

#Preview

1 • No HTML do seu blog, aperte F3 e procure por ]]></b:skin>. Ao achar cole acima da tag:
#oi-isa:hover #menu-down-isa{
opacity: 1;
}
#menu-down-isa{
opacity: 0;
position:absolute;
-webkit-transition: all .60s ease-in-out;
-moz-transition: all 1s ease-in-out;-ms-transition: all .60s ease-in-out;transition: all .60s ease-in-out;
margin-left: 4px; /* Move o menu para os lados */
margin-top: -39px; /* Move o menu para cima ou para baixo */
}
#menu-down-isa a{
border-radius: 0px;
padding: 3px;
width: 50px; /* Tamanho das caixinhas do menu */
float: left;
background-color: #817266; /* Cor do fundo */
box-shadow: inset 0 0 20px #6c5e52; /* Cor da sombra interna */
text-shadow: 2px 1px 1px #6c5e52;  /* Cor da sombra do texto */
margin-left: 2px;
font-family: 'Trebuchet ms';
font-style: normal;
font-size: 11px; /* Tamanho da fonte */
text-align: center;
margin-top: 2px;
color: #ccc; /* Cor da fonte */
text-transform: uppercase;
-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;  }
#menu-down-isa a:hover{color: #efefef; /* Cor da fonte ao passar o mouse */
background-color: #acc3cf; /* Cor do fundo ao passar o mouse */
box-shadow: inset 0 0 20px #89a9b9; /* Cor da sombra interna ao passar o mouse */
text-shadow: 2px 1px 1px #89a9b9; /* Cor da sombra do texto ao passar o mouse */
padding-bottom: 15px; /* O quanto desce para baixo */}
Gente, eu acho que dependendo da foto que colocarem, o menu não vai ficar no lugar certinho então você tem que mudar no código. Só prestem muita atenção porque qualquer coisinha pode desconfigurar um código.

2 • Depois de visualizar e salvar, vá em Layout • Adicionar Gadget • cole:
<div id="oi-isa">
<img src="URL DA IMAGEM" />
<br />
<div id="menu-down-isa">
<a href="SEU LINK">Início</a>
<a href="SEU LINK">Regras</a>
<a href="SEU LINK">Goodies</a>
<a href="SEU LINK">Créditos</a>
</div>
</div> 
Mude o que se pede e salve *-*

•••••• ♥ ••••••
Se repassarem, creditem (com link, por favor). Ah, em breve vou fazer um joguinho que vale divulgação. Era o mínimo que eu poderia depois de séculos longe, né...

Beijos

14 comentários:

  1. Eu até me escreveria para o cargo de postadora mas meu negócio não é Html :/ eu gosto é mais é de utilitários :3 se você aceitar que eu faça utilitários eu posso até me escrever...

    ResponderExcluir
    Respostas
    1. Então, eu preciso de postadoras/res de utilitários (ou materiais,como eu disse acima)

      Excluir
  2. Que menu lindo Isa. Eu até me escreveria mais eu prefiro postar mais de HTML! :/

    - LH

    ResponderExcluir
  3. Eu postaria \o/ Só que ainda não tenho photoshop eu baixei estes dias só que deu erro dai meu computador está com um pouco de vírus e faz umas loucuras de vez em quando, então quero formata-lo dai baixar o photoshop de novo por em quanto estou só com o photoscape :/
    Adorei o menu muito show =3
    Ah, Isa eu gostaria de ser sua afiliada pode ser?
    Obrigada se puder ter uma vaguinha para mim ^^

    Beijos~
    Panther Pink and Blue

    ResponderExcluir
  4. Oi querida gostaria de me inscrever para postadora!

    Seguindo, segue de volta?

    Gostaria de afiliar-se a mim?

    http://strawaberry-kawaii.blogspot.com.br/

    ResponderExcluir
  5. Amei o menu, que fofinho, adorei seu blog, e eu quero essa vaga, adoro postar materiais! segue de volta? kisses

    Candy || http://epidemiadosblogs.blogspot.com

    ResponderExcluir
  6. O menu é bem legal!!
    Se você quiser eu posso postar,pra você os materiais.

    http://sarang-cute.blogspot.com.br/

    ResponderExcluir
  7. Que menu mais fofo :3 Bom, até me escreveria, mas estou postando em mais dois blogs. :c

    Beijos ♥ | Empire Html e Sea Of Html

    ResponderExcluir
  8. Ah, Isa aceita afiliação com o Empire Html?

    ResponderExcluir
  9. Adorei o menu, até me inscreveria, mas estou sem super tempo e-e

    Kissus~~
    >> Photos and Camera

    ResponderExcluir
  10. Que cruel vc, menu lindão, só pq já troquei meu layout uhaea'

    Lindo demais, ótimo tuto

    Adolescente Nerd

    ResponderExcluir
  11. Perfeito em cabeçalhos!!! #xoneei *-*

    ResponderExcluir
  12. Eu estou usando esse menu em um blog de testes (caso eu resolva usar em meu layout). *-*
    Achei aqui lindo demais e estou seguindo *u*

    ResponderExcluir

« »