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:

Menus two colors

Olá genteeeeeeee, que saudades de vocês e do blog >.< Me desculpem pela trilésima vez que deixo o blog largado e sem posts, é que faculdade não adianta se não tiver dedicação a gente só se fo.. se é que me entendem. Então para não me sair mal nas provas eu deixei ele de lado mesmo até eu conseguir me concentrar de verdade. Gente, alguém ARMY ai? Estão sabendo que o bolachão está se tornando de maior né? Isso me deixa tão triste por um lado, pois saber que ele não é mais o bebezão do grupo me deixa triste haha.

Por outro lado é bom pois está se tornando adulto e se já é lindo novinho imaginem mais velho HOHOHO como dizem as companheiras xoxotas on fire estão ligadas hahaha. Me perdoem mas que esse bolachão é tudo de bom ah se é! E tem mais, sabiam que eu faço niver no mesmo dia que ele? Anwww é muita emossaum gente, mesmo sabendo que ele nem sabe da minha existência eu fico feliz mesmo assim >.< Quem dera ele me respondesse algo no twitter né? Sonhar é bom!

Então, ontem eu estava bem perdida no que trazer para vocês, e até estou meio enferrujada de tanto tempo paradinha então resolvi criar alguns menus simples mas bem fofinhos. E ainda tem como editar eles do jeito que vocês quiserem, aumentar tamanho, cores e fontes, podem ficar a vontade e mudarem os menus aos seus gostos certo? E por favor façam seus pedidos na ask novamente ok? >3<

LIVE PREVIEW (^3^)~

Modelo 1
twocolors{
color:#C2C2C2;
background: #eee;
line-height:20px;
margin:1px;
margin-bottom:3px;
padding:3px;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
float: left;
height:20px;
width: 44px;
border-radius:1px;
opacity:0.8;-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
twocolors:hover{
cursor:hand;
background:#FFD6D6;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
color:#FFF;
opacity: 1;
text-shadow: 1px 1px 1px #FF9393;
-webkit-transition: all 0.5s ease-in-out;
box-shadow: inset 0px -15px #FBD2D2, inset 0px 5px #FFE3E3;
}

Modelo
twocolors2{
color:#C2C2C2;
background: #eee;
line-height:20px;
margin:1px;
margin-bottom:3px;
padding:3px;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
float: left;
height:20px;
width: 44px;
border-radius:1px;
opacity:0.8;-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
twocolors2:hover{
cursor:hand;
background:#FFD6D6;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
color:#FFCECE;
opacity: 1;
text-shadow: 1px 1px 1px #;
-webkit-transition: all 0.5s ease-in-out;
background:#FFF0F0; -moz-box-shadow:  inset inset 0 0 16px #FFCBCB;-webkit-box-shadow:  inset 0 0 20px  #FFCBCB;
box-shadow: inset 0 0 16px background:#FFB7B7;
}

Modelo 3 
twocolors3{
color:#C2C2C2;
background: #eee;
line-height:20px;
margin:1px;
margin-bottom:3px;
padding:3px;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
float: left;
height:20px;
width: 44px;
border-radius:1px;
opacity:0.8;-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 0.9s linear;
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}
twocolors3:hover{
cursor:hand;
background:#FFD6D6;
font-family: 'Sniglet', Trebuchet MS;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;px;
text-align: center;
font-size: 8px;
color:#FFF;
opacity: 1;
text-shadow: 1px 1px 1px #FF9393;
-webkit-transition: all 0.5s ease-in-out;
box-shadow: inset 0px -12px #FBD2D2, inset 0px 15px #FFE3E3;
}

Links para os gadgets:

Modelo 1
<div style="image-align: center; margin-left: 2px; margin-top: px;">
<a href="LINK"><twocolors>NOME</twocolors></a>
<a href="LINK"><twocolors>NOME</twocolors></a>
<a href="LINK"><twocolors>NOME</twocolors></a>
<a href="LINK"><twocolors>NOME</twocolors></a>
</div> 

Modelo 2
<div style="image-align: center; margin-left: 2px; margin-top: px;">
<a href="LINK"><twocolors2>NOME</twocolors2></a>
<a href="LINK"><twocolors2>NOME</twocolors2></a>
<a href="LINK"><twocolors2>NOME</twocolors2></a>
<a href="LINK"><twocolors2>NOME</twocolors2></a>
</div>

Modelo 3
<div style="image-align: center; margin-left: 2px; margin-top: px;">
<a href="LINK"><twocolors3>NOME</twocolors3></a>
<a href="LINK"><twocolors3>NOME</twocolors3></a>
<a href="LINK"><twocolors3>NOME</twocolors3></a>
<a href="LINK"><twocolors3>NOME</twocolors3></a>
</div>

2 comentários:

  1. Oi, pois é, nós temos que largar as nossas coisas divertidas para estudar. Par logo depois, trabalhar, trabalhar, trabalhar e no final morrer ¬¬. Mas até que estudar é bom, ás vezes. O menu ficou bastante fofo >3<

    Studio-Help.blogspot.com.br

    ResponderExcluir
  2. Compromissos e responsabilidades sempre vem antes néh miguxa, mas tudo bem. Eu lhe perdoo u.u kkkkk Amei o menu, achei fofo. Já disse que seu layout está um amor? Seja como for está um amor. Xonada por ele.

    webunny.blogspot.com (Nova Url do Bunny Crazy)

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