Hey Boys and Girls ;*
Tudo bem com vocês seres humanos? Comigo está mais ou menos, só porque estou na última semana de aula, parece que os dias estão demorando para passar, aff ¬¬.Mas não é só porque é a última semana de aula que eu não estava atolada de deveres e trabalhos, pois é, por isso que não poistei nada esses dias.Tive duas apresentações, uma ontem e outra hoje.Aff, quero férias logo, não aguento mais...
Bom falando sobre o post, trouxe um tutorial de como personalizar os marcadores do post.Ele vai ficar hover, igual esse que eu estou usando.O tutorial é do The Moon Reverse, então, créditos vão para lá.Lest's go Babys!
Imagem do TMR. |
1. Abra seu HTML e pesquise pela tag ]]></b:skin>
Após achar a tag, cole acima dela o código abaixo:
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }markers {background:#ffb9bf;box-shadow: inset 0px 0px 4px #ff9aa2, 2px 2px 0px #f5f5f5;color: #fff;font-family:silkscreen;text-shadow: 1px 1px 0px #ff8d96;font-size: 8px;padding-top: 4px; /* Acolchoamento do topo */padding-bottom: 4px; /* Acolchoamento do fundo */padding-right:5px; /* Acolchoamento da direita */padding-left: 5px; /* Acolchoamento da esquerda */-webkit-border-radius: 2px; /* Google e Safari */-moz-border-radius: 2px; /* Mozilla e Firefox */border-radius: 2px; /* Alcance da borda */-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;}markers:hover {background:#c2d6da; /* Fundo Hover */box-shadow: inset 0px 0px 4px #b2cbd0, 2px 2px 0px #f5f5f5; /* Sombra hover */text-shadow: 1px 1px 0px #a2c1c7; /* Sombra do texto em hover */}
2. Agora pesquise pela tag <data:label.name/> e coloque entre ela o seguinte código:
<markers> e </markers>
Ficará assim:
<markers><data:label.name/></markers>
É só salvar e pronto.
Quem gostou do tuto? Comenta.
Kiss!
Amei os marcadores os 2 são lindos <3!
ResponderExcluirBeijos♥
garota-com-lilas.blogspot.com.br
Obrigada ^^
Excluir