Menu para marcadores



Oiiieh meninas tudo bom?
estou ótima desculpa eu tomei um chá de sumiço e desapareci não estou postando muito por que não tinha assunto até esqueci o que aprendi sobre o HTML tudo isso por causa dos meus 15 anos que esta chegando estou ficando velha U.u, a querida Ju Duarte me pediu para fazer um tuto de como fazer um blockquote e como mudar o sublinhado, italico, negrito e etc. eu já fiz eles se quiser ver clique em BLOCKQUOTE ou ITALICO, SUBLINHADO E OUTROS PERSONALIZADOS é só clicar no nome em caps lock querida enfim vamos ao que interessa não é mesmo vou ensinar como fazer um menu para os marcadores.
Ele é bem útil pois por ele dá pra ver aquele postagem antiga sabe recomendo o uso dele então vamos lá?
Vá no HTML clique dentro dele ou aperte dentro dele e coloque o seguinte código:



Acima dele cole:
/***Menu para marcadores***/.tag {font-family: verdana; /*Fonte do menu*/font-size: 10px; /*Tamanho da fonte*/height: 16px;background: url('URL_DA_IMAGEM') no-repeat left; /*Imagem que fica ao lado do link (16x16 px)*/display: block;margin-bottom: 5px; /*Espaço inferior entre cada link*/padding-left: 18px; /*Não mude*/transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}
.tag a {color: #fe97cd !important; /*Cor dos links*/}
.tag a:hover { color: #bb588b !important; /*Cor dos links quando passa o mouse em cima*/font-weight: bold; /*Deixa os links em negrito quando passa o mouse, apague se não quiser este efeito*/transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}/***Por cherry-liah.blogspot.com - não retire os créditos***/
Edite do seu modo e salve.Vá em layout -> HTML/JavaScript coloque ele no lugar onde quiser que o menu fique e cole esse código:



OBS: REPITA O CÓDIGO SE FOR COLOCAR OUTRA TAGS NO MENU.
Também a outro tipo de menu um que se divide em três filas se você for colocar muitos marcadores esse é bem mais organizado se for pouca coisa não precisa se quiser é claro.
em vez de colocar o ultimo código que dei coloque esse:



E defina da sua forma e pronto vai ficar muito bonito é isso meninas minha dica é essa qualquer outro pedido mandem pelo ask do blog enfim é só isso beijos espero ter ajudado.

Créditos: Cherry Bomb

Resultado da Montagem

6 comentários:

  1. Awn, obrigada, eu precisava mesmo desses blockquote, o italico/sublinhado/negrito eu aprendi sozinha (poisé menina) mas o blockquote eu consegui personalizar, obrigada fofa, amei o tuto, estou pensando em fazer =3

    ResponderExcluir
  2. Lindona vc voltou!!!! Sôdade desse blog divoso <3. Eu sou a sakura-chan, ex dona do blog Black Mustache, lembra? Mudei de blog, dá uma olhadinha e participa do sorteio que tá rolando!
    Kiss,

    http://kawaii--unicorns.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Voltei sim minha linda não tava postando por falta de tempo, vou visitar seu blog sim

      Excluir
  3. Oii!! aceitei a afiliação. desculpa pela demora

    ResponderExcluir
  4. Querida, sou eu a Ju Duarte, mudei de blog e te pus como afiliado lá, se vc puder mudar (o G.I não foi excluido, apenas "migrei" <3

    | countings-stars.blogspot.com | Countings Stars

    ResponderExcluir

REGRAS:

✖ Proibido xingar, insultar
✖ Faça criticas construtivas
✖ Siga, Comente e divulgue
✖ Não plagie as postagens, pegar algum post Credite
✖ Comente sobre o assunto do blog, e no final do comentário coloque o link do seu blog, que eu visitarei e seguirei.