Oláá pessoas!!
Tudo bom??
Desculpe por não postar mais cedo... É poca de provas chegando, aí... já sabem néh?
Para nossa alegria, hoje é Quinta-Feira. Mas antes de tudo, quero falar que a meta de 30 seguidores está concluída!!
Pois é, e quem completou essa meta foi a Vitória Maria. E a segunda, foi uma novata na blogosfera!! A Naomii!!
Ela é um pouco nova aqui no blog, e na blogosfera, e queria pedir pra você ajudarem a tornar o Heart Glass um sucesso!!
E pra deixar essa alegria mais alegre, trouxe um tutorial do menu aqui do MD.
É um tutorial bem rapidinho. Não leva nem 5 minutos.
Querem aprender?
Vamos lá....
Antes de tudo, queria deixar claro, que esse tutorial eu aprendi no KW.
Os códigos são de lá. Mas a explicação é minha ok?
Bom primeiramente, vá no HTML do seu blog, de um Ctrl+F e na caixinha, procure por
]]></b:skin>
Acima dessa tag, cole o seguinte código:
#menu{background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) right ;width: 110px;float: left;height: 20px;font: 20px Play;color: #fff;padding: 2px 0 6px 0;text-align: center;border-radius: 7px;margin: 5px;text-transform: uppercase;cursor: default;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}#menu:hover {opacity: .95;background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) left ; color: #5f5147;}
Lembre-se, que pra funcionar, você tem que colocar o URL das imagens, nos dois campos em negrito.
Depois de ter feito as alterações, salve.
Agora, é só colar o seguinte código em um Gadget HTML/Javascript:
<a href="link" id="menu">Link</a>
Onde está marcado de rosa, cole o Link da sua página.
E onde está marcado de azul, cole o título que você quer que apareça.
(cores de fontes no código HTML)
Resultado:
E, pra ser legal...
Trouxe umas imagens pra vocês usarem nesse menu.
As imagens foram feitas pela Lary, e pela Kaorii hein...
Bom, por hoje é só!!
~~Kissus~~
Nenhum comentário:
Postar um comentário
Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.
Obrigada por Comentar!!