Cómo poner una ventana flotante.

[Abelmelero]

Hola,

No se muy bien si ese es el titulo correcto pero no se como se llama. Les explico lo que necesito.

Quiero poner una ventana flotante, iframe o frame en la parte de abajo de mi blog para que cuando algún usuario entre en mi blog, le salga la información de las cookies.

Quiero poner exactamente esto: "Este sitio utiliza 'cookies' de terceros para ofrecerle una mejor experiencia y servicio. Al navegar usted acepta el uso que hacemos de las 'cookies."

Y además añadir un enlace para que puedan ir a la página de mi blog donde explico la política de privacidad del blog. También un botón o un enlace para quitar esa ventana y también quisiera que cuando el usuario visite otra página de mi blog se quite esta ventana.

Me gustaría algo así como lo tienen en decoesfera.com

He estado probando con iframes, con frames y no consigo hacerlo, tengo que decir que soy totalmente novato en html o php, tengo conocimientos muy básicos. He probado y re probado pero no me queda otra que preguntar y que alguien me ayuda a generar el código.

Por cierto utilizo Wordpress.

Gracias de antemano y saludos.

[maycolalvarez]

sinceramente es una de las leyes más estúpidas que he visto, y como la necesidad premia no es raro que ya existan plugins de wordpress para tal caso.

puedes buscar con más detenimiento, son varios, he aquí uno: http://wordpress.org/plugins/spain-cookie-law/

Si no optas por los cookies, puedes usar jQueryUI, sexyLightbox u otros plugins netamente Javascript para implementarlo, saludos y espero que te sirva.

[pzin]

Uhmm... Puedes posicionar elemento de forma absoluta y colocarlo donde quieras:

Código CSS:

#cookies {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: yellow;
  padding: 20px;
}
 

Una nota aparte. La ley europea de cookies dice que sólo hay que avisar, pero en España, que no tienen otra cosa que hacer, añadieron que el usuario debe de aceptar las cookies de alguna forma; alguna acción por parte del usuario. Por lo que, si estás en España, no te vale poner eso de "si entras al sitio aceptas las cookies".

[Abelmelero]

Hola maycolalvarez, gracias por la respuesta, ya he mirado varios plugin y si no consigo hacerlo mediante codigo, al final tendré que utilizar alguno. pero no me gustaría.

Y pzin, gracias por tú respuesta. Eso lo coloco en la plantilla css de mi blog. Pero el texto donde dice lo de las cookies y tal con el enlace y que despues de visitar una página ya no vuelva a salir como lo añado?

Mil gracias a los dos

[MiNick]

Puedes usar el posicionamiento de CSS (position:fixed), algo POCO recomendable porque flota hacia los lados también, no sólo hacia arriba o abajo y porque NO todos los navegadores lo soportan; o bien, usar jQuery.
Busca ventanas flotantes con jQuery en google, que no sé si se pueden poner links a otras webs.
Un saludo!

[pzin]

¿Qué navegadores no soportan el posicionamiento fijo? No creo que a estas alturas IE6 pueda considerarse un navegador, como tampoco a Mosaic.

[MiNick]

Por ejemplo, el ipad2 POR DEFECTO NO lo soporta. Y sí, creo que ie6 es un navegador

Quizás para ti no, pero hay que programar para TODOS los posibles hardwares/sistemas/navegadores existentes.

Un saludo

[pzin]

No sé cual versión de iOS soporta el iPad2, pero a partir de iOS5 la posición fija es soportada. Lo único que no se mueve al hacer scroll, pero al pararlo se fija en el lugar. Aunque esto pasa con muchas otras cosas, incluidos eventos JavaScript. Pero no es tanto por el navegador como por la naturaleza del medio; touchscreen.

IE6 no es un navegador. Era un navegador. No puedes seguir toda la eternidad dando soporte a versiones tan tan viejas de software. Hace no mucho, algunos años, la gente seguía dando soporte a IE5.5, 6 y 7. No tiene sentido. Es como sacar software hoy y hacerlo compatible con Windows 3.1. Al final duplicas o triplicas código por cuestiones de compatibilidad, para un pequeño porcentaje de usuarios.

[MiNick]

COMPLETAMENTE DE ACUERDO en lo que dices sobre la compatibilidad. Pero por desgracia, esto NO es así (al menos en mi opinión)

Si me dices de un sistema/hardware/software o navegador que hace más de 3 ó 4 años que ha sido actualizado o cambiado, lo entiendo. Pero dar de lado a usuarios de un ipad2, con apenas 2 años de uso, la verdad es que no me parece correcto.
De hecho, mis padres compraron un ordenador hace apenas 2 años con windows 7. Éste viene con ie8, y lo que NO puedo hacer bajo ningún concepto es programar para sistemas de hace menos de un año porque no me parece lógico.

Esto, REPITO, es mi opinión. Respeto la tuya y ADEMÁS, desearía que fuese siempre así (es decir, programar para los últimos sistemas y demás), pero mis padres, por ejemplo, NO TIENEN POR QUÉ SABER QUE EXISTEN OTROS NAVEGADORES O UNA NUEVA ACTUALIZACIÓN (service pack) PARA EL SO QUE PERMITE ACTUALIZAR EL IE (internet errores ;)

Un saludo

[Carlangueitor]

iOS 4 es solo usado por el 0.9% de los usuarios (de iOS). Yo realmente no preocuparía mucho.

Y partiendo de lo mismo, IE6, a menos que vivas en china, no tiene caso tampoco soportarlo: http://clicky.com/marketshare/global...rnet-explorer/ http://www.ie6countdown.com/ Y no es por viejo, si no por que su uso es demasiado poco (y no es que por una posición no funcione la web).


Saludos

[Abelmelero]

Hola,

Gracias a todos por vuestra respuesta.

Pero de verdad que no entiendo nada. Que es eso de posicionarlo fijo, y donde lo hago en el index.php en el css?

Perdón si me repito, yo lo que necesito es que salga un texto cuando alguien entre en mi blog donde diga lo de las cookies y con un enlace hacia una página en concreto. Y que al cabo de un rato ese mensaje se quite digamos 7 segundos.

Saludos!!

[pzin]

No tiene sentido hacer lo que quieres si quieres cumplir la ley. Porque la ley de cookies española dice que el usuario ha de aceptar las cookies antes, no basta con poner un aviso.

Si, lo tendrías que poner en algún archivo CSS y luego referenciarlo en el HTML para que concuerde con el selector.

Para hacerlo desaparecer, puedes hacerlo mediante JavaScript o usar animation de CSS. Pero ya te digo, que no tiene sentido hacerlo, porque cumplir las leyes a mitad es no cumplirlas.

[MiNick]

Carlangueitor, yo NO he nombrado en ningún caso a ie6

He dicho que el ipad2 NO soporta el posicionamiento:fixed, como tampoco lo soporta android 2.2 y no recuerdo si el 2.3, y; en todo caso, el soporte era "parcial"...

Por eso repito que, aunque me gustaría programar para sistemas recientes, NO siempre uno puede obviar que existen sistemas con tan sólo 2 años (como el windows7 con ie8) que NO soportan ciertas características o que directamente no son compatibles con html5.

Sí, es obvio que pueden usar otro navegador. De hecho, el ordenador desde el que estoy posteando tiene ya 7 años, pero está actualizado y uso firefox para programar o chrome.
Pero NO todo el mundo ha de saber cómo actualizar su equipo ni tener conocimientos de informática.

Un saludo

[Carlangueitor]

Iniciado por MiNick

Carlangueitor, yo NO he nombrado en ningún caso a ie6

Iniciado por MiNick

Y sí, creo que ie6 es un navegador

Y eso era por que es el único navegador de escritorio que no soporta tal regla (sin contar versiones más viejas de éste).

Iniciado por MiNick

He dicho que el ipad2 NO soporta el posicionamiento:fixed, como tampoco lo soporta android 2.2 y no recuerdo si el 2.3, y; en todo caso, el soporte era "parcial"...

Primero mira esto: http://caniuse.com/css-fixed Es parcial, pero solo hay que modificar el viewport para que funcione.

[MiNick]

Sí, pero ¿te has fijado que al usar la característica más importante de las pantallas táctiles (el ampliar o reducir con los dedos la pantalla) se DESCOLOCA por completo y NO hay forma de encajarlo en su sitio???

Si me dices de una sola web que puedas AMPLIAR o reducir según convenga y el posicionamiento y su div correspondiente se amplien y reduzcan EN CONSONANCIA, entonces, te daré la razón. Mientras, me temo que NO sirve de nada lo que dices sobre el posicionamiento mediante CSS.

Y la verdad es que quisiera que funcinase porque me ahorrarías muchísimo trabajo, pero NO lo vas a encontrar porque NO existe y no se puede. Me pegué CASI UNA SEMANA buscando la mejor forma de solucionar este problema, y tuve que decantarme por una solución "intermedia" entre jquery y css.

Un saludo

Si ok, no me fijé lo que ponías sobre el viewport, pero entonces es lo que te decía: ya no puedes modificar el tamaño de la página.
Y ésto desde luego NO hace ninguna gracia a los usuarios de los smartphones, por ejemplo.

Un saludo

[pzin]

Yo sigo sin entender el problema de usar posicionamiento fijo para el caso del tema.