Erro com slide e menu drop down
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
Erro com slide e menu drop down
Qual é minha questão:
Olhe só, meu slide esta cortando o meno drop down vejam:
Segue aqui o codigo do slide, se precisarem do codigo do menu tambem estarei postando:
Aqui esta o codig css do menu:
e o codigo html:
Endereço do meu fórum:
http://www.zezeniabr.com
Versão do fórum:
PHPBB3
Olhe só, meu slide esta cortando o meno drop down vejam:
Segue aqui o codigo do slide, se precisarem do codigo do menu tambem estarei postando:
- Código:
TOP 5.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward) ;width:380px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}
var counts = 5;
img1 = new Image();
img1.src = 'http://i.imgur.com/kGVNP.png';
img2 = new Image();
img2.src = 'http://i.imgur.com/quPc64f.png';
img3 = new Image();
img3.src = 'http://i.imgur.com/XvUu7.png';
img4 = new Image();
img4.src = 'http://i.imgur.com/Dn6Ci.png';
img5 = new Image();
img5.src = 'http://i.imgur.com/q4H45.png';
var smallImg = new Array();
smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';
smallImg[3] = 'http://i.imgur.com/j9q7B.png';
smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
url1 = 'http://spdesign.ativoforum.com/';
url2 = 'http://www.pokeshiny.com/';
url3 = 'http://www.suportedesign.net/';
url4 = 'http://narutoreborn.ativoforum.com/ ';
url5 = 'http://www.power-pixel.net/';
alt1 = new Image();
alt1.alt = 'Clique e confira!';
alt2 = new Image();
alt2.alt = 'Naruto Reborn';
alt3 = new Image();
alt3.alt = 'Brasil Designer Forever';
alt4 = new Image();
alt4.alt = 'Brasil Designer Forever';
alt5 = new Image();
alt5.alt = 'Brasil Designer Forever';
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url_theme").href=url' + nn);
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url_theme").target = "_blank";
document.getElementById("url_theme").style.cursor = "pointer";
} else {
document.getElementById("url_theme").target = "_blank"
document.getElementById("url_theme").style.cursor = "pointer"
}
for ( var i = 1; i counts) {
nn = 1;
}
tt = setTimeout('change_img()', 4000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('
');
document.write('
[url=http://ajuda.forumeiros.com/]<img id="pic" class="imgbig" />[/url]');
document.write('
');
for ( var i = 0; i < counts; i++) {
document.write('[url=http://ajuda.forumeiros.com/javascript:changeimg(' + (i + 1)br / + ');][img]' + smallImg[i]br / + '[/img][/url]');
}
document.write('');
change_img();
}ImageShow()
Aqui esta o codig css do menu:
- Código:
/* test ui nav */
.menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; }
.menu li{position:relative; float:left; border-right:1px solid #c0c0c0;}
.menu li a{font-size:1.3em; color:#333; text-decoration:none; padding:5px 10px; display:block;}
.menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }
.menu li ul{position:absolute; top:23px; left:-20px; background-color:#fff; display:none; }
.menu li:hover ul ul{display:none;}
.menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{display:block;}
.menu li ul li{border:1px solid #c0c0c0; display:block; width:110px;}
li.border0{border:0;}
.menu li ul li ul{z-index:900; top:0; left:110px; background:#eaeaea;}
body {behavior:url(csshover.htc); }
/*Fix IE. Hide from IE Mac\*/
* html .menu {margin-left:175px; }
/*End*/
e o codigo html:
- Código:
[list]
[*][url=http://ajuda.forumeiros.com/#]Inicial[/url]
[*][url=http://ajuda.forumeiros.com/#]Sobre[/url]
[*][url=http://ajuda.forumeiros.com/#]Serviços[/url]
[list]
[*][url=http://ajuda.forumeiros.com/#]Web Design[/url]
[list]
[*][url=http://ajuda.forumeiros.com/#]CSS[/url]
[*][url=http://ajuda.forumeiros.com/#]XHTML[/url]
[/list]
</li>
[*][url=http://ajuda.forumeiros.com/#]Web Master[/url]
[*][url=http://ajuda.forumeiros.com/#]SEO[/url]
[*][url=http://ajuda.forumeiros.com/#]Design Gráfico[/url]
[/list]
</li>
[*][url=http://ajuda.forumeiros.com/#]Portfolio[/url]
[*][url=http://ajuda.forumeiros.com/#]Contato[/url]
[/list]
Endereço do meu fórum:
http://www.zezeniabr.com
Versão do fórum:
PHPBB3
Última edição por Suuper Kazumaki em 23.02.13 18:18, editado 2 vez(es)
Re: Erro com slide e menu drop down
Ahh vale lembrar que é o mesmo slide desse fórum "Top 5" logo ao lado <<<.
Re: Erro com slide e menu drop down
Bom dia,
A primeira linha do seu css, substitua por essa:
Resulta?
A primeira linha do seu css, substitua por essa:
- Código:
.menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; z-index: 300;}
Resulta?
Re: Erro com slide e menu drop down
.The~Boss. escreveu:Bom dia,
A primeira linha do seu css, substitua por essa:
- Código:
.menu{list-style:none; margin:20px 0 0 350px; border:1px solid #c0c0c0; float:left; z-index: 300;}
Resulta?
Não não resultou.
Re: Erro com slide e menu drop down
Algueeem pleasee, me desculpem pelo flood, mais é que pra continuar meu trabalho com o fórum preciso de uma solução urgente. Me desculpem mesmo.
Re: Erro com slide e menu drop down
Olá!
Substitua o código por Slide por este:
Sobre o menu, peço que o senhor crie um novo tópico para uma outra questão, é permitido apenas uma dúvida por tópico.
Até mais.
Substitua o código por Slide por este:
- Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style>
<script>var counts = 5;
img1 = new Image();
img1.src = 'http://i.imgur.com/kGVNP.png';
img2 = new Image();
img2.src = 'http://i.imgur.com/quPc64f.png';
img3 = new Image();
img3.src = 'http://i.imgur.com/XvUu7.png';
img4 = new Image();
img4.src = 'http://i.imgur.com/Dn6Ci.png';
img5 = new Image();
img5.src = 'http://i.imgur.com/q4H45.png';
var smallImg = new Array();
smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';
smallImg[3] = 'http://i.imgur.com/j9q7B.png';
smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
url1 = 'http://spdesign.ativoforum.com/';
url2 = 'http://www.pokeshiny.com/';
url3 = 'http://www.suportedesign.net/';
url4 = 'http://narutoreborn.ativoforum.com/ ';
url5 = 'http://www.power-pixel.net/';
alt1 = new Image();
alt1.alt = 'Clique e confira!';
alt2 = new Image();
alt2.alt = 'Naruto Reborn';
alt3 = new Image();
alt3.alt = 'Brasil Designer Forever';
alt4 = new Image();
alt4.alt = 'Brasil Designer Forever';
alt5 = new Image();
alt5.alt = 'Brasil Designer Forever';
var nn = 1;
var key = 0;
function change_img() {
if (key == 0) {
key = 1;
} else if (document.all) {
document.getElementById("pic").filters[0].Apply();
document.getElementById("pic").filters[0].Play(duration = 2);
}
eval('document.getElementById("pic").src=img' + nn + '.src');
eval('document.getElementById("url_theme").href=url' + nn);
eval('document.getElementById("pic").alt=alt' + nn + '.alt');
if (nn == 1) {
document.getElementById("url_theme").target = "_blank";
document.getElementById("url_theme").style.cursor = "pointer";
} else {
document.getElementById("url_theme").target = "_blank"
document.getElementById("url_theme").style.cursor = "pointer"
}
for ( var i = 1; i <= counts; i++) {
document.getElementById("xxjdjj" + i).className = 'axx';
}
document.getElementById("xxjdjj" + nn).className = 'bxx';
nn++;
if (nn > counts) {
nn = 1;
}
tt = setTimeout('change_img()', 4000);
}
function changeimg(n) {
nn = n;
window.clearInterval(tt);
change_img();
}
function ImageShow() {
document.write('<div class="picshow_main">');
document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
document.write('<div class="picshow_change">');
for ( var i = 0; i < counts; i++) {
document.write('<a href="javascript:changeimg(' + (i + 1)
+ ');" id="xxjdjj' + (i + 1)
+ '" class="axx" target="_self"><img src="' + smallImg[i]
+ '"></a>');
}
document.write('</div></div>');
change_img();
}</script><script>ImageShow()</script> <span class="corners-bottom"><span></span></span></div></div></counts><div style="height:5px"></div><div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">Painel do usuário</div><script>jQuery(document).ready(function(){if(my_getcookie('avatr')==null||my_getcookie('avatr').split('-')[1]!=new Date().getDate()){jQuery.get('/profile?mode=editprofile&page_profil=avatars',function(q){l=jQuery('#cp-main .panel fieldset dl dd img:eq(0)',q).attr('src');jQuery('#avatar').attr('src',l);my_setcookie('avatr',l+'-'+new Date().getDate(),0,0)})}else{jQuery('#avatar').attr('src',my_getcookie('avatr').split('-')[0])}})</script>
Sobre o menu, peço que o senhor crie um novo tópico para uma outra questão, é permitido apenas uma dúvida por tópico.
Até mais.
Re: Erro com slide e menu drop down
Não cara você não entendeu, eu quero o slide grande realmente não era erro do código. Mais o slide está cortando o menu drop down, gostaria de saber porque?
Tópicos semelhantes
» Drop-down no menu
» Ajuda com menu drop down
» Efeito drop do menu
» Fazer drop down? não é menu
» [Dúvida] Ações de moderação com menu drop-down
» Ajuda com menu drop down
» Efeito drop do menu
» Fazer drop down? não é menu
» [Dúvida] Ações de moderação com menu drop-down
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