Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

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

LAYOUT E CODIFICAÇÃO POR ROH A. RAMOS OS DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017