Menu Lateral

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu Lateral

Mensagem por raiotec em 10/04/12, 02:51 pm

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
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Resolvido Re: Menu Lateral

Mensagem por Troubleshoot em 10/04/12, 02:59 pm

Olá, aqui está o código :

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&amp;CODE=getactive">Discussioni Attive</a></span></td></tr></tbody></table></div>
Adicione em um widget.

Resulta?

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Menu Lateral

Mensagem por raiotec em 10/04/12, 03:23 pm

Ajudou muito, mais não funcionou muito bem não pois quando se passa o mouse nada acontece.
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Resolvido Re: Menu Lateral

Mensagem por Troubleshoot em 10/04/12, 03:32 pm

Tente adicionar este código :
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&amp;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?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Menu Lateral

Mensagem por raiotec em 10/04/12, 04:56 pm

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.
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Resolvido Re: Menu Lateral

Mensagem por Troubleshoot em 10/04/12, 04:58 pm

Poderia deixar o código ativado ?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Menu Lateral

Mensagem por raiotec em 10/04/12, 05:04 pm

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.
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Resolvido Re: Menu Lateral

Mensagem por Troubleshoot em 10/04/12, 05:09 pm

Aqui o menu está normal ...
Poderia me dizer o melhor de 'estranho' ?

Até.
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2197
Pontos Ativos : 2940

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Menu Lateral

Mensagem por raiotec em 10/04/12, 05:20 pm

Bem cara é assim:
Mais eu meio que queria estilo o do Forum que eu mostrei no primeiro post.
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Resolvido Re: Menu Lateral

Mensagem por iPrompt em 10/04/12, 06:41 pm

Tente este código

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&amp;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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu Lateral

Mensagem por raiotec em 11/04/12, 12:06 pm

Bem cara ficou assim:
Se tiver como colocar os nomes mais pra direita para ficarem visíveis.
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Resolvido Re: Menu Lateral

Mensagem por iPrompt em 11/04/12, 06:30 pm

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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu Lateral

Mensagem por raiotec em 14/04/12, 12:02 pm

Bem ficou do mesmo jeito...
avatar

raiotec
Nível 4

Masculino
Inscrito dia : 02/08/2011
Mensagens : 32
Pontos Ativos : 51

Ver perfil do usuário http://rpgdigisaga.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum