Re: [Ovillo] background display none
con safari se me ve bien ... de todas formas luego viene el proceso de
pruebas, a machacarlo con varios navegadores y sos diferentes
On 3/10/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote:
La cosa nos Konqueror, que somos pocos los que lo usamos, sino Safari, que
utiliza el mismo motor, asi que habrá que probrar...
El día 9/03/07, Marc González Majoral [EMAIL PROTECTED] escribió:
Sólo decirte que usando la última versión de Konqueror (3.5.6), esa
página web no se puede ver de ninguna manera. Se ven unos planos en
gris como fondo, unas cajas entrecortadas de color rojo que al pasar
por encima desaparecen y un enlace para entrar, que al pinchar no
hace nada (presupongo que porque tiene un return false;). Konqueror
soporta la mayoría de Javascript 'estándar', pero los creadores de
librerías para 'efectos majos' no parecen tenerlo en cuenta. Muchas de
las funciones que permite Interface, por ejemplo, tampoco funcionan.
Si quieres una captura de pantalla o que te ayude con alguna
modificación para que funcione, mándame un mail a mi correo, ya que
esto es un poco offtopic.
El 9/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió:
justo :-D. Mil gracias, un saludo
On 3/9/07, spi [EMAIL PROTECTED] wrote:
ponle a #content_template un position:absolute; creo que así
solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
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
Re: [Ovillo] background display none
La cosa nos Konqueror, que somos pocos los que lo usamos, sino Safari, que
utiliza el mismo motor, asi que habrá que probrar...
El día 9/03/07, Marc González Majoral [EMAIL PROTECTED] escribió:
Sólo decirte que usando la última versión de Konqueror (3.5.6), esa
página web no se puede ver de ninguna manera. Se ven unos planos en
gris como fondo, unas cajas entrecortadas de color rojo que al pasar
por encima desaparecen y un enlace para entrar, que al pinchar no
hace nada (presupongo que porque tiene un return false;). Konqueror
soporta la mayoría de Javascript 'estándar', pero los creadores de
librerías para 'efectos majos' no parecen tenerlo en cuenta. Muchas de
las funciones que permite Interface, por ejemplo, tampoco funcionan.
Si quieres una captura de pantalla o que te ayude con alguna
modificación para que funcione, mándame un mail a mi correo, ya que
esto es un poco offtopic.
El 9/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió:
justo :-D. Mil gracias, un saludo
On 3/9/07, spi [EMAIL PROTECTED] wrote:
ponle a #content_template un position:absolute; creo que así
solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
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
Re: [Ovillo] background display none
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
Re: [Ovillo] background display none
Si, la solución va a ser hacerlo todo con absolute. Personalmente no me gustaba la opción de dejar fijos los elementos en el fondo pero viendo la web de guccy está claro que haciendo bien las cosas... es que no somos dignos :P Os dejo un ejemplo de la chapucilla que estamos haciendo: www.budysport.com/ejemplo/ Que os parece la web? Me podeis meter caña en errores y ñapas que veais? Gracias por todo, un saludo. On 3/8/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: algo como esto?? http://www.gucci.com/us/catalog/womens/ El día 8/03/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] escribió: Es que sigo sin tener muy claro el concepto, me refiero a que pongas una div dentro y en la última posicion (para que no te haga falta tocarle a z-index). Para que no te desplace otros elementos la puedes sacar del flujo normal de contenido con un position:absolute; Pon algo de código o un link hacia tu documento para que veamos... El día 8/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió: Hola Juan, y gracias por responder, el problema es que al colocarlo antes del resto se desajustan todos los elementos (divs) posteriores, si los englobo dentro del div que lleva el fondo, desaparecen todos al hacer el display none (solo quiero que desaparezca el fondo) y al meterlo entre alguno de los div que vienen después, se me desajustan al aplicar un efecto de deslizamiento que tiene el menú (el fondo se desliza con el menu)... On 3/8/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: Pues en caso de que haya entendido sólo te queda meter una div suplementaria que se adapate a esa le aplicas los estilos, en un principio he pensado directamente en transparent pero claro, si quieres que sea progresivo... El día 8/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió: Buenas tardes, estoy intentando hacer algo raro. Estoy usando la libreria script.acol.usy 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 -- Juan J. Muñoz http://www.taarq.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 ___ 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 -- Juan J. Muñoz http://www.taarq.com -- Juan J. Muñoz http://www.taarq.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 ___ 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
Re: [Ovillo] background display none
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
___
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
Re: [Ovillo] background display none
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
Re: [Ovillo] background display none
ponle a #content_template un position:absolute; creo que así solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
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
___
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
Re: [Ovillo] background display none
justo :-D. Mil gracias, un saludo
On 3/9/07, spi [EMAIL PROTECTED] wrote:
ponle a #content_template un position:absolute; creo que así solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
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
___
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
Re: [Ovillo] background display none
Sólo decirte que usando la última versión de Konqueror (3.5.6), esa
página web no se puede ver de ninguna manera. Se ven unos planos en
gris como fondo, unas cajas entrecortadas de color rojo que al pasar
por encima desaparecen y un enlace para entrar, que al pinchar no
hace nada (presupongo que porque tiene un return false;). Konqueror
soporta la mayoría de Javascript 'estándar', pero los creadores de
librerías para 'efectos majos' no parecen tenerlo en cuenta. Muchas de
las funciones que permite Interface, por ejemplo, tampoco funcionan.
Si quieres una captura de pantalla o que te ayude con alguna
modificación para que funcione, mándame un mail a mi correo, ya que
esto es un poco offtopic.
El 9/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió:
justo :-D. Mil gracias, un saludo
On 3/9/07, spi [EMAIL PROTECTED] wrote:
ponle a #content_template un position:absolute; creo que así solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
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
Re: [Ovillo] background display none
Pues en caso de que haya entendido sólo te queda meter una div suplementaria que se adapate a esa le aplicas los estilos, en un principio he pensado directamente en transparent pero claro, si quieres que sea progresivo... El día 8/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió: Buenas tardes, estoy intentando hacer algo raro. Estoy usando la libreria script.acol.usy 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 -- Juan J. Muñoz http://www.taarq.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
Re: [Ovillo] background display none
Es que sigo sin tener muy claro el concepto, me refiero a que pongas una div dentro y en la última posicion (para que no te haga falta tocarle a z-index). Para que no te desplace otros elementos la puedes sacar del flujo normal de contenido con un position:absolute; Pon algo de código o un link hacia tu documento para que veamos... El día 8/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió: Hola Juan, y gracias por responder, el problema es que al colocarlo antes del resto se desajustan todos los elementos (divs) posteriores, si los englobo dentro del div que lleva el fondo, desaparecen todos al hacer el display none (solo quiero que desaparezca el fondo) y al meterlo entre alguno de los div que vienen después, se me desajustan al aplicar un efecto de deslizamiento que tiene el menú (el fondo se desliza con el menu)... On 3/8/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: Pues en caso de que haya entendido sólo te queda meter una div suplementaria que se adapate a esa le aplicas los estilos, en un principio he pensado directamente en transparent pero claro, si quieres que sea progresivo... El día 8/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió: Buenas tardes, estoy intentando hacer algo raro. Estoy usando la libreria script.acol.usy 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 -- Juan J. Muñoz http://www.taarq.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 ___ 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 -- Juan J. Muñoz http://www.taarq.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
