Olá, meus docinhos. Como vocês estão? Minhas aulas voltaram hoje e eu já estava desacostumando a acordar cedo e ouvir mesmices a metade do meu dia. Anyway, decidi sair um pouco das tags pessoais e atualizar a nossa querida tag de resources, não é? Na enquete que fiz recebi muitas respostas na qual uma boa parte de vocês também não queriam que eu esquecesse a áera de resources, mas sobre a postagem de hoje, certo? Bom, mais menu! Esse por vez é um menuzinho para vocês usarem na área de afiliados de seus blogs. Eu adoro o jeito que ele fica e organizar os afiliados pelas iniciais é uma parte que gosto bastante, sério, ahaha.
*OBS: Todos os primeiros "botões" do menu estão em hover. Creditem em um lugar visível e com redirecionamento para o The Moon Reverse. Usem com criatividade, eu sei que vocês são capaz de criar algo além do meu usual.
Modelo 01: Gradiente azul com hover.
01. Copie o código do quote abaixo e cole acima de ]]></b:skin>
.amg1:hover{
background: rgb(208,219,228);
background: -moz-linear-gradient(top, rgba(208,219,228,1) 17%, rgba(184,203,219,1) 18%, rgba(227,234,239,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,rgba(208,219,228,1)), color-stop(18%,rgba(184,203,219,1)), color-stop(100%,rgba(227,234,239,1)));
background: -webkit-linear-gradient(top, rgba(208,219,228,1) 17%,rgba(184,203,219,1) 18%,rgba(227,234,239,1) 100%);
background: -o-linear-gradient(top, rgba(208,219,228,1) 17%,rgba(184,203,219,1) 18%,rgba(227,234,239,1) 100%);
background: -ms-linear-gradient(top, rgba(208,219,228,1) 17%,rgba(184,203,219,1) 18%,rgba(227,234,239,1) 100%);
background: linear-gradient(to bottom, rgba(208,219,228,1) 17%,rgba(184,203,219,1) 18%,rgba(227,234,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0dbe4', endColorstr='#e3eaef',GradientType=0 );
}
.amg1 a{
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 #b4c4d1;
}
02. Agora, copie o código abaixo e cole em seu gadget.
<div class="amg1"><a href="/" title="Título">Vaga</a></div>
Modelo 02: Modelo rosinha com borda e hover.
01. Copie o código do quote abaixo e cole acima de ]]></b:skin>
.amg2{
padding: 4px;
background: #f3dddb;
border: 1px solid #e7c8c5;
box-shadow: inset 0 0 4px #e8c3c0;
border-radius: 20px;
margin-top: 2px
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
display: inline-block;
height: 16px;
text-decoration: none;
color: #fff;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
text-transform: uppercase;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.amg2:hover{
border-radius: 1px;
background: #f3dddb;
border: 1px solid #eccfcd;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.amg2 a{
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 #e6c4c2;
}
02. Agora, copie o código abaixo e cole em seu gadget.
<div class="amg2"><a href="/" title="Título">Vaga</a></div>
Modelo 03: Rosa com borda outline, gradiente e sem hover.
01. Copie o código do quote abaixo e cole acima de ]]></b:skin>
.amg3{
padding: 4px;
background: rgb(255,211,220);
background: rgb(255,211,220);
background: -moz-linear-gradient(top, rgba(255,211,220,1) 0%, rgba(255,239,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,211,220,1)), color-stop(100%,rgba(255,239,242,1)));
background: -webkit-linear-gradient(top, rgba(255,211,220,1) 0%,rgba(255,239,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,211,220,1) 0%,rgba(255,239,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,211,220,1) 0%,rgba(255,239,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,211,220,1) 0%,rgba(255,239,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3dc', endColorstr='#ffeff2',GradientType=0 );
border: 1px solid #ffc5d1;
outline: solid 1px #ffeff2;
outline-offset: -2px;
box-shadow: inset 0 0 4px #ffcad5;
margin-top: 2px
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
display: inline-block;
height: 16px;
text-decoration: none;
color: #fff;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
text-transform: uppercase;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.amg3 a{
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 #ffbecb;
}
02. Agora, copie o código abaixo e cole em seu gadget.
<div class="amg3"><a href="/" title="Título">Vaga</a></div>
Modelo 04: Cor escura que eu não sei o nome simples.
01. Copie o código do quote abaixo e cole acima de ]]></b:skin>
.amg4{
padding: 4px;
background: #e4c9dc;
border: 1px solid #cfa6c2;
box-shadow: inset 1px 1px 0 #efdeea;
margin-top: 2px
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
display: inline-block;
height: 16px;
text-decoration: none;
color: #fff;
font: normal normal 11px 'Trebuchet MS', Trebuchet, sans-serif;
text-align: center;
text-transform: uppercase;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.amg4:hover{
background: #a67898;
border: 1px solid #966587;
box-shadow: inset 1px 1px 0 #a67898;
995c86
}
.amg4 a{
color: #fff;
text-decoration: none;
text-shadow: 0 1px 2px #cb9ebd;
}
.amg4 a:hover{
color: #fff;
text-decoration: none;
text-shadow: 0 1px 2px #995c86;
}
02. Agora, copie o código abaixo e cole em seu gadget.
<div class="amg4"><a href="/" title="Título">Vaga</a></div>
Minhas aulas só voltam em agosto, me inveje moça(〜^∇^)〜.
ResponderExcluirGente, esses menus são um amorzinho >3<.
Os meus preferidos foram os 2 últimos, são lindos *0*.
Beijos,
Ice Moon!
Agosto? Gente, nunca vi isso :B Obrigada, Bia ♥
ExcluirMinhas aulas também voltaram hoje, foi horrível! >_< Esses modelos estão uma graça, vou usar no meu novo layout.
ResponderExcluir~ Kissus ♥
Obrigada, Michi! ^O^
ExcluirNem fui assistir as aulas porque estava consumindo minha mais que desmerecida... Preguiça .q Queria mesmo era a Holanda ou o Brasil campeõs; a vitória foi merecida, mas meio que nem liguei muito~~
ResponderExcluirAmei o último menu, é o que menos estão usando ultimamente. Todos estão lindos, seus resources são lindos, aliás!
Com imensurável carinho, Edwiges.- FLEUR FANEÉS
Obrigada, Edwiges ♥
ExcluirOi! Eu estou bem e você?
ResponderExcluirMinhas aulas voltaram hoje também e eu eatava muito animada shaushausha'. Eu sai falando bom dia pra todo mundo da escola e eu era a única que não tirava um sorriso enorme da cara. Eu tava morrendo de saudades de estudar e dos meus amigos da escola...
O assunto na minha escola também foi o fiasco da seleção brasileira na copa e a merecida vitória da Alemanha.
Essa área de resources realmente sumiu da blogsfera, é uma coisa muito legal, mas eu me considero sem talento nenhum pra essa área hauehaueha'
Esses modelos para menus são muito fofos :3 achei buma graça esse redondinho. Me lembrou a cookies e me deu fome shuahshauhu' (é, isso foi nnda a ver...)
~Beijos, Cat In My Coffee [prettyanimeblog.blogspot.com]
Estou muito bem; obrigada! E eu só estava com saudade de sair um pouco de casa, e comer um pouco no meu cantinho com meu celular no intervalo, era disso que tinha saudade, apenas, ahaha. Pois é, infelizmente ): Obrigada, Pam ♥
ExcluirOi Mack ^^
ResponderExcluirAs minhas aulas voltam no final do mês (viva, embora estejam perto de acabar, ou quase :v )
Também achei muito bem merecida a vitória dos alemães, eles treinavam duro, digamos que eram perfeccionistas. Meu pai disse que gosta do time da Argentina mas não queria que eles ganhassem em nosso país, como disse... causaria uma confusão.
Mack, você já fez um tuto de menu pop-up por aqui? É que eu procurei tanto mas nunca acho, só de tumblr mesmo...
Enfim, que menus fofinhos :3
Gostei do primeiro que me lembra botões sendo prescionados :v
Xoxo ♥ || Once Upon a Time
Olá, Samy! Gente, que sorte jausiwjskpos ♥ Concordo. Não fiz, Samy. O blog na qual peguei está fechado e todos os que conheço estão no tumblr, mas não são adaptados para o blog ): Obrigada!
ExcluirConcordo com você minha linda, a Alemanha mereceu sim ganhar e admiro muito eles. Já pensou a gente dar a copa para a Argentina? Credo não gosto nem de pensar pois iriam nos incomodar e tirar sarro pro resto da vida então prefiro não! E esses menus? Cara só tu mesmo para criar coisas tão lindas Sam <3 Beijos linda =3
ResponderExcluirIa ser uma desordem! Muitos dos Argentinos são muito agressivos, nossa. Awn ♥ Obrigada, Roh!
ExcluirOlá Mack, tudo bom? Minhas aulas também voltaram hoje! Agora em diante só estudos heuheue
ResponderExcluirO modelo 2 e quatro são perfeitos <3 Cara que lindos <3 Os adorei todos os quatro mas é difícil escolher heuheue
Beijos www.valentinices.blogspot.com
Olá, Valentina ♥ Estou bem, e você? Pois é ): Obrigada!
ExcluirAs minhas só voltam dia 18 MUAHAHAHAHA'
ResponderExcluirAh eu achei legal a Alemanha ter ganhado, prefiro ela do que o Brasil, sério '-'
Aaaw modelinhos lindos *u*
xoxo, http://paradise-of-bunnies.blogspot.com.br
Sortuda jaksopwisusj ♥ Eu também prefiro, euhueheu. Obrigada, Kaah!
ExcluirAdorei os menus, meu favorito foi o último >3<
ResponderExcluirwww.sendohipster.blogspot.com.br
Obrigada, Luiz ♥
ExcluirMinhas aulas voltaram ontem, e tipo, eu não tô dando conta nem do blog, tenho tanta coisa pra fazer ; - ; e o sono? Velho ele me persegue, acabei de acordar pra vim comentar aqui, agora só vou dormir 3 horas da manhã '-' VIU GRINGOS? Sen or, se eu visse um aqui no interior levava pra casa sahuhsa :p
ResponderExcluirMAAACK, GRAÇAS A DEUS ALGUÉM AINDA POSTA TUTORIAIS AQUI NESSA BLOGOSFERA, AMÉM ahuashu Eu A-M-E-I todoooos, mas aquele segundo tá um amor gente, que lindo >< Vou usar sem dúvidas no meu próximo lay ok?
Beijos || Keep on dreaming
Entendo perfeitamente ajsoskwpsous ♥ Eu chego do curso e não me aguento, mal como e já estou dormindo ): Vi, e muitos, hehe. Awe, claro que eu não iria esquecer meus goodies, não é? Okay ^O^
ExcluirLindos modelos, obrigada *o*
ResponderExcluirPor nada ♥
ExcluirGraças a Deus eu estudo a tarde, acho que eu cheguei a estudar de manhã só quando eu tinha uns 11 anos, faz muito tempo, mas eu não tinha nenhum problema em acordar cedo, porque naquele tempo eu amava a escola diferente de hoje ~chora~
ResponderExcluirCara eu queria poder encontrar gringos aqui na minha cidade, mas é obvio que nenhum deles iriam gastar dinheiro pra vir aqui nessa cidade linda e maravilhosa -sqn Enfim, os modelos são lindinhos, você nem precisava disponibilizar, aliás, a metade da blogosfera resolveu usar esse primeiro modelo, sacou né? :v HAUHA' São lindos CRIOLA <3
Beijos ~ Leadership ♡
Mesmo passando por tanto perrengue prefiro estudar de manhã, ahaha. Mulher, tu pare com essas indiretas jskdowudhsde ♥
ExcluirAs minhas voltaram essa segunda, meda :@
ResponderExcluirRealmente alemanha sambou haha, lindos os modelos, adorei :3
cantinhodaslovelys.blogspot.com.br
Awe ♥ Obrigada!
ExcluirGent du céu, que menus lindos! eu talvez os use nem para afiliados apenas pra menu normal mesmo uahushu, no proximo lay ~~que já estou planejando kk'''~~ talvez use Mack *---*
ResponderExcluirkawaii-things.net || Visite :3
Obrigada, Junnie ♥
ExcluirNas minhas também não jaspwisjusksdf >3< Awe ♥ Eu também! Obrigada, Lilly ^O^
ResponderExcluirObrigada, Kyoto ♥
ResponderExcluir~Vc Tá Me Envejando Com Esses Layouts Mulhé~ rsrsrs amei o 4 eu peguei tá???
ResponderExcluir