slide perere

29/07/10

Menu vertical com imagens fixas na lateral do blog

Nem sei se já havia dado essa dica, mas aí está. O menu vertical com imagens. Copie e cole no HTML/Javascript em seu blog, faça as modificações e pronto.

ATENÇÃO O  código na cor vermelha deverá ser trocado pelo número de seu código para a página de favoritos que você deverá fazer em Add This Social Bookmaker Note que o número deverá ser os últimos que constam na barra de endereços.Para conseguir clique AQUI e entre no site. Proceda da seguinte forma:



Clique no ícone com o lado direito do mouse, ao abrir a página clique em "Abrir em nova janela"



Ao abrir, copie o código e cole na parte que está na cor vermelha do código abaixo.















<a class="icomenu" href="ENDEREÇO DO GOOGLE BUZZ" style="position: fixed; left: 2px; top: 80px;" target="_blank">
<img border="0" heigth="48" src="http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eJMKJmi6I/AAAAAAAABYo/pcJ_tNYngiM/s1600/icontexto-webdev-google-buzz.png" title="Google Buzz" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO TECHNORATY" style="position: fixed; left: 2px; top: 130px;" target="_blank">
<img border="0" heigth="48" src="http://3.bp.blogspot.com/_BaCxSD9NFn8/S9eHdJ_K2AI/AAAAAAAABYQ/njOahHFl0qE/s1600/icontexto-webdev-social-bookmark-06-048x048.png" title="Technoraty" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO BLOGBLOGS" style="position: fixed; left: 2px; top: 180px;" target="_blank">
<img border="0" heigth="48" src="http://4.bp.blogspot.com/_BaCxSD9NFn8/S9eJNbECgOI/AAAAAAAABYs/I49Kpks7Kt8/s1600/icontexto-webdev-social-bookmark-blogblogs.png" title="BlogBlogs" width="48" /></a>

<a class="icomenu" href="http://twitter.com/elkedibarros" style="position: fixed; left: 2px; top: 230px;" target="_blank">
<img border="0" heigth="48" src="http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eMs7Q8f4I/AAAAAAAABY0/ytSdlxuvIZA/s1600/icontexto-twitter-54x54.png" title="Siga-me" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO FEED" style="position: fixed; left: 2px; top: 280px;" target="_blank">
<img border="0" heigth="48" src="http://3.bp.blogspot.com/_BaCxSD9NFn8/S9eD6Q_vCOI/AAAAAAAABYI/qYlD7PtUCYk/s1600/icontexto-webdev-rss-feed-048x048.png" title="Feed" width="48" /></a>

<div class="icomenu"><a class="icomenu" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4be07cd1551d2068" style="position: fixed; left: 2px; top: 330px;" target="_blank">
<img src="http://2.bp.blogspot.com/_BaCxSD9NFn8/S9eIjvJDe2I/AAAAAAAABYY/ve7nn8q5EB8/s1600/icontexto-webdev-favorites-048x048.png" />
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4be07cd1551d2068"></script></a></div>

<a class="icomenu" href="mailto:SEUEMAIL@gmail.com" style="position: fixed; left: 2px; top: 380px;" target="_blank">
<img border="0" heigth="48" src="http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eE5Ptw--I/AAAAAAAABYM/XAJRWNdYkG8/s1600/icontexto-webdev-contact-048x048.png" title="Email" width="48" /></a>

4 comentários:

Mayra Fernandes disse...

Ola, Elke gostei muito deste menu, mas não consegui encontrar este link da página que você postou, para pegar o código, que como você mostrou fica na barra de endereços.

Gostaria de mais detalhes.
Um abraço.

Ducrivellari10 disse...

ELKE sua ferramenta de mandar email para fazer parceria não esta funcionando.Adorei seu blog me ajudou muito a criar o meu.


Meu blog é tvnabbu.blogspot.com

Elke di Barros disse...

Oi Mayra dei uma complementada no post, veja se agora ficou mais fácil. Beijos

Elke di Barros disse...

Ducrivellari10, obrigada pela informação, vou dar uma olhada. Beijos

Postar um comentário

-Comentários de anônimos não serão lidos ou publicados.
-Comentários ofensivos não serão publicados.
-Antes de pedir ajuda veja se a dica já não está no índice do blog, para conferir, clique AQUI

Desculpe-me mas não vou a seu blog, não dou consultoria gratuita e não adiciono NINGUÉM ao MSN.
Leia AQUI mais regras.
Estamos combinados ?

Templates e Acessórios / baseado no Simple | por © Templates e Acessórios ©2011