el código estaba feten, solo faltaba añadirle un pequeño
"style:display:none". Solo una cosa mas, al colocar el fondo antes del resto
de etiquetas se me solapa sobre una de los divs, es decir, no deja que
aparezca. En concreto, en el siguiente codigo aparece "mainwindow" pero no
"logout". He probado a quitarle los display none y parece que es problema de
solapamiento del "fondo" sobre "logout"...
<div id="fondo" style="display:none"></div>
<div id="content_template">
<div id="mainwindow" style="display:none;">
</div>
<div id="logoout" >
<a href="#" > <!-- onmouseover="showall();"
onmouseout="fadeall();" -->
<!-- onclick="enter();" -->
<div id="logo" onclick="slide();">
</div>
</a>
</div>
CSS:
#logoout {
padding:10px;
text-align:center;
vertical-align:middle;
width:210px;
height:170px;
background-image: url(imagenes/fondo_logo.jpg);
background-repeat:no-repeat;
background-position:center;
z-index:1;
}
#windowbody {
margin-top:-15px;
width:440px;
height:400px;
background-image: url(imagenes/plantilla/fondo_venta.jpg);
background-repeat:no-repeat;
}
#fondo {
position:fixed;
margin:0px;
top:0px;
left:0px;
background-image:url(/templates/aratec/prehome/imagenes/fondo1.jpg); /* o
pon el fondo que quieras... */
width:100%;
height:100%;
z-index:0;
}
On 3/9/07, Alejandro Moreno <[EMAIL PROTECTED]> wrote:
>
> Justo :-D,
>
> parece que la clave está en el z-index, verdad? por lo que leo por ahí lo
> que hace es ordenar en diferentes capas y poder así evitar que se peguen
> entre ellas, ¿me equivoco?
>
> Gracias, un saludo.
>
> On 3/9/07, spi <[EMAIL PROTECTED]> wrote:
> >
> > hola.. yo tambien uso scriptaculous.. y creo, si te entendí bien... que
> > lo que quieres hacer es algo así...
> > crear un div fondo, que es el que quieres que haga el Fade (más bien
> > Appear si quieres que aparezca.. ) y le pones z-index a 0. despues un
> > div contenedor, donde metes lo que quieras...
> > o sea, algo así... no lo probé pero creo que así funcionará bien..
> >
> > HTML:
> > <script type="text/JavaScript">
> > window.onload = function() {
> > new Effect.Appear('fondo'); //por lo que entendí quieres que
> > parezca... por eso Appear...
> > }
> > </script>
> > <body>
> > <div id="fondo"></div>
> > <div id="contenedor"></div>
> > </body>
> >
> > CSS:
> > #fondo {
> > position:fixed;
> > margin:0px;
> > top:0px;
> > left:0px;
> > background-color:#333; /* o pon el fondo que quieras... */
> > width:100%;
> > height:100%;
> > z-index:0;
> > }
> > #contenedor {
> > position: absolute;
> > top:0px;
> > left:0px;
> > z.index=1;
> > }
> > Alejandro Moreno escribió:
> > > Buenas tardes,
> > >
> > > estoy intentando hacer algo raro. Estoy usando la libreria
> > script.acol.us y
> > > quiero que al pasar a una sección nueva el fondo de la misma aparezca
> > con un
> > > fade, usando uno de los efectos de la libreria. Pero claro, para eso
> > tengo
> > > que hacer que primer desaparezca. No se si me explico.
> > >
> > > Normalmente haces con un <div style="display:none">, pero si hago eso
> > en el
> > > body... la liamos. Y tampoco puedo hacerlo sobre la propia etiqueta
> > puesto
> > > que hay etiquetas que contiene que no quiero que "sufran" ese efecto.
> > Es
> > > decir, si abrimos la web estarían todos los elementos excepto el
> > fondo, que
> > > iria apareciendo de forma progresiva usando el fade mencionado.
> > >
> > > Resumiendo, que quiero ocultar el background al cargar la web sin
> > ocultar lo
> > > que hay dentro del div... ¿Alguna idea o lo he enmarañado todo mucho?
> > >
> > >
> > > Gracias, un saludo.
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > >
> > > __________ Información de NOD32, revisión 2103 (20070308) __________
> > >
> > > Este mensaje ha sido analizado con NOD32 antivirus system
> > > http://www.nod32.com
> > >
> > >
> > >
> > >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
>
>
>
> --
> Alejandro Moreno
> Consultoría de Marketing Online
>
--
Alejandro Moreno
Consultoría de Marketing Online
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
