Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Menu Lateral
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Menu Lateral
Qual é minha questão:
bem é que queria saber se tem como colocar um tipo de aba lateral que quando passa o mouse abre lateralmente, mais ou menos igual ao desse forum ~~> digimonbattlevolutiongdr.forumcommunity.net
Medidas que eu tomei para corrigir o problema:
Pesquisei mais nada achei
Links e imagens do meu problema:
NONE
Endereço do meu fórum:
http://dmpc.forumbrasil.net/
Versão do meu fórum:
INVISION
bem é que queria saber se tem como colocar um tipo de aba lateral que quando passa o mouse abre lateralmente, mais ou menos igual ao desse forum ~~> digimonbattlevolutiongdr.forumcommunity.net
Medidas que eu tomei para corrigir o problema:
Pesquisei mais nada achei
Links e imagens do meu problema:
NONE
Endereço do meu fórum:
http://dmpc.forumbrasil.net/
Versão do meu fórum:
INVISION
Re: Menu Lateral
Olá, aqui está o código :
Resulta?
- Código:
<div id="ssm" style="width: 160px; z-index: 9; top: 20px; position: fixed !important; left: -130px; " onmouseover="move(10)" onmouseout="clearTimeout(moving); moving=setTimeout('move(-10)',waitTime)"><table class="mainbg" width="100%" cellpadding="4" cellspacing="1"><tbody><tr><td class="title" align="center"><b>DBEGDR</b></td><td class="ww" rowspan="100" style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align="center" valign="middle">D<br>i<br>g<br>i<br><br>M<br>e<br>n<br>ù</td></tr><tr><td class="aa"><span class="web"><a href="?f=5104343">Schede GDR</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104344">Digiworld Selvaggia</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104346">Dungeon Cristallo</a></span></td></tr><tr><td class="aa"><span class="web"><a href="http://digimonbattlevolutiongdr.forumcommunity.net/?f=5485856">Digidex</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=7515203">Tana Ogremon</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104358">Digi Infermeria</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104709">Palestra Gaomon</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104363">Rovine Sacre</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104373">Archivio Missioni</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104381">Digi Colosseo</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?act=Search&CODE=getactive">Discussioni Attive</a></span></td></tr></tbody></table></div>
Resulta?
Re: Menu Lateral
Ajudou muito, mais não funcionou muito bem não pois quando se passa o mouse nada acontece.
Re: Menu Lateral
Tente adicionar este código :
Se ficar "bugado" apenas adicione este :
Resulta?
- Código:
<script type="text/javascript"><!--
moving=setTimeout('null',1);
function move(b){if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0){clearTimeout(moving); moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft} else{clearTimeout(moving); moving=setTimeout('null',1)}}
function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; z-index:9; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+\'px\'); position:fixed!important; ')+'position:absolute" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout(\'move(-10)\',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align=center valign=middle>'+barText); Menu=document.getElementById("ssm").style; theleft=-Width}
function addItem(text,link){document.write('<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
function endMenu(){document.write('<\/table><\/div>')}
if(document.getElementById){
isStatic=false;
Yoffset=20;
Width=130;
slideSpeed=20;
waitTime=500;
startMenu("DBEGDR","D<br>i<br>g<br>i<br><br>M<br>e<br>n<br>ù");
addItem("Schede GDR","?f=5104343");
addItem("Digiworld Selvaggia","?f=5104344");
addItem("Dungeon Cristallo","?f=5104346");
addItem("Digidex","http://digimonbattlevolutiongdr.forumcommunity.net/?f=5485856");
addItem("Tana Ogremon","?f=7515203");
addItem("Digi Infermeria","?f=5104358");
addItem("Palestra Gaomon","?f=5104709");
addItem("Rovine Sacre","?f=5104363");
addItem("Archivio Missioni","?f=5104373");
addItem("Digi Colosseo","?f=5104381");
addItem("Discussioni Attive","?act=Search&CODE=getactive");
endMenu()}
//--></script>
</div><script type="text/javascript"></script> <div id="ssm" style="width: 160px; z-index: 9; top: 20px; position: fixed !important; left: -130px; " onmouseover="move(10)" onmouseout="clearTimeout(moving); moving=setTimeout('move(-10)',waitTime)"><table class="mainbg" width="100%" cellpadding="4" cellspacing="1"><tbody><tr><td class="title" align="center"><b>DBEGDR</b></td><td class="ww" rowspan="100" style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align="center" valign="middle">D<br>i<br>g<br>i<br><br>M<br>e<br>n<br>ù</td></tr><tr><td class="aa"><span class="web"><a href="?f=5104343">Schede GDR</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104344">Digiworld Selvaggia</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104346">Dungeon Cristallo</a></span></td></tr><tr><td class="aa"><span class="web"><a href="http://digimonbattlevolutiongdr.forumcommunity.net/?f=5485856">Digidex</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=7515203">Tana Ogremon</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104358">Digi Infermeria</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104709">Palestra Gaomon</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104363">Rovine Sacre</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104373">Archivio Missioni</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104381">Digi Colosseo</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?act=Search&CODE=getactive">Discussioni Attive</a></span></td></tr></tbody></table></div>
Se ficar "bugado" apenas adicione este :
- Código:
<script type="text/javascript"><!--
moving=setTimeout('null',1);
function move(b){if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0){clearTimeout(moving); moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft} else{clearTimeout(moving); moving=setTimeout('null',1)}}
function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; z-index:9; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+\'px\'); position:fixed!important; ')+'position:absolute" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout(\'move(-10)\',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align=center valign=middle>'+barText); Menu=document.getElementById("ssm").style; theleft=-Width}
function addItem(text,link){document.write('<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
function endMenu(){document.write('<\/table><\/div>')}
if(document.getElementById){
isStatic=false;
Yoffset=20;
Width=130;
slideSpeed=20;
waitTime=500;
startMenu("DBEGDR","D<br>i<br>g<br>i<br><br>M<br>e<br>n<br>ù");
addItem("Schede GDR","?f=5104343");
addItem("Digiworld Selvaggia","?f=5104344");
addItem("Dungeon Cristallo","?f=5104346");
addItem("Digidex","http://digimonbattlevolutiongdr.forumcommunity.net/?f=5485856");
addItem("Tana Ogremon","?f=7515203");
addItem("Digi Infermeria","?f=5104358");
addItem("Palestra Gaomon","?f=5104709");
addItem("Rovine Sacre","?f=5104363");
addItem("Archivio Missioni","?f=5104373");
addItem("Digi Colosseo","?f=5104381");
addItem("Discussioni Attive","?act=Search&CODE=getactive");
endMenu()}
//--></script>
</div><script type="text/javascript"></script>
Resulta?
Re: Menu Lateral
Olá, bem é que os Widgets ficaram no meio do fórum e Quando se passa o Mouse no Menu ele aparece e fica lá mesmo apos tirar o mouse e não tem bordas fica só os nomes soltos.
Re: Menu Lateral
Já está lá, mais eu coloquei o ultimo script que me enviou e os Widgetes não estão mais lá no meio porem o menu ainda está estranho.
Re: Menu Lateral
Bem cara é assim:
Mais eu meio que queria estilo o do Forum que eu mostrei no primeiro post.
Mais eu meio que queria estilo o do Forum que eu mostrei no primeiro post.
Re: Menu Lateral
Tente este código
Depois adiciona este código em sua Folha de estilo CSS
- Código:
<script type="text/javascript"><!--
moving=setTimeout('null',1);
function move(b){if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0){clearTimeout(moving); moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft} else{clearTimeout(moving); moving=setTimeout('null',1)}}
function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; z-index:9; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+\'px\'); position:fixed!important; ')+'position:absolute" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout(\'move(-10)\',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan=100 style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align=center valign=middle>'+barText); Menu=document.getElementById("ssm").style; theleft=-Width}
function addItem(text,link){document.write('<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>')}
function endMenu(){document.write('<\/table><\/div>')}
if(document.getElementById){
isStatic=false;
Yoffset=20;
Width=130;
slideSpeed=20;
waitTime=500;
startMenu("DBEGDR","D<br>i<br>g<br>i<br><br>M<br>e<br>n<br>ù");
addItem("Schede GDR","?f=5104343");
addItem("Digiworld Selvaggia","?f=5104344");
addItem("Dungeon Cristallo","?f=5104346");
addItem("Digidex","http://digimonbattlevolutiongdr.forumcommunity.net/?f=5485856");
addItem("Tana Ogremon","?f=7515203");
addItem("Digi Infermeria","?f=5104358");
addItem("Palestra Gaomon","?f=5104709");
addItem("Rovine Sacre","?f=5104363");
addItem("Archivio Missioni","?f=5104373");
addItem("Digi Colosseo","?f=5104381");
addItem("Discussioni Attive","?act=Search&CODE=getactive");
endMenu()}
//--></script>
<div id="ssm" style="width: 160px; z-index: 9; top: 20px; position: fixed !important; left: -130px; " onmouseover="move(10)" onmouseout="clearTimeout(moving); moving=setTimeout('move(-10)',waitTime)"><table class="mainbg" width="100%" cellpadding="4" cellspacing="1"><tbody><tr><td class="title" align="center"><b>DBEGDR</b></td><td class="ww" rowspan="100" style="width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align="center" valign="middle">D<br>i<br>g<br>i<br><br>M<br>e<br>n<br>ù</td></tr><tr><td class="aa"><span class="web"><a href="?f=5104343">Schede GDR</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104344">Digiworld Selvaggia</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104346">Dungeon Cristallo</a></span></td></tr><tr><td class="aa"><span class="web"><a href="http://digimonbattlevolutiongdr.forumcommunity.net/?f=5485856">Digidex</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=7515203">Tana Ogremon</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104358">Digi Infermeria</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104709">Palestra Gaomon</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104363">Rovine Sacre</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104373">Archivio Missioni</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?f=5104381">Digi Colosseo</a></span></td></tr><tr><td class="aa"><span class="web"><a href="?act=Search&CODE=getactive">Discussioni Attive</a></span></td></tr></tbody></table></div>
Depois adiciona este código em sua Folha de estilo CSS
- Código:
table, div {
font-size: 8pt;
color: #A4A4A4;
border-spacing: 0;
}
.ww, .zz, .xx, .yy, .aa, .bb, .cc {
background: #EEE url(http://skin.forumfree.net/2005/1601417760.png) repeat-x;
}
table, div {
font-size: 8pt;
color: #A4A4A4;
border-spacing: 0;
}
Re: Menu Lateral
Bem cara ficou assim:
Se tiver como colocar os nomes mais pra direita para ficarem visíveis.
Se tiver como colocar os nomes mais pra direita para ficarem visíveis.
Re: Menu Lateral
Troca o código da Folha de estilo CSS por este
- Código:
table, div {
font-size: 8pt;
color: #A4A4A4;
border-spacing: 0;
}
.ww, .zz, .xx, .yy, .aa, .bb, .cc {
background: #EEE url(http://skin.forumfree.net/2005/1601417760.png) no-repeat;
}
table, div {
font-size: 8pt;
color: #A4A4A4;
border-spacing: 0;
}
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos