Hace poco
DiGiTaL me preguntaba que si sabia como crear ventanas emergentes en el blog. Despues de esa pregunta me dispuse a desarrollar un sistema mediante por el cual poder crear ventanas emergentes en unos cuantos pasos, aqui explicaré el resultado.
Primero que nada, ¿Qué es DHTML? Dynamic-HTML, o HTML dinámico en español, es un conjunto de técnicas que permiten crear sitios web en los que el internauta puede interactuar con la página. Básicamente los lenguajes que se utilizan son: HTML,CSS y Javascript. Permitiendo modificar la apariencia de la página web.
Aclarado lo anterior, el primer paso es agregar lo siguiente antes de
</head> :
<!-- Start: DHTML, ventanas emergentes -->Ahora, en la ultima parte de todo el código de arriba. Observemos eto:
window.onload=function(){new santyPopUp('anuncio ',600 ,300 ).show()};El texto en color:
anuncio : es el atributo id=''600 : es el ancho de la ventana, div o contenedor.300 : es el alto de la ventana, div o contenedor.
[2] Lo segundo es colocar el siguiente código, antes de
</body> :
<div id="anuncio "> anuncio -close'></div>El texto en color:
anuncio : debe ser igual en las dos instancias, y si decides cambiarlo, cambia los dos por la misma palabra(unicamente letras y en minusculas). Y tambien el texto
azul del código anterior igualmente por el mismo.
[3] Y por último, elige entre los siguientes colores y da clic en la imagen, despues coloca el código antes de
]]></b:skin> :
/*******************BLACK******************/id {id -close{id -close a{
/*******************BLUE*****************/id {id -close{id -close a{
/*******************VERDE*****************/id {id -close{id -close a{
/*******************MAGENTA*****************/id {id -close{id -close a{
/*******************ROJO*****************/id {id -close{id -close a{
/*******************NARANJA*****************/id {id -close{id -close a{
/*******************AMARILLO*****************/id {id -close{id -close a{ El texto en color:
id debe ser el mismo que el atributo
id='', del elemento div o contenedor.
[Info] Pero si quieres colocar una imagen en vez del "[x]" en la ventana puedes cambiar la ultima linea del primer paso:
window.onload=function(){new santyPopUp('anuncio',600,300,"url de la imagen ").show()};
Hola Santy!!
ResponderBorrarTenía una duda, bueno más bien una petición. ¿Podrías enseñar como s ehace un calendario con enlaces?
Me explico, un calendario, con los dias del mes, con cudrícula y que en cada cuadro se pudiera poner un enlace. a modo de presentar los que se estrena o d elos que se va hablar (y de los que se ha hablado) en el blog a lo largo del año.
uno como este: http://www.game.es/calendario/default.aspx
Bueno un saludo!
Hola, mi nombres es Joaquín. Hace apenas menos de tres meses que inicié mi propio blog, y desde entonces he visitado muchos blogs de ayuda, muy interesantes y útiles.
ResponderBorrarPero han sido muy pocos, contados con los dedos de una mano, en los que encontré lo que hay en este blog: una gran amabilidad y eficiencia en su autor o propietario. Santy es servicial, atento, eficaz y rápido. No hay más que ver en los comentarios de las entradas, para ver sus respuestas a las consultas, siempre atinadas, amables y oportunas.
Es realmente agradable encontrar personas que tan gentilmente se dedican a ayudar a otras, a cambio de nada más que la satisfacción de hacerlo.
Junto con Ciudad Blogger y El Balcón de Jaime, SantyWeb completa la triada de blogs que cada bloguero debe conocer y visitar con frecuencia, si es posible a diario.
Felicitaciones Santy, por tu impresionante blog, pero sobre todo por tu amabilidad y disposición de ayudar, a tus visitantes.
Si está bien contigo, comentaré con cierta frecuencia en tus entradas a partir de ahora.
Un saludo amistoso, sigue siempre así.
Joaquín.
●๋•╣ҜΞҜΘ╠●๋•, claro que si, solo dame un poco de tiempo en lo que consigo adaptar algo así a Blogger.
ResponderBorrarJoaquín, saludos, tienes una enorme capacidad para expresar lo que piensas, gracias por las palabras. Hago lo mejor que puedo y por lo de comentar, comenta todo lo que quieras ;) !!
Muchas gracias, lo espero con ganas^^
ResponderBorrarmi amigo... es muy grato volver a ver que tienes muchas herramientas y cosas para poder ayudar al blog en esta oportunidad estoy colocando este dhtml(ventana emergente) ya lo coloque FUNCIONA OK en firefox (aun no lo vi en otros navegadores)... la pregunta que tengo es como puedo hacer para que se vea mas pequeño el cuadro de la ventana.. intente algunas cosas pero no me resultaron... y aun mas si puedes ayudarme con la duda anterior..
ResponderBorrarGRACIAS..
hola soy nuevo en eso, una pregunta dond esta ----- ]]>: ---- para poner el codigo del estilo, funcionaria sin el estilo ??
ResponderBorrar