17.2.16

Menu para marcadores


Boa noite amadinhos, tudo bem? Prometo responder os comentários do post anterior e retribuir, só para tentar explicar o porque de ainda não fazer é que já voltei a estudar e para quem ainda não faz faculdade é algo bem estressante, no caso nos deixa sem tempo para nada! É até engraçado pois antes que estava com tempo de sobra eu não estava a fim de postar e agora que não tenho voltei com o blog hahaha. Coisas da vida né non? Mas então, fico feliz que os leitores voltaram a fazer pedidos na ask, espero que ela continue assim, movimentadinha.

Mas então, eu fiz dois modelos de menus para marcadores são simples mas bem fofos, não sei muito bem criar menu para marcador pois eu sempre crio os meus do jeito mais simples. Espero suprir a expectativa da leitora que pediu e aos demais leitores, prometo que da próxima vez irei tentar melhorar e criar outros modelos >.< Gente uma pergunta, vocês acham que o blog decaiu com os tutoriais e todo o resto? Acham que tenho que melhorar em algo? Se tenho, quais são? Ficaria muito grata de me falarem o que posso mudar pois quero muito continuar a trazer coisas interessantes e de qualidade ok?

LIVE PREVIEW (*3*)

MENU MARCADORES 1
marcador1{
color:#FFF;
background:#E1E3EB;
border:solid 1px solid #D8DBE8;
margin:1px;
margin-bottom:3px;
padding:5px 5px 5px 5px;
display: inline-block;
text-shadow: 1px 1px 1px #A9AEC0;
font-family: Muli;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;
text-align: center;
font-size: 10px;
float:left;
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;
}
marcador1:hover{
cursor:hand;
background:#D7DAE7;
border:solid 1px solid #C6CAD9;
color:#AEB3C7;
text-shadow: 1px 1px 1px #FFF;
-webkit-transition: all 0.5s ease-in-out;
}
LINKS:
<center>
<a href="LINK"><marcador1># filmes</marcador1></a>
<a href="LINK"><marcador1># tags</marcador1></a>
<a href="LINK"><marcador1># wishlists</marcador1></a>
<a href="LINK"><marcador1># fashion</marcador1></a>
</center>

MENU MARCADORES 2
marcador2{
color:#999;
background:#eee url(http://i.imgur.com/oA8jBQ1.png)no-repeat left;
border:solid 1px solid #999;
margin:1px;
margin-bottom:3px;
padding: 5px 5px 5px 16px;
display: inline-block;
text-shadow: 1px 1px 1px #fff;
font-family: Muli;
font-weight: 300;
letter-spacing: 0px;
text-transform: uppercase;
text-align: right;
font-size: 11px;
float:left;
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;
}
marcador2:hover{
cursor:hand;
background:#eee url(http://i.imgur.com/ed00dlj.png)no-repeat left;
border:solid 1px solid #DCDFEA;
color:#aaa;
text-shadow: 1px 1px 1px #FFF;
-webkit-transition: all 0.5s ease-in-out;
}
LINKS:
<center>
<a href="LINK"><marcador2>filmes</marcador2></a>
<a href="LINK"><marcador2>tag</marcador2></a>
<a href="LINK"><marcador2>wishlist</marcador2></a>
<a href="LINK"><marcador2>moda</marcador2></a>
</center>

3 comentários:

  1. Boa noite! (Ou bom dia). <33 Que pena que está sem tempo, mesmo assim, obrigada por ter reservado um pouquinho de tempo para postar. Eu venho aqui para usar uns tutoriais e credito no blog claro. Mas nunca pensei em comentar, agora que eu raciocinei vim aparecer. Hmmm, você quer uma crítica construtiva dos tutos? Eu gosto dos seus tutos sim, gosto dos menus. É só você ir fazendo que você vai conseguindo menus mais bonitinhos do que antes, as vezes você tem que colocar uma cor fofa que chama a atenção das pessoas para o menu. Gostei do modelozinho dos marcadores, irei usar quando precisar <33

    Bye bye (^-^)//
    O Snack Cheese foi pra escola~| Clique aqui, e vá ao encontro do SC! (´ω`♡%)

    ResponderExcluir
  2. Que bom que está de volta, eu tambem sou assim quando não tenho tempo minha cabeça fica cheia de ideias e cheia de vontade de fazer coisas que eu não posso pois não tenho tempo kkk.Eu amei o menu acho que vou usar no meu proximo layout que estou fazendo *---*

    kawaii-t.blogspot.com

    ResponderExcluir
  3. Roh! Oi! Cheguei tarde? -qq
    Nem acredito que você atendeu ao meu pedido, gostei dos menuzinhos, curti o segundo, e também adorei o novo layout do seu blog de testes, eu adoro azul sahusashu
    Bem... Uma crítica... Sei lá, eu gosto dos tutoriais que você faz, não acho que você decaiu, mas também não acho que você melhorou significativamente, como posso dizer? Você está do mesmo jeito! Isso é bom e é ruim, bom porque você sempre fez as coisas com qualidade e é ruim porque às vezes se torna cansativo. Adoro os menus de agende e lista que você faz, eu já usei várias das suas listas bonitinhas <3
    Bom... É claro que nem sempre seus menus fazem o meu estilo, por exemplo, adoro muito da Anilyan do Chuva de HTML, qualquer dia dá uma passada no blog dessa guria, as coisas que ela posta lá são bem criativas. Acho que é isso que falta, algo diferente, fora do padrão, original, sabe? Sei lá, uma imagem no fundo do menu, quem sabe (?) enfim... Algo que não seja comum. Mas claro, acho que cada blogueira tem o seu estilo de fazer os menuzinhos e o seu é mais clean e sem tanto hover. E eu adoro seu estilo!
    Acho que não falei nada com nada -q
    Me perdoa shuahasu

    Diário de uma Otome

    ResponderExcluir

Olá! Se chegou até aqui é porque leu toda a postagem certo? Não? Poxa, comenta antes de sair e por favor, tente ler todo o conteúdo do post pois, por mais que a maioria do que eu escrevo seja sobre css e html, eu também comento sobre vários assuntos no mesmo post.

E abaixo, algumas regrinhas para seguir e fazer um comentário bem maroto:

1 - Comente apenas se sentir a vontade e queira.

2 - Seja educado, não use palavras inapropriadas, respeite os outros comentários e opiniões alheias.

3 - Se eu fico feliz quando comentam algo? Ô se fico, na verdade adoro!

4 - Antes de sair além de comentar deixe o link do seu bloguinho caso queira pois assim conseguirei lhe visitar e deixar um recadinho.

5 - Quer ser afiliado ao blog? Só pedir nos comentários ou na própria página direcionada a isto, estou precisando de afiliados mesmo rsrs.

Obrigada por tanto e obrigada por me acompanhar até aqui, fico muito feliz e grata pela sua companhia!

Roh ~

GNMH - LAYOUT E DESIGN POR RDS / CRIADOS EXCLUSIVAMENTE PARA ESTE BLOGUINHO ❤