16/06/2013

Menu para créditos #1 - Imagine

"Ser gay não é pecado. Ser preconceituoso sim." - Gabriela A. Trevisol.
Hey guys, como estão? Eu vou bem, graças a Deus *O* Adivinhem? Eu aprendi a usar PSD's de efeito no Photoshop, acreditam? Eu vi uns bem legais no KW e fui correndo tentar aprender. Gente, é tudo tão difícil de fazer lá que uma besteirinha dessas que eu aprendi já fico feliz õ/
Bom, lembram que eu tinha dito que traria um Menuzinho para créditos pra vocês? Aqueles que a gente geralmente coloca no final de certo Gadget de Agradecimentos, Fins, Good Bye, etc? Vejam a Prévia dele abaixo:


Gostaram? É fofinho não é? Eu o chamei de Imagine pensando na música perfeita do Jonh Lennon. Bom, se quiser aprender, basta continuar lendo a postagem.

No Painel do Blogger, clique no Nome do seu Blog - Modelo - Editar HTML - Procure por: ]]></b:skin>. Quando achar, cole o código abaixo (de personalização do menu) antes desse, fazendo as devidas alterações no fundo e nas bordas.
creditos {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc5o77-69-JuInFNhu1ahIcGtMsCfv5kJcUkyIX-NqL_lMCWUpC_ukeUfI-_8asBKt6M31qiP7aLm_ERiNBIy_jJyqe4fuhA3Eg_yVKZMsCKemyi-MdQhBVqbHcEP2W4U3rdh_f55qtmk/s1600/faixa+fofa+2.png)no-repeat; /* Fundo do menu, se não quiser imagem, troque tudo por background: #COR */
opacity: 0.50; /* Opacidade do Fundo, não retire */
padding: 4px; /* Espaço interno do menu */
border-radius: 5px; /* Arredondamento das Bordas */
border-bottom: 3px solid #A27DA8; /* Borda na parte de baixo do menu */
border-right: 3px solid #A27DA8; /* Borda na parte direita do menu */
display: inline-block;
font-size: 9px; /*Tamanho da Fonte */
font-family: 'Tahoma';  /*Fonte do Menu */
-o-transition-duration: .70s;
-ms-transition-duration: .70s;
-moz-transition-duration: .70s;
-webkit-transition-duration: .70s;
width: 2%; /* Tamanho de cada menu */
text-align: center;
cursor: pointer;
color: #000000; /* Cor da letra do Menu */
}
creditos:hover {
opacity: 0.99; /* Cor de fundo do Menu */
border-bottom: 3px solid #DBB7DB; /* Borda na parte de baixo do menu hover*/
border-right: 3px solid #DBB7DB; /* Borda na parte direita do menu hover*/
color: #fff; /* Cor da letra do menu hover*/
}
Pronto? Depois de colar o código e fazer as alterações, agora você precisa aplicar o código do próprio menu, para isso mude para a Ala Layout do lado esquerdo da tela - Adicionar um Gadget - HTML/JavaScript e cole o código abaixo dentro da caixinha colocando os links que se pedem.
<center>
<a href="LINKDOBLOG1"><creditos>01</creditos></a>
<a href="LINKDOBLOG2"><creditos>02</creditos></a>
<a href="LINKDOBLOG3"><creditos>03</creditos></a>
</center> 
Fácil não é? Não se esqueça de creditar o próprio POM se usar, certo? Bom, acho que na próxima postagem irei trazer alguns materiais do Ian, se quiserem, ainda da temo de pedir algo na Ask AQUI, ok? Fiquem com Deus!

21 comentários:

  1. Demorei um pouco para saber usar os PSD's de efeito depois acostumei 'u' Adorei esse menu, muito lindo!

    Kisses!
    http://criticas-on.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É demorei pra aprender, mas agora é rapidinho KKKK Obrigado *O*

      Excluir
  2. Eu também nem sabia como usar mas depois que eu vi uma video aula u-u' minha vida mudou \o/ agora eu sei usar e fazer psds bem legais 030 ás vezes eu acho errado amar alguém do mesmo sexo, só ás vezes u-u'

    o menu ficou bem legal ^^ que participar dos meus afiliados?

    Sense Of Wonder

    ResponderExcluir
    Respostas
    1. Ah, eu viciei, quero aplicar um a todo momento KKK
      Errado é ODIAR alguém... Amar, não é errado! Toda forma de amor é bonita, pode ter certeza :) Abraço!

      Excluir
  3. Adorei a imagem de post! *-*
    E eu também amo PSD's de efeito, eu mesma faço os meus, gosto de ser exclusiva qqq
    Amei o meni, realmente muito fofo, parabéns! :3
    Beijos~

    www.black-cherry.net

    ResponderExcluir
  4. Que menu lindo, gostei muito dele *o*
    um abraço,

    ResponderExcluir
  5. Esse menu é muito lindo, e esse seu layout está lindo >3< Nunca vi nenhum layout assim !
    Seguindo aqui (há muito tempo) *--------*

    ResponderExcluir
  6. Que lindo esse menu, xonei~ shaushau'
    Xoxooh~
    Daily-whin.blogspot.com

    ResponderExcluir
  7. So sorry Alex, eu tinha comentado só que deu blog e pelo que vejo meu comentário não foi enviado. Obrigado por ter visitado o blog :3 Adorei esse menu, super lindo. Tou seguindo aqui com minha nova conta, vlw

    ~~> things-to-you*blogspot*com

    ResponderExcluir
  8. menu lindo!!!
    bjo Alex :D
    rockmoreworld.blogspot.com.br

    ResponderExcluir
  9. Que bonitinho *-* adorei.
    Um beijo
    http//bombasticmusics.blogspot.com

    ResponderExcluir
  10. Ficou lindoo ♥
    Espero algum dia ter criatividade sufiente :/

    #Dark_Paradise.

    ResponderExcluir