Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Menuzinho pastel colors


Boa noite muchachos coisinhas lindas \(o◎)/ Tudo bem com vocês? Bem, já perceberam que ando meio sumida nas postagens? Estou até postando mas com bem menos frequência, o motivo? Além de estar trabalhando até quase as 19:30 estou treinando na academia, e digo que estou amando. Amando Roh? Sim, amando! Cara estou com uma disposição que a muito tempo não sabia que tinha perdida em mim, tirei a bunda da cadeira e fui treinar, claro que não só para ficar goxtosa, mas também para ter mais saúde, disposição e muito mais resistência. E bem, não sou mais nenhuma menina, queria ter o corpo que eu tinha a uns 4 anos atrás, era magrinha e mais esguia, tipo tinha muito mais disposição e todas as roupas ficavam perfeitas. Não que eu esteja horrível mas gostava mais de mim quando estava mais sequinha (>﹏<) Enfim,  parando pois o assunto é bem chato!!

Gente, eu mesma me tomei a liberdade e criei este modelo de menu em gradiente pois eu entro em vários blogs e sempre são os mesmos menus mesmas cores, tipo nada contra mas vamos mudar um pouco? Já que gostam tanto deste efeito, ficaram bem fofinhos e até usáveis. Beijos meus amores e até mais ヾ(*⌒ヮ⌒*)ゞ

LIVE PREVIEW ヾ(・ω・*)ノ

Modelo 1

pastel1 {
border:#C2DEDC solid 1px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #D9FFF0),
color-stop(1, #F2F2F2),
color-stop(1, #FFEDED),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #D9FFF0 0%, #F2F2F2 100%, #FFEDED 100%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #D9FFF0 0%, #F2F2F2 100%, #FFEDED 100%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #D9FFF0 0%, #F2F2F2 100%, #FFEDED 100%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #D9FFF0 0%, #F2F2F2 100%, #FFEDED 100%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #D9FFF0 0%, #F2F2F2 100%, #FFEDED 100%, #FFFFFF 100%);
line-height:18px;
margin:-1px;
margin-bottom:2px;
padding:3px;
display: inline-block;
font-family: 'Sniglet', Trebuchet MS;
color:#FFF;
text-shadow: 1px 1px 1px #BAE2DF;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;px;
text-align: center;
font-size: 9px;
float: center;
height:18px;
width: 35px;
border-radius:1px;
-webkit-transition-duration: .80s;
}
pastel1:hover {
cursor:hand;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #EBEBEB),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #EBEBEB  0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #EBEBEB  0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #EBEBEB  0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #EBEBEB  0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #EBEBEB  0%, #FFFFFF 100%);
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;px;
text-align: center;
font-size: 9px;
color:#BAE2DF;
text-shadow: 1px 1px 1px #ffffff;
-webkit-transition-duration: .80s;}

Modelo 2 

pastel2 {
border:#FFCDCD solid 1px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FFFFFF),
color-stop(1, #FFD6D6)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFD6D6 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFD6D6 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFD6D6 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFD6D6 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFD6D6 100%);
line-height:18px;
margin:-1px;
margin-bottom:2px;
padding:3px;
display: inline-block;
font-family: 'Sniglet', Trebuchet MS;
color:#FFF;
text-shadow: 1px 1px 1px #FFC0C0;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;px;
text-align: center;
font-size: 9px;
float: center;
height:18px;
width: 35px;
border-radius:1px;
-webkit-transition-duration: .80s;
}
pastel2:hover {
cursor:hand;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FFD6D6),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #FFD6D6 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #FFD6D6 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #FFD6D6 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #FFD6D6 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #FFD6D6 0%, #FFFFFF 100%);
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;px;
text-align: center;
font-size: 9px;
color:#FFC7C7;
text-shadow: 1px 1px 1px #ffffff;
-webkit-transition-duration: .80s;}

Modelo 3

pastel3 {
border:#E3D7EB solid 1px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #E8D0E8),
color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #E8D0E8 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #E8D0E8 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #E8D0E8 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #E8D0E8 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #E8D0E8 0%, #FFFFFF 100%);
line-height:18px;
margin:-1px;
margin-bottom:2px;
padding:3px;
display: inline-block;
font-family: 'Sniglet', Trebuchet MS;
color:#FFF;
text-shadow: 1px 1px 1px #D6CCDC;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;px;
text-align: center;
font-size: 9px;
float: center;
height:18px;
width: 35px;
border-radius:1px;
-webkit-transition-duration: .80s;
}
pastel3:hover {
cursor:hand;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FFFFFF),
color-stop(1, #E8D0E8)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E8D0E8 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E8D0E8 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E8D0E8 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E8D0E8 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8D0E8 100%);
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;px;
text-align: center;
font-size: 9px;
color:#D6CCDC;
text-shadow: 1px 1px 1px #ffffff;
-webkit-transition-duration: .80s;}

Links:

<a href="https://www.blogger.com/LINK"><pastel1>NOME</pastel1></a>
<a href="https://www.blogger.com/LINK"><pastel2>NOME</pastel2></a>
<a href="https://www.blogger.com/LINK"><pastel3>NOME</pastel3></a>

26 comentários:

  1. Aiiin cara que perfeitos '3'
    Eu simplesmente achei super fantásticos, ahhh ~u~
    Eu estou pensando eu usar o segundo modelo , está muito perfeito mesmo ♥
    beijoquitas ~
    www.raythay.blogspot.com || Pink Crown
    www.eosugar.blogspot.com || Eternal

    ResponderExcluir
    Respostas
    1. Obrigada linda que bom que gostou >.< Fique a vontade amore ;)

      Excluir
  2. Vou te falar uma coisa: encontrei teu blog ontem e ontem mesmo consegui terminar meu layout (sim, este que estou usando agora), pelo amor de Cristo, teu blog é a melhor coisa que eu já pude ver na blogsfera. Mesmo que eu não precise, fico mexendo nos tutos porque eles são tão incríveis que eu não consigo parar, estou apaixonada por seu blog. Não se assuste, por favor hahaha
    Esse menu está lindo, amei as cores <3 <3

    http://www.blogbrightwords.blogspot.com.br ・゚✧

    ResponderExcluir
    Respostas
    1. Sério flor? Nossa que legal ^^ Nossa fico muito feliz em saber que sou referência a algo, fico muito feliz mesmo >.< Anwwww obrigada linda. Não estou não ^^ Obrigada novamente ;)

      Excluir
  3. Que bom que está gostando de ir á academia! Eu nem vou e to super gorda, obesona mesmo, mas só posso ano que vem... Que menus lindo Roh, adorei <3

    below ✿ average

    ResponderExcluir
    Respostas
    1. Estou amando amore amando mesmo >.< AUShAUSHuahs tipo eu não estou super gorda, pois estou ainda no peso ideal mas eu sempre gostei de ser bem magrinha do que uma mulher goxtosa :v UAHSUAHSUAHSuAHSu Obrigada linda ;)

      Excluir
  4. Adorei os menuzinhos, bem lindinhos <3

    http://madnesshoujo.blogspot.com.br/

    ResponderExcluir
  5. Adorei os modelos, meu favorito é o primeiro <3

    www.excepcionalmente.com

    ResponderExcluir
    Respostas
    1. Anww sério? O meu também é o primeiro talvez pela cor que é linda né?

      Excluir
  6. ai mds, que lay fofuxo, vontade de apertar >3<
    Eu adorei o menu, tá uma graça Roh!
    Deve estar muito bom na academia, eu to pensando em fazer natação, de vez em quando é bom sair do pc e ir fazer algo ijfdigjrçs.

    Um beijo.

    ResponderExcluir
    Respostas
    1. Anwww obrigada linda >.< Está sim estou ganhando uma força sabe? Me faz bem ^^ Nem me fala UAHSUAHSauhs ;)

      Excluir
  7. Ain que menuzinhos mais lindos de perfeitos. Nunca vi algum parecido~ Boa sorte na academia, me dá preguiça só de imaginar heuehuhe tomara que consiga voltar ao que você era, sendo que pessoas gordinhas são kawaiis :3

    Voltamos do Hiatus { } Adolescente Nerd // Oficial

    ResponderExcluir
    Respostas
    1. Obrigada coisa lindaaaaaaaa que saudades de vocês nossa >.< Pois é to indo atrás disso ;) beijocas =3

      Excluir
    2. Haha' çá linda, já está na lista de afiliados *u*
      OMG que menu pastel goth <3'

      Poxa seu blog está cada vez se superando ein õ/

      Excluir
    3. Nossa agora que vi seu comentário AUSHAUSHAUHS me perdoe eu sou meia lerda mesmo T^T Obrigada sua linda >.<

      Excluir
  8. Nossa, realmente é muuita correria mesmo.
    Gente menu mais fofinhos >3<
    Eu usaria com certeza.

    Beijos ❤
    http://www.p-perfectsthings.com/ | Quietly Pink

    ResponderExcluir
  9. Que fofinhos os modelos eu realmente achei muito lindos <3
    http://p-aperbirds.blogspot.com.br/

    ResponderExcluir
  10. Olá Roh! Eu estou usando um layout seu tá, espero que não se incomode é que eu já estava entrando em panico, eu enjoei de todos os lays que faço fica um saco, e claro não me esqueci dos créditos u.u Enfim, o seu é sempre perfeito <3 Que nada, seus posts continuam como sempre foram perfeitos! Ah fazendo academia u.u rçrç mas não ligue vai voltar até o seu corpinho logo logo. Aff, eu também estou cansada de ver esses blogs com o mesmo menu de sempre aqueles lá super sem graça... Os seus são perfeitos, aliás esses em cores pastels eu amei parabéns Roh ^^

    Beijos | c-apricho.blogspot.com

    ResponderExcluir
    Respostas
    1. Claro que não me incomodo, imagina se eu fosse me incomodar com todo mundo que usa meus layouts free AUSHAUHSUAHS Obrigada amore, sim academia é bom e me faz me sentir muito bem >.< Obrigada novamente ;)

      Excluir
  11. Antes de tudo, quero dizer que não venho aqui faz um tempinho, e agora que vim vi que trocaram o layout. Só tenho uma coisa para falar: perfeito. Pronto, podemos começar.

    Eu quero muito começar a malhar! Parece ser fantástico! Quero muito começar a malhar e trabalhar.

    Ai que menuzinho fofura ♥ Ficou muito fofo! Gostei bastante.

    The Lord of Thrones

    ResponderExcluir
    Respostas
    1. Anww Obrigada é muita bondade sua ^^

      Olha comece, pois faz um bem danado, não só para o ego mas para a saúde também >.<

      Obrigada, que bom que gostou ;)

      Excluir
  12. Boa madrugada! >.< Tudo bem sim, Roh e contigo? Academia? Eu até preciso, mas me falta tempo e coragem, ah, além de eu ser um poço de sedentarismo, mas fico feliz que você esteja curtindo.

    Os menus não estão usáveis, estão lindos. Principalmente esse azulzinho. Ganhou meu coração. <3 HUSAHUSA Perfeitos!

    Kissus ~ || Empire Kawaii

    ResponderExcluir
    Respostas
    1. Bela mesmo é ela na cama UAHSUAHSUAHSUAH está tudo bem linda ^^ Cara eu to amando e indo quase todos os dias, é bem revigorante e estimulante. Obrigada!!

      Obrigada linda, fico feliz que tenha gostado >.<

      Excluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)