Modelo 01 .
Sobre o menu : Esse menu não tem nenhum tipo de hover ele é apenas assim, tentei fazer com que ele ficasse fofo e simples como pediram. Esse tom cinza na fonte poderá ser mudado quando você personalizar os links do blog pelo html. Logo abaixo você verá o código.
.lolly {
font-family: Verdana; /* fonte */
font-size: 10px; /* tamanho da fonte */
background: #D4CDDB;
text-align: center; /* centralização do texto */
width: 46px; /* largura do menu */
color: #fff;
text-shadow: 1px 1px 0 #fff;
border: #c7d4df 1px solid;
display: inline-block;
box-shadow: inset 1px 1px 0 #fff;
background: #d0dbe4;
background: -moz-linear-gradient(top, #d0dbe4 0%, #e8edf2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0dbe4), color-stop(100%,#e8edf2));
background: -webkit-linear-gradient(top, #d0dbe4 0%,#e8edf2 100%);
background: -o-linear-gradient(top, #d0dbe4 0%,#e8edf2 100%);
background: -ms-linear-gradient(top, #d0dbe4 0%,#e8edf2 100%);
background: linear-gradient(to bottom, #d0dbe4 0%,#e8edf2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0dbe4', endColorstr='#e8edf2',GradientType=0 );
}
border: 1px dotted #e4c9e2;
border-bottom: 2px dotted #d0dbe4;
padding: 2px; */
margin: 2px;
}
Modelo 02 .
Esse modelo é igualzinho ao primeiro eu só mudei as cores, também não tem hover.
Depois coloquem esse código abaixo em um html/javascript.lolly {font-family: Verdana; /* fonte */font-size: 10px; /* tamanho da fonte */background: #D4CDDB;text-align: center; /* centralização do texto */width: 46px; /* largura do menu */color: #fff;text-shadow: 1px 1px 0 #fff;border: #c7d4df 1px solid;display: inline-block;box-shadow: inset 1px 1px 0 #fff;color: #fff;border: #ded6dd 1px solid;box-shadow: inset 1px 1px 0 #f7f4f6;background: #e8e1e7;background: -moz-linear-gradient(top, #e8e1e7 0%, #f4eff3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e1e7), color-stop(100%,#f4eff3));background: -webkit-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%);background: -o-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%);background: -ms-linear-gradient(top, #e8e1e7 0%,#f4eff3 100%);background: linear-gradient(to bottom, #e8e1e7 0%,#f4eff3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e1e7', endColorstr='#f4eff3',GradientType=0 );}border: 1px dotted #e4c9e2;border-bottom: 2px dotted #d0dbe4;padding: 2px; */margin: 2px;}
<div class="lolly"><a href="LINK DA PÁGINA">menu</a></div>
<div class="lolly"><a href="LINK DA PÁGINA">lolly</a></div>
<div class="lolly"><a href="LINK DA PÁGINA">por</a></div>
<div class="lolly"><a href="LINK DA PÁGINA">anny</a></div>
* Não é possível usar os dois modelos de uma vez em um layout *
Créditos a Mack pelos gradients que eu utilizei >3<
adorei!!bj
ResponderExcluirhttp://distractionsofaagirl-oficial.blogspot.com.br/
*O* Obrigada!
ExcluirEba sumidinhas vão acabar ( e vamos ver a anna com mais frequência :) ( que menu mais divoso vou usar no layout que estou fazendo
ResponderExcluirhttp://seaofdreamspink.blogspot.com.br
Anw, obrigada. Sim eu espero haha!
ExcluirQue fofinho, adorei.
ResponderExcluir~Abraços!
-- barbieseumundopink.blogspot.com --
*O* Obrigada!
ExcluirAdorei o menu, muito fofo *W*
ResponderExcluirKissus ♥
Mellifluous ~ s-alad.blogspot.com.br
*O* Muito obrigada!
ExcluirNossa que fofos ! Amei.
ResponderExcluirBlack Sawn || Espero sua visita !
Que menu lindo acho que vou usar no próximo layout. Nossa seu blog é super fofo , adorei.
ResponderExcluir*O* Own, obrigada!
ExcluirQue fofura.. Também estou bem ausente aqui... Saudades u.u
ResponderExcluirBeijos | Brigadeiro Vintage & Fairy Of Html
Que fofo! (>-<)
ResponderExcluirAceita filiação ?
http://b-kswan.blogspot.com.br/
*O* Obrigada,não vai dar amor ;-;
ExcluirMinhas provas tbm acabaram \õ e hoje vai ter o boletim ai socorro kkk mas ainda bem que as sumidas vão acabar iruh -
ResponderExcluirAmei esse menu, apesar de simples, bem fofo e facil a aplicação *---*
bjs
|| editionskaty.blogspot.com.br ||
Que bom ^3^ Meu deus eu ficaria morrendo de medo sadlçjfmnalsdjfasdf Obrigada!
ExcluirOlá! Comigo tudo bem sim <3 Finalmente chega de saidinhas, não é? >.<
ResponderExcluirAdorei o menu, ele é simples e fofo, como eu gosto ♥ Parabéns!
Kissus ~~♥ || Empire Kawaii
Que bom, sim haha!
ExcluirObrigada sua fofa.
Fico feliz que suas provas tenham acabado e espero que tenha ido bem.
ResponderExcluirO menu é muito bonito.
Anw, obrigada.
ExcluirRealmente, mesmo sem hover,ele é muito fofo♥
ResponderExcluirAmando a música do player ♥
Cute Leeh || Esperamos sua visita ♥
Sério mesmo? É que eu queria ele bem simples.
ExcluirObrigada haha!
As minhas vão começar ;-;. Lindo menu tia >3<
ResponderExcluirWe♥Asia | (ノ◕ヮ◕)ノ*:・゚✧www.wh-asia.net
Vish, boa sorte <3 Obrigada!
ExcluirQue menu lindo! Ficou uma gracinha ♥
ResponderExcluirE que bom que suas provas já acabaram, as minhas vão começar semana que vem ;-; sem or -q
http://maiira-t.blogspot.com.br/
Anw, obrigada!
ExcluirBoa sorte *u*
Onw que menuzinho lindo <3
ResponderExcluirBeijocas :* || Inside
Desalinhada
Anw, obrigada!
ExcluirÉ tão bom quando acaba as provas! Eu me sinto menos preocupado e livre, enfim, Espero que você tenha tirado notas legais :3 Achei o menu muito lindo.
ResponderExcluirBeijos!
novo blog: f-ancy.blogspot.com.br
É mesmo, anw obrigada!
Excluir- Own ficou bem fofo *---* , ja imaginei ele na cor rosa ( ROSASTICA kk EU ) .
ResponderExcluirwww.candyedream.blogspot.com
*O* Obrigada dasfkjaslkdfnlakjssdf
ExcluirSemana de provas é horrível, amei o tutorial e seu blog é muito fofo <33
ResponderExcluirBeijão
FW ~ ☆
Verdade ç_ç Obrigada
ExcluirÉ um menu super fofo, gostei dele! É simples e objetivo, pode-se usar de varias formas, iria ficar legal nos afilados também, eu acho! XD
ResponderExcluirBeijinhos, Milky.
bunny--days.blogspot.com
Anw, muito obrigada! Sim também é uma ótima ideia >3<
ExcluirOinwwwww que menus fofos gente *o*, amor eu autorizo sim afinal o modelo do player que tinha no meu blog nem era de autoria minha e sim de um tumblr, aliás postei o link do tuto do mesmo player lá na ask ;)
ResponderExcluir*O* Obrigada!
ExcluirMinhas provas começam amanhã,o bom e que é geografia,eu sempre me saio bem nessa matéria.O meu ficou muito fofo (⌒▽⌒)☆Things of Kawaii
ResponderExcluirVish, boa sorte. Eu também sou muito boa em geografia >3<
ExcluirAdorei o tutorial <3
ResponderExcluirAmei seu Blog, já estou seguindo <3
Beijos || chocolateequentelarii.blogspot.com ♥
Obrigada!
ExcluirEspero que acabem mesmo u.u
ResponderExcluirGraças a Deus que acabaram pois eu não estava aguentando mais tantas provas ;p. Graças ao meu bom Senhor essa é última semana de aula, então, oremos ashaushah. Os modelos estão lindos, assim como tudo nesse blog <333
xo ♥ | http://unicornl4nd.blogspot.com.br/
ASDFNLKKDJFNLKJDNFKLJNDFL. Anw, obrigada *u*
ExcluirAaaawn, que menu lindo <33 Amei *u*
ResponderExcluirParadise ♥ Bunnies
Anw, obrigada!
ExcluirQue menu tão fofo >u< E o blog mais fofo ainda.
ResponderExcluirBeijos, http://spring-flowe.blogspot.com.br/
Anw, obrigada!
ExcluirQue fofo ç3ç seria lindo também um modelo rosinha ^^
ResponderExcluirRoyalty
Obrigada? -w-
ExcluirMinhas provas acabaram, mas vem mais por aí :/
ResponderExcluirAwn, que menu mais fofinho, amei o modelo lilás :3
~kiss
CS ♥
dklncalknlkjndflknjad vish.
ExcluirObrigada
Que menu lindinho adorei *u*
ResponderExcluirbjs ~~
laserquestt.blogspot.com
anw, obrigada!
ExcluirAh, que sortuda! Ainda ou fazer provas na outra semana e dia 7 de julho vou fazer recuperação de física/matemática... pois é...
ResponderExcluirAdorei o modelinho! Já fiquei imaginando ele num próximo lay.
kissus~♥ ~ da IsabellaTwifan do || recantodafadaalice.blogspot.com
P.S. amo a música que toca quando abre o blog. É de algum Vocaloid?