The Moon Reverse ミ✩: Modelos para menu de afiliados ヾ(@^▽^@)ノ

12 de julho de 2015

Modelos para menu de afiliados ヾ(@^▽^@)ノ

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>

textsms      32 comentários

  1. Minhas aulas só voltam em agosto, me inveje moça(〜^∇^)〜.
    Gente, esses menus são um amorzinho >3<.
    Os meus preferidos foram os 2 últimos, são lindos *0*.

    Beijos,
    Ice Moon!

    ResponderExcluir
    Respostas
    1. Agosto? Gente, nunca vi isso :B Obrigada, Bia ♥

      Excluir
  2. Minhas aulas também voltaram hoje, foi horrível! >_< Esses modelos estão uma graça, vou usar no meu novo layout.

    ~ Kissus ♥

    ResponderExcluir
  3. Nem 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~~
    Amei 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

    ResponderExcluir
  4. Oi! Eu estou bem e você?
    Minhas 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]

    ResponderExcluir
    Respostas
    1. 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 ♥

      Excluir
  5. Oi Mack ^^
    As 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

    ResponderExcluir
    Respostas
    1. 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!

      Excluir
  6. Concordo 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

    ResponderExcluir
    Respostas
    1. Ia ser uma desordem! Muitos dos Argentinos são muito agressivos, nossa. Awn ♥ Obrigada, Roh!

      Excluir
  7. Olá Mack, tudo bom? Minhas aulas também voltaram hoje! Agora em diante só estudos heuheue

    O 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

    ResponderExcluir
    Respostas
    1. Olá, Valentina ♥ Estou bem, e você? Pois é ): Obrigada!

      Excluir
  8. As minhas só voltam dia 18 MUAHAHAHAHA'
    Ah 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

    ResponderExcluir
    Respostas
    1. Sortuda jaksopwisusj ♥ Eu também prefiro, euhueheu. Obrigada, Kaah!

      Excluir
  9. Adorei os menus, meu favorito foi o último >3<

    www.sendohipster.blogspot.com.br

    ResponderExcluir
  10. Minhas 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

    MAAACK, 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

    ResponderExcluir
    Respostas
    1. 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^

      Excluir
  11. Graç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~
    Cara 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 ♡

    ResponderExcluir
    Respostas
    1. Mesmo passando por tanto perrengue prefiro estudar de manhã, ahaha. Mulher, tu pare com essas indiretas jskdowudhsde ♥

      Excluir
  12. As minhas voltaram essa segunda, meda :@
    Realmente alemanha sambou haha, lindos os modelos, adorei :3

    cantinhodaslovelys.blogspot.com.br

    ResponderExcluir
  13. Gent 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 *---*


    kawaii-things.net || Visite :3

    ResponderExcluir
  14. Nas minhas também não jaspwisjusksdf >3< Awe ♥ Eu também! Obrigada, Lilly ^O^

    ResponderExcluir
  15. ~Vc Tá Me Envejando Com Esses Layouts Mulhé~ rsrsrs amei o 4 eu peguei tá???

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens!
Ps.: Que saudade, cara... Alguém ainda vivo por aqui em 2020?