✿ Menu com imagem

Olá gente abençoada , obrigada pelo carinho de todos(a) vocês de ❤. Hoje resolvi dividir com vocês esse Menu que por sinal é muito fofo!!
Nível Fácil
-------------------------------------------------------------------------------------
Copie o código abaixo cole antes de ]]></b:skin> e salve.

.menu a { margin-right: 140px; background:#FFFFF0; /* Cor das caixinhas */ border-top: 2px dotted #FFB6C1; /* Borda */ font-family: Palatino linotype; /* Fonte */ font-style: italic; /* Estilo da fonte */ text-transform:capitalize; /* Estilo da fonte - uppercase: maísculas e lowercase: minúsculas */ display: block; /* Exibir em bloco */ font-size: 10pt; /* Tamanho da fonte */ color:#363636; /* Cor do texto */ padding: 3px; /* Margem interna */ text-align: left; /* Alinhamente do texto */ margin-bottom: 1px; } .menu a:hover { border-right: 6px solid #FF82AB; /* Borda em hover */ }

-------------------------------------------------------------------------------------
Agora copie o código abaixo cole em HTML/Java Script e salve.

<table cellpadding="0" cellspacing="0" id="AutoNumber1" style=" background-image: url('http://i111.photobucket.com/albums/n159/docedani/acesstemp/backcg_/90.gif') /* Bakground de fundo */; border:1px dashed #FF1493 /* Cor da borda */"> <tbod><tr> <td align="left" width="100%"> <div style="margin-bottom: 0; margin-top: 0;"> <span style="color: #000000 /* Cor da font */; font-size:13;/* Tamanho da Font */" > <div class="menu"> <img src="http://i111.photobucket.com/albums/n159/docedani/imagem_menu/imagem02.png " align="right"/* Imagem do MENU */ /> <a href=" ENDEREÇO "><img src="http://i111.photobucket.com/albums/n159/docedani/imagem_caindo/25.gif" /> Link 01</a> <a hef=" ENDEREÇO "><img src="http://i111.photobucket.com/albums/n159/docedani/imagem_caindo/25.gif" /> Link 02</a> <a href=" ENDEREÇO "><img src="http://i111.photobucket.com/albums/n159/docedani/imagem_caindo/25.gif" /> Link 03</a> <a href=" ENDEREÇO "><img src="http://i111.photobucket.com/albums/n159/docedani/imagem_caindo/25.gif" /> Link 04</a> <a href= " ENDEREÇO "><img src="http://i111.photobucket.com/albums/n159/docedani/imagem_caindo/25.gif" /> Link 05</a> <a href=" ENDEREÇO "><img src="http://i111.photobucket.com/albums/n159/docedani/imagem_caindo/25.gif" /> Link 06</a> </span></div> </td></tr> </tbody></table> </div>

Personalizei algumas Imagens que também podem ser usadas no Menu, para usa-las clic com o botão direito na sua preferida em seguida copiar endereço da imagem,
(na segunda tabela localize /* Imagem do MENU */ apague o endereço atual e cole o novo.

Faça uma copia de todo o seu HTML antes de fazer qualquer personalização no seu blog.

E por hoje é só desejo a todos uma otima semana.Jesus ama vocês!