Como fazer menu colorido com informações

Como fazer 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...

Se você se considera uma pessoa acanhada, com poucos amigos, sem prestígio, sem dinheiro suficiente, que não sabe falar corretamente, sem postura física e, principalmente, que se sente excluído da sociedade, este curso é para você! "Academia de Arte Mágica".