Novo Lay + Menu deslizante

5.7.12 | | |
Gente, mil desculpas, mais eu deixei acumular comentários para responder. eu tentei responder todos, mais acho que ainda faltou alguns. me desculpe por isso, ok? prometo tentar responder os ocmentarios mais rapido *u*
É CAMPEÃAAO 
Oi meus amores! Tudo bem? espero que sim ^^
Hoje eu fiz um layout inspirado em um do The Lovers, antigo, e já passou pela aprovação da Lary ihul espero que vocês tenham gostado.E sobre o menu, é esse que estou usando, que uma leitora pediu nessa pagina, peça também :3 
Bom,vamos ao tuto :)

vá em seu HTML, procure por ]]></b:skin>, e antes da tag cole: o codigo:
.menuam { width: 185px; padding: 13px; height: 100%; border-right: 8px solid #FF3E96; background: #FFC0CB; color: #; top: 0; margin: 0; position: fixed; left: -200px; height: 100%; -webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal;  z-index: 12345; }

.menuam:hover { left: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.menuam a { border: none; background: #FFFAFA; color:#FF69B4; padding: 5px; display: block; width: 100%; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; font-size: 7pt; margin: 5px -10px; text-shadow: 0 1px 1px #; }
.menuam a:hover { background: #919191; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-left: 20px; }
.menuam a:first-child { margin-top: 10px; } .menuam a:last-child { margin-bottom: 0px; }
.menuam a { padding: 4px 6px; }
Entendendo:
#FF3E96 (em vermelho): cor da linha que vica do lado
#FFC0Cb (em rosa): cor do fundo do menu (avá)
#FFFAFA (em verde): cor do fundo, quando passar o mouse no link
#FF69B4 (em azul): cor da fonte.
depois,procure por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> , e cole em cima da tag esse codigo:

<div class="menuam">
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Título do blog ou mensagem</div></font></a>
<a  href="URL DA PÁGINA" onClick="changeNavigation('profile');">NOME DA PÁGINA</a>
<a  href="URL DA PÁGINA" onClick="changeNavigation('ask');">NOME DA PÁGINA</a>
<a href="URL DA PÁGINA" onClick="changeNavigation('extras');">NOME DA PÁGINA</a>
   </div>
edite o destacado em negrito, acho que ja esta tudo explicad no proprio codigo visualize,se estiver tudo certinho, salve ! ^^
epero que gostem! e aliás, os creditos são ao Sweet Poison ^^

29 comentários:

  1. Ameii seu blog, já lhe segui!
    Beijões
    http://blog--stargirl.blogspot.pt/

    ResponderExcluir
  2. Oii floor!
    Retribuindo a sua visitinha lá no meu blog! AAAAAA como eu amei aqui!Seguindo!
    Beeeiiijooooooos linda!

    http://blogprincesadesencantada.blogspot.com.br/

    ResponderExcluir
  3. Salvou minha vida, estava procurando por este menu, pois todos os outros estavam dando erro, quanto mais layouts nós fazemos menos encontramos um menu que combine ://
    É uma honra te-lá lá no SG linda, obrigada pela visita.
    Bjo.
    StupidGirls

    ResponderExcluir
  4. Adorei o novo layout,ficou muito bonito. Gostei do tutorial.
    http://i-teenbr.net.tc

    ResponderExcluir
  5. AAAAAAAAH , ameii o tuto ;]
    Obriigadaa debs ..

    http://mybarbiefashiongirl.blogspot.com.br/

    ResponderExcluir
  6. Oi, meu nome é Rafael Viana e estou aqui pra conhecer seu cantinho. Há entra lá no meu blog? Visite-me também. Se gostar segue? Sigo de volta.

    beijos Lindo Blog.

    http://www.todosteen.blogspot.com.br/

    ResponderExcluir
  7. Adorei o post .. acho que vou usar este menu no meu proximo lay <3
    Lindo demais o blog XoXo
    http://ofthecupcake.blogspot.com.br/

    ResponderExcluir
  8. Adorei seu layout, está super fofo ^^
    E o efeito do menu é lindo :)

    Kissus~~> http://blogthewonderland.blogspot.com.br/

    ResponderExcluir
  9. Ficou super fofo, como sempre =D

    http://t-w-o-teens.blogspot.com.br/

    ResponderExcluir
  10. Ahhh :/ ta ok entao assim que tiver vagas se me quiser haha to a disposiçao ok? beijoos

    obg pela visita*-*

    masterloook.blogspot.com

    ResponderExcluir
  11. Ótimo tutu ! E a propósito, o lay ta liindoo *u*
    Bezoos >> My Candy Space

    ResponderExcluir
  12. Curti demais o tuto!
    http://ladyalen.blogspot.com

    ResponderExcluir
  13. Adorei, o desing está lindo, eu também mudei o meu hoje, se puder dá uma olhadinha, bem você me salvouu estva doida para aprender isso, pesquisava no google e nada, nem sabia que o nome era esse, risos, colocava "menu que se mexi" e por isso não dava nada. Obrigada flor.
    #Besitos------------->http://mikaeetc.blogspot.com

    ResponderExcluir
  14. Oii, amei seu blog - visita lá e participa do concurso:
    http://maiira-t.blogspot.com.br/

    ResponderExcluir
  15. Oiii amei seu blog!Parabens!
    O tutorial é muito bom,mas eu
    não uso menu no meu blog! :/
    Beijos!

    Lu Dreams

    ResponderExcluir
  16. Lindoo o tutorial, debs! :3

    Tag pra você!
    ummilkshake.blogspot.com

    ResponderExcluir
  17. Que lindo o lay amr!
    Perfect seu blog! ♥
    Bjs
    Visita? Post novo
    http://editionromeuejulieta.blogspot.com.br

    ResponderExcluir
  18. adorei o tuto*
    bjoos

    mundoodasblogueiras.blogspot.com.br

    ResponderExcluir
  19. Amei o lay e o tutorial!Parabéns *--*
    Seguindo!
    http://lazygirll.blogspot.com.br/

    ResponderExcluir
  20. Lindo o laay eu vou usar esse tuto no proximo layoout

    ResponderExcluir
  21. O layout ficou lindo,e amei o menu,no próximo lay eu uso *--*
    A garota de Preto

    ResponderExcluir
  22. Amei o novo lay! E o novo nome também :D
    Ah eu estava dando uma olhada nos meus afiliados e clikei no blog da Fefe , o Cristal Bow' o blog foi removido :[ não sei oq aconteceu. Se souber de alo me avise please!

    http://territorioteen-suh.blogspot.com.br/

    ResponderExcluir
  23. Oiie flooor que lindo seu blog ameii ! me add no meu msn jacinto.gabi@hotmail.com
    Passa lá ?
    http://exemplo-oficial.blogspot.com.br/

    ResponderExcluir
  24. O lay ta liindo, esse menu é diwo, vi no sweet poison!

    Beeeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  25. Arrasou com o lay flor amei de mais *-* , o tutorial ta super bem explicado, no próximo design irei tentar usar! http://confissoesdeumablogueira.blogspot.com.br/

    ResponderExcluir
  26. Fica muito lindo esse menu ^^ Seu blog tá super divo *w* Seguindo ^^

    #Rawr >>> candycherry-official.blogspot.com

    ResponderExcluir
  27. Lindo layout mais eu já sabia fazer este menu :3
    http://plush-bomb.blogspot.com.br

    ResponderExcluir
  28. Flor eu preciso muito que você me ajude no menu que passa o mouse obrigada beijos

    ResponderExcluir

Por favor, mande apenas seu comentário SOBRE O POST e o link. se alguem pedir tipo assim : "nunca teria coragem.Agora vou te convidar a conhecer meu blog, eu ja estou seguindo se puder retribuir rs linkdoblog.com " ISSO ME IRRITA MUITO CARA! por isso eu nem visito. eu retribuo todas as visitas, apenas deixe o link por favor! obg