Cute Poison

Ok, atendendo alguns pedidos, vou ensinar como fazer um menu lateral, igual a esse aqui abaixo.

Primeiro passo:

Copie o script abaixo:

<STYLE>A.ssmItems:link {
	COLOR: #616949; TEXT-DECORATION: none
}
A.ssmItems:hover {
	COLOR: #616949; TEXT-DECORATION: none
}
A.ssmItems:active {
	COLOR: #616949; TEXT-DECORATION: none
}
A.ssmItems:visited {
	COLOR: #616949; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT language=JavaScript1.2>
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

<SCRIPT language=JavaScript1.2>
<!--

YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="#616949";
menuIsStatic="yes";
menuWidth=150;
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="#616949";
hdrBGColor="#bdc2ae";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="#d3d6c9";
linkOverBGColor="bdc2ae";
linkTarget="_top";
linkAlign="Left";
barBGColor="#bdc2ae";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="#616949";
barVAlign="center";
barWidth=20; // no quotes!!
barText="Menu";

ssmItems[0]=["NOME"]
ssmItems[1]=["LINK 1", "http://endereçodapagina", "_self"]
ssmItems[2]=["LINK 2", "http://endereçodapagina", "nome_da_fame"]
ssmItems[3]=["LINK 3", "http://endereçodapagina", "nome_da_frame"]
ssmItems[4]=["LINK 4", "http://endereçodapagina", "nome_da_frame"]

ssmItems[5]=["NOME", "", ""]
ssmItems[6]=["LINK 1", "http://endereçodapagina", "_self"]
ssmItems[7]=["LINK 2", "http://endereçodapagina", "_blank"]
ssmItems[8]=["LINK 3", "http://endereçodapagina", "_self"]
ssmItems[9]=["LINK 4", "http://endereçodapagina", "_blank"]

buildMenu();

//-->
</SCRIPT>

Segundo passo:

Abra o seu editor de HTML e cole (Control + V) o script acima copiado na página onde você quer que ele apareça. Lembrando de que você deve colar antes da tag /Head.

Terceiro passo:

Agora vamos configurar o menu a seu gosto. É bem simples. Procure esta parte do código, e a configure conforme seu gosto:

YOffset=150; // altura da página onde o menu irá aparecer
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="#616949"; // cor do fundo (background) do menu NOME (sem link)
menuIsStatic="yes";
menuWidth=150; // largura do menu
menuCols=2;
hdrFontFamily="verdana"; // fonte
hdrFontSize="2"; // tamanho da fonte
hdrFontColor="#616949"; // cor da fonte
hdrBGColor="#bdc2ae"; // cor do fundo do menu (com link)
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="#d3d6c9";
linkOverBGColor="bdc2ae";
linkTarget="_top";
linkAlign="Left";
barBGColor="#bdc2ae";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="#616949";
barVAlign="center";
barWidth=20; // no quotes!!
barText="Menu";

ssmItems[0]=["NOME"] // Nome da parte do menu (sem link)
ssmItems[1]=["LINK 1", "http://endereçodapagina", "_self"] // substitua os locais indicados
ssmItems[2]=["LINK 2", "http://endereçodapagina", "nome_da_fame"] // substitua os locais indicados
ssmItems[3]=["LINK 3", "http://endereçodapagina", "nome_da_frame"] // substitua os locais indicados
ssmItems[4]=["LINK 4", "http://endereçodapagina", "nome_da_frame"] // substitua os locais indicados

ssmItems[5]=["NOME", "", ""] // Nome da parte do menu (sem link)
ssmItems[6]=["LINK 1", "http://endereçodapagina", "_self"] // substitua os locais indicados
ssmItems[7]=["LINK 2", "http://endereçodapagina", "_blank"] // substitua os locais indicados
ssmItems[8]=["LINK 3", "http://endereçodapagina", "_self"] // substitua os locais indicados
ssmItems[9]=["LINK 4", "http://endereçodapagina", "_blank"] // substitua os locais indicados