03/07/2010

0

MENU COLORIDO COM INFORMAÇÕES

Esse código gera um menu totalmente editável, porém um pouco difícil. Por isso, tenha sempre muito cuidado para que o menu funcione a contento. Copie e cole o código abaixo em seu gadget - html - java e substitua algumas partes com muito cuidado.



-------------------------------------------------
<script language="JavaScript">

<!-- Begin
var linktext=new Array()
linktext[0]='<table border="0" width="210" height="185" bgcolor="#FF0000" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>O blog das artes em geral.</b></font></td></tr></table>'
linktext[1]='<table border="0" width="210" height="185" bgcolor="#FF00FF" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Construa seu blog com o Dr. Mister Blog.</b></font></td></tr></table>'
linktext[2]='<table border="0" width="210" height="185" bgcolor="#00FFFF" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Aqui você encontra tudo para se aperfeiçoar nas artes.</b></font></td></tr></table>'
linktext[3]='<table border="0" width="210" height="185" bgcolor="#F0F0F0" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Aqui você tem os códigos mais legais que vão deixar seu blog com outra cara!</b></font></td></tr></table>'
linktext[4]='<table border="0" width="210" height="185" bgcolor="#FFFF00" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Cinema, Animação, cenários, efeitos,modelagem e arte.</b></font></td></tr></table>'
var ns6=document.getElementById&&!document.all
var ie=document.all
function show_text(thetext, whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext] }
function reset(whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML='<table border="0" width="210" height="185" bgcolor="#80FF00" cellpadding="0" cellspacing="8"><tr><td valign="top"><font face="arial" size="4"><b>Coloque o cursor sobre oslinks ao lado para ver a descrição.<p>Clique no link para visitar a página.</b></font></td></tr></table>'
else if (ns6) document.getElementById(whichdiv).innerHTML='<table border="0" width="210" height="185" bgcolor="#80FF00" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Coloque o cursor sobre oslinks ao lado para ver a descrição.<p>Clique no link para visitar a página.</b></font></td></tr></table>'}
// End -->
</script>


<table border="0" width="370" bgcolor="black" cellpadding="0" cellspacing="0" align="center">
<tr><td>

<table border="0" background="stuff/index_background.gif" width="370" cellpadding="1" cellspacing="0">
<tr><td>

<table border="0" width="160" bgcolor="#80FF00" cellpadding="8" cellspacing="3">
<tr>
<td onclick="window.location='http://cacema.blogspot.com/'" onmouseover="bgColor='#FF0000'; show_text(0,'div1')" onmouseout="bgColor='#80FF00'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>CACEMA</b></font></td>
</tr>
<tr>
<td onclick="window.location='http://dr-misterblog.blogspot.com/'" onmouseover="bgColor='#FF00FF'; show_text(1,'div1')" onmouseout="bgColor='#80FF00'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>MISTERBLOG</b></font></td>
</tr>
<tr>
<td onclick="window.location='http://cacema.blogspot.com/'" onmouseover="bgColor='#00FFFF'; show_text(2,'div1')" onmouseout="bgColor='#80FF00'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>CACEMA</b></font></td>
</tr>
<tr>
<td onclick="window.location='http://dr-misterblog.blogspot.com/'" onmouseover="bgColor='#F0F0F0'; show_text(3,'div1')" onmouseout="bgColor='#80FF00'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>MISTERBLOG</b></font></td>
</tr>
<tr>
<td onclick="window.location='http://cacema.blogspot.com/'" onmouseover="bgColor='#FFFF00'; show_text(4,'div1')" onmouseout="bgColor='#80FF00'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>CACEMA</b></font></td>
</tr>
</table>

</td>
<td>
<span id="div1"><table border="0" width="210" height="185" bgcolor="#80FF00" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Coloque o ponteiro do mouse sobre os links ao lado.<br /><br />Clique nos links para fazer uma visita.</b></font></td></tr></table></span>
</td>
</tr>
</table>

</td>
</tr>
</table>
--------------------------------------------------

Substitua as partes em vermelho por seus links e as partes em verde pelo nome de seus links.
Até a próxima...

Nenhum comentário:

Postar um comentário

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Walter Matheus é um marketeiro credenciado e tem sido associado a várias publicações online, incluindo este blog,
Dr. Mister Blog e Sabedoria do corpo.

Ele também tem um vasto programa de treinamento para marketeiros no seu próprio site localizado em: WMF Program.

Se você gostou deste conteúdo do blog, você vai se beneficiar muito obtendo conteúdo diário. Ao assinar meu feed, você receberá conteúdo atualizado bem como os bônus especiais.

Junte-se a shareasale.com para ganhar muito dinheiro em seu site ou blog!

Para qualquer dúvida, entre em contato

Veja também

Top comentários

Veja aqui os Vídeos do meu canal