Para ter um menu como este vá até o HTML do seu blog e cole o código abaixo do código <head>
<script language='JavaScript1.2'>
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
.hl {Background-Color : ffffff; Cursor:hand;}
.n {Cursor:hand;}
</style>
Agora copie o segundo código, clique em "Elementos da página", "Adicionar um elemento de página", e agora em HTML/Javascript e cole o código aí. Modifique as cores de seu menu mudando os códigos que estão em vermelho. Coloque os links desejados e salve.
<p align="center">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)}
if (document.all) {document.write('<div id="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
</p>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#BEA1CC">
<tr><td bgcolor="#F5EEF8"> <font face="Tahoma" size="3"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td rowspan="100" width="16" bgcolor="#F5EEF8" align="center"><span style="gt;<p align="center"><font face="Tahoma"><br>M<br>E<br>N<br>U</font></p></span></td>')
</script>
</tr>
<script language="JavaScript1.2">
if (document.alldocument.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configure thelinks below. Extend as desired
text[0]="Link 1";
text[1]="Link 2";
text[2]="Link 3";
text[3]="Link 4";
text[4]="Link 5";
text[5]="Link 6";
text[6]="Link 7";
text[7]="Link 8";
text[8]="Link 9";
text[9]="Link 10";
thelink[0]="AQUI O ENDEREÇO DO LINK 1";
thelink[1]="AQUI O ENDEREÇO DO LINK 2";
thelink[2]="AQUI O ENDEREÇO DO LINK 3";
thelink[3]="AQUI O ENDEREÇO DO LINK 4";
thelink[4]="AQUI O ENDEREÇO DO LINK 5";
thelink[5]="AQUI O ENDEREÇO DO LINK 6";
thelink[6]="AQUI O ENDEREÇO DO LINK 7";
thelink[7]="AQUI O ENDEREÇO DO LINK 8";
thelink[8]="AQUI O ENDEREÇO DO LINK 9";
thelink[9]="AQUI O ENDEREÇO DO LINK 10";
//enter target of above links
//Valid values are '', 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget=''
///NAO MUDE NADA ABAIXO////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]}}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<tr><td onmouseover="className=\'hl\'" onmouseout="className=\'n\'" height="20" bgcolor="white" onclick="navigateie('+i+')"><font face="Tahoma" size="2"> '+text[i]+'</font></td></tr>')}
else {document.write('<tr><td bgcolor="white"><ilayer><layer onmouseover="this.bgColor=\'yellow\'" width="131" onmouseout="this.bgColor=\'white\'" height="18"><font face="Tahoma" size="2"> <a id="nounderline" href="'+thelink[i]+'" target="'+linktarget+'">'+text[i]+'</a></font></layer></ilayer></td></tr>')}
</script>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</div>')}
window.onload=positionmenu
</script>
faz tempo que estou procurando este menu, fiz tudo certinho mas nao aconteceu nada... nao deu certo, gostaria de uma forcinha sua para colocar no meu blog...
ResponderExcluir