8 de nov. de 2012

Meta Concluída+ Divulgação+ Tutorial: Menu Roll Right



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!!