Tenfoo Tutos

14 de nov de 2011

Menu Flutuando no Canto da página

270668_120391061384520_100002408798783_155263_7590297_n_large
Bom dia minhas fofuchas de chiquinha !!
Meu primeiro post com Tenfoo Tutos , bom hoje será tutos ok?

Bom gente hoje vim trazendo um menu que o código foi feito e personalizado por mim, então nada de retirar os créditos ok? Se repassar coloque créditos ! Gente este código serve para por o menu flutuando no canto da página. Exemplo:  (Tambem exemplo blog Teste)


1] Passo: Abra o html na conta do seu blog e em seguida procure por: 
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
2º Passo: Abaixo dessa linha cole o código abaixo:

/* Menu no flutuando no canto da página por tenfoo tutos */
<div style='top: 5px; right: 5px; z-index: 100; position: fixed;'>
<a href='Link da página'><img src='Url da Imagem' style='width: 130px; height: 40px;'/></a>
<a href='
Link da página'><img src=' Url da Imagem ' style='width: 30px; height: 30px;'/></a>
<a href='
link da página'><img src=' Url da Imagem ' style='width: 30px; height: 30px;'/></a>
</div>
/* Menu no flutuando no canto da página por tenfoo tutos */

----------------------   Personalizando

- Para adicionar mais links coloque antes da escrita de rosa o seguinte código:

<a href='link da página'><img src=' Url da Imagem ' style='width: 30px; height: 30px;'/></a>

- De lilás você troca de acordo com a largura da sua imagem e de verde de acordo com a altura. 
- Trouxe um modelo de imagem para você personalizar no seu editor, com o nome das páginas e em transaprencia, ok? Ela é 130x40


Lembre-se: Copie sempre as medidas para ajustar no menu. 
Dica: Bom gente depois de visualizar perceberam que apareceu um código assim: 


Então vá no código do menu e retire o que está de roxo ok? Visualize, deu tudo certo, agora salve !!E pronto seu menu. Bom gente por hoje é só muitos beijinhos e até mais... Usou e gostou do menu comente!

2 comentários:

- Thays ♥' disse...

ooi querida, obg pelo carinho lá no blog =)
Gostei bastante do seu, tem tutoriais mt bons =)
Continue assim..
E volte no coisinhasmil sempre que quiser..
beijão e fique com Deus

Nathy andrade disse...

oi flor já estou seguindo seu site
você pode me seguir tb minha meta de sguidores para esse primeiro mês é de 50 seguidores vc pode me ajudar
http://magic-nathy.blogspot.com

Postar um comentário