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:

Menu Lista Colored

Boa noite meus cheirosos, como estão? Animados para a semana de provas finais? AUSHUAHSUAHSs que horror, eu mesma estou em frangalhos e super cansada não vejo a hora que tudo acabe. Bem, quem ai é kpopper? Gente quanto comeback destruidor né? Eu estou super ansiosa pelo retorno dos meninos do BTS, winner e das meninas do 4minute. Viram o comeback do BAP? Destruidores e lacradores de cu do caramba.


Eu amei a música e já até decorei o refrão pois é muito boa, amei o retorno da Cl apesar de ser o pré debut dela em terras gringas, estou esperando para ver outras músicas e escutar o álbum inteiro e tirar as conclusões finais. Repararam que eu virei rata de kpopmania né? UHSAUAHSUAhs quem te viu quem te vê, eu já gostava de kpop antes mas não dava muita atenção, só escutava as músicas porque achava legais mas depois que entrei neste mundo mesmo, cara, fodeo tudo, adeus vida, adeus estudos, adeus marido AUshauhsauhsuahs (mentira) Mas que acabou minha vida de garota normal acabou. Mas então, eu queria trazer algo diferente e hoje trouxe um menu bem fofo, eu usava ele no meu blog de encomendas de layouts, então espero que vocês curtam >.<


LIVE PREVIEW (^3^) ~

Vá até o seu modelo clique em modelo e em editar html, dentro dê um ctrl F e procute por ]]skin; acima dele cole o seguinte código:
.nav a:link {
display:block;
background:#eee;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#D6D6D6;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav a:visited {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#D6D6D6;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav a:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#ccc;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #999;
}
.nav2 a:link {
background:#F8E9E9;
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#D6D6D6;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #fff;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav2 a:visited {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#C2C2C2;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav2 a:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#FFD7D7;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #E09393;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.nav3 a:link {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.nav3 a:visited {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.nav3 a:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#c9d385;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #a7b547;
}
.navi a:link {
display:block;
width:200px;
padding:2px;
height:10px;
line-height:10px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.navi a:visited {
display:block;
width:200px;
padding:2px;
height:10px;
line-height:10px;
color:#b8b8b8;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.navi a.hover1:hover {
display:block;
width:200px;
padding:2px;
height:20px;
line-height:20px;
background-color:#f38b64;
color:#fff;
font-size:12px;
font-family: georgia;
font-style:italic;
font-weight: 300;
letter-spacing: 2px;
text-align:center;
text-transform:lowercase;
text-shadow: 1px 1px 1px #d86d46;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
Para usar os links, crie um gadget e dentro cole os seguintes códigos: 
<center>
<div class="nav">
<a href="LINK">Nome</a></div>
<div class="nav2">
<a href="LINK">Nome</a></div>
<div class="nav">
<a href="LINK">Nome</a></div>
<div class="nav2">
<a href="LINK">Nome</a></div>
<div class="nav">
<a href="LINK">Nome</a></div>
<div class="nav2">
<a href="LINK">Nome</a></div>
</center>

6 comentários:

  1. Trabalhos e seminários também. o// O resultado do menu ficou muito legal >< e fofo, adorei o efeito.
    Eu tenho uma pergunta - não é no sentido pejorativo.
    Por quê você gosta de Coreanos, K-pop e relacionados. Você pode fazer uma postagem o//

    Studio-Help.blogspot.com.br

    ResponderExcluir
  2. Olá, Roh. Eu estou super desanimada pra semanas de provas finais, já estou cansada e não aguento mais. Achei o menu tão bonitinho, usarei no meu próximo layout. Beijo!

    Nevasca de Inverno ✻

    ResponderExcluir
  3. Olá, Roh, sua linda! ♥ Eu não tive uma "semana de provas", tive praticamente o último bimestre inteiro de correria e ainda não acabou. Estou destruída e desejando o fim também. Eu sou kpopper e to vendo que 2015 é o ano, cara. Estou muito ansiosa pelos retornos e CARA QUE COMEBACK FOI AQUELE DO B.A.P, VELHO? LACRARAM COM O CU DE TODO MUNDO QUE DISSE QUE ELES NÃO VOLTARIAM. Acho que eles resgataram a essência do grupo sabe e MELDELS, VOCÊ REPAROU O CABELO DO CHOI? PORRA, MEU CORAÇÃO NÃO AGUENTA! Morta estou.

    Então, agora que o surto passou, que menu gracinha. <3 Muito fofo. Simples e lindinho. Adorei.

    Carinhosamente, Jheni. [e m p i r e k.] & [ 1 5 o u t o n o s]

    ResponderExcluir
  4. KKKKKK avida normal acabou mesmo, sério virou kpopper não tem volta miga kkk, cara eu nao quero saber de provas finais eu deveria estar estudando ai meu deus :'( o kt voltou ali para os afiliados que honra <3 awwnnn eu ameeei o menu acho que vou usar no proximo layout ~~sin ja estou pensando no proximo kkkkk


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

    ResponderExcluir
  5. Oi~
    Minha semana de provas começa semana que vem e eu não to preparada pra isso.
    Eu te entendo ser kpopper não é fácil é tiro pra todo lado kkk.
    Amei o menu quem sabe num próximo layout uso ele.
    Queria saber se aceita afiliação?
    http://d-dollhouse.blogspot.com.br/

    ResponderExcluir

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^)