Dependendo do código que você tem, vai ter que colocar no header.php
O código está assim:
<style type="text/css">
body { font:Arial, Helvetica, sans-serif; font-size:12px;
}
#apDiv1 {
margin:0 auto;
padding-top:150px;
width:auto;
text-align:center;
height:801px;
z-index:500;
}
</style>
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
</head>
<body>
<div id="apDiv1"><img src="img/natal.jpg" width="700" height="457" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="600,-2,704,33" href="#" onClick="MM_showHideLayers('apDiv1','','hide')">
</map>
</div>
Poderia ser um swf tbm com fundo transparente mas se conseguir este já fico satisfeito.
Valeu nuvenus!!
Fabio, siga o que o nuvenus indicou… coloque este seu código no header.php. É exatamente neste arquivo que fica o <head> e o <body>
abs
Anderson
Você esta colocando todo esse codigo nas paginas ??
<style type="text/css">
body { font:Arial, Helvetica, sans-serif; font-size:12px;
}
#apDiv1 {
margin:0 auto;
padding-top:150px;
width:auto;
text-align:center;
height:801px;
z-index:500;
}
</style>
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
</head>
<body>
<div id="apDiv1"><img src="img/natal.jpg" width="700" height="457" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="600,-2,704,33" href="#" onClick="MM_showHideLayers('apDiv1','','hide')">
</map>
</div>
porque tem um </head><body> perdido nesse codigo…
o CSS e o JavaScript vao no header.php, antes do </head>
o restante (<div id="apDiv1">...</div>), vai variar dependendo do seu tema. Pra esse tipo de banner é aconselhavel utilizar o position:absolute…
Alias, a propriedade z-index só funciona em elementos que tenham o propriedade position definida..
Sendo assim, a parte z-index:500; de seu codigo, nao esta servindo pra nada… se voce quer manter o posicionamento definido e nao utilizar o position:absolute, defina entao position:relative.
Vou ver se vai funcionar. De qualquer maneira arrumei uma outra solução pro cliente.
Valeu a todos, rsirotheau, Anderson e nuvenus.
