iBox es otro de esos scripts que permiten crear ventanas modales al estilo LightwIndow pero, con la ventaja de no requerir ni Prototype y Scriptaculous lo que lo hace más liviano a la hora de cargar las páginas. En ese sentido, es similar a Lytebox pero un poco mejor ya que no sólo incluye la posibilidad de ver imágenes y documentos, sino también videos de YouTube.
Descargamos los archivos necesarios desde la página principal. Luego, los alojamos en un servidor propio y los agregamos en la plantilla, justo antes de </head>:
Descargamos los archivos necesarios desde la página principal. Luego, los alojamos en un servidor propio y los agregamos en la plantilla, justo antes de </head>:
<script type="text/javascript" src="URL_ibox.js"></script> <link rel="stylesheet" href="URL_lightbox.css" type="text/css" media="screen"/>
En el ZIP hay dos archivos CSS que corresponden a dos modelos diferentes; puede usarse cualquiera de ellos.
Hay algunas opciones de configuración que pueden agregarse sin necesidad de editar los archivo, basta agregar los datos inmediatamente debajo de lo anterior:
Hay algunas opciones de configuración que pueden agregarse sin necesidad de editar los archivo, basta agregar los datos inmediatamente debajo de lo anterior:
<script type="text/javascript">
[ ... aquí van las opciones ... ]
</script>iBox.close_label = 'texto'; es el texto del enlace para cerrar la ventana, por defecto es 'Close'
iBox.padding = valor; es el tamaño mínimo del margen que rodea la ventana (por defecto es 100)
iBox.inherit_frames = valor; se utiliza para definir el contenido de IFRAMES (por defcto false)
iBox.tags_to_hide = array; es un conjunto de etiquetas que no serán mostradas cuando la ventana está visible (por defecto ['select', 'embed', 'object'])
iBox.default_width = valor; es el ancho de la ventana a menos que se especifique una (por defecto 450)
iBox.fade_in_speed = valor; es el tiempo en milisegundos que dura la animación entre que se hace click y se muestra la ventana (por defecto es 0)
Para usar este script, basta agregar el atributo rel="ibox" en cualquier enlace; por ejemplo, en una imagen:
iBox.padding = valor; es el tamaño mínimo del margen que rodea la ventana (por defecto es 100)
iBox.inherit_frames = valor; se utiliza para definir el contenido de IFRAMES (por defcto false)
iBox.tags_to_hide = array; es un conjunto de etiquetas que no serán mostradas cuando la ventana está visible (por defecto ['select', 'embed', 'object'])
iBox.default_width = valor; es el ancho de la ventana a menos que se especifique una (por defecto 450)
iBox.fade_in_speed = valor; es el tiempo en milisegundos que dura la animación entre que se hace click y se muestra la ventana (por defecto es 0)
Para usar este script, basta agregar el atributo rel="ibox" en cualquier enlace; por ejemplo, en una imagen:
<a href="URL_imagen" rel="ibox" title="Texto optativo">ENLACE o MINIATURA</a>
en un documento:
<a href="URL_pagina" rel="ibox" title="Texto optativo">ENLACE o MINIATURA</a>
en un video de YouTube:
<a href="http://www.youtube.com/watch?v=XXXXXXXXXXX" rel="ibox">ENLACE o MINIATURA</a>
Además, hay algunos argumentos que pueden utilizarse para configurar cada ventana según nuestras necesidades. Estos argumentos se agrean a la tributo rel, anteponiéndoles el símbolo &:
width=valor establece el ancho
height=valor establece el alto
target=url el destino del documento a cargar si es diferente del especificado en el atributo href
ignore_target=valor con true se ignora el contenido del atributo target (por ejemplo target="_blank")
Algunos ejemplos válidos:
width=valor establece el ancho
height=valor establece el alto
target=url el destino del documento a cargar si es diferente del especificado en el atributo href
ignore_target=valor con true se ignora el contenido del atributo target (por ejemplo target="_blank")
Algunos ejemplos válidos:
rel="ibox&width=350" rel="ibox&height=350" rel="ibox&target=my-js-document.html" rel="ibox&target='index.php?page=&my-js-document'" rel="ibox&ignore_target=true"
177 comentarios:
Wow, ¡siempre manteniéndonos al día! Pues mi opinión acerca de iBox es que lo veo muy como sencillo, me gusta mucho que en Lightwindow y Lytebox existe el fondo negro y el "cargando". Aunque no descarto la posibilidad de usarlo, pues se lo ve interesante.
Saludos,
Si que es liviano carga rapidísimo :D
Muy bueno superliviano vaya que no recarga practicamente en nada la pagina.
Parece que usare este de todas maneras en vez de los otros que mencionastes y ya los probe tambien.
Como siempre un gran aporte mil gracias gran Jmiur !!!
Sí, realmente carga muy rápido; es notable la diferencia con los otros modelos.
Muy buen complemento, hay que casarlo con el Lytebox y tendran un hijito mas funcional, esta estupendo.
Lo interesante es que puedes seguir en la página, leyendo y recorriendo y la ventanilla modal no se cierra. También se mantiene estática, y pues esto puede resultar beneficioso. Sí se carga rápido, aunque la veo sencillita.
:)
Tal como dicen, lo ideal sería combinar todos los scripts y crear uno nuevo con lo mejor de cada uno :)
JMiur:
Me encantó, es liviano y rápido. Lo estuve probando en los comments, pero parece que no se puede implementar, o yo no lo supe hacer; ¿hay forma?
saludos.
Yo, he tenido problemas para hacerlo funcionar con con páginas web. A veces las abre y a veces no. Habría que leer un poco más detalladamente pero, hasta ahora, no le he encontrado solución.
Me fascinan las ventanas modales
Una consulta, en mi plantilla puse este script, pero no se ve como en la tuya, no sale la palabra para cerrar, ni los parámetros. Podrías comentarme o decirme donde van las características para mostrar vídeo, gracias.
El video de este ejemplo, tiene este código:
<a rel="ibox"
href="http://www.youtube.com/watch?v=97XC2TtXefY">
ENLACE
</a>
Como ves, no tiene otros parámetros agregados.
Sabes es: que se tiene que cargar la pagina bien, ya que en otra maquina se ve mejor.
Saludos amigo
Eso es común a todos estos scripts, la página debe estar completamente cargadas para que funcionen.
JM ¿como has puesto lo del 'comtenido oculto'? ¿algún div con display: none?
Así es solrac; es como en LightWindow. Por ejemplo:
<a rel="ibox" href="#demo">
ENLACE
</a>
<div id="demo" style="display: none;">
... el contenido oculto ...
</div>
Sólo debes poner el ID del bloque oculto en el atributo HREF
El zip o me deja ni abrir ni descargar los archivos hay algún problema ¿o es porque sabe que voy a llevármelos? :D
No dije nada jajajaja ya los tengo.
Jajaja. Me había asustado :)
Gracias por el script, me parece una idea fabulosa y aunque ya lo he intentado con otros, nunca me había funcionado.
Este en cambio, aunque haya que esperar a que se cargue la página (algo que fastidia) a funcionado a la primera.
Gracias.
El archivo de los CSS está mal J.Miur, debe ser que el ancho de banda ha sido superado en Imageshack y por eso no muestra las imágenes.
Por lo demás estupendo, lo añadí sin ningún problema. Como dice Pamoba hay que esperar a que cargue la página pero eso pasa con todos.
La espera es lo usual para todo este tipo de scripts aunque, deberían tener alguna forma de mostrar un cartel de advertencia para que no se abra otra página y tener que volver a empezar.
Lo del CSS es posible, Gem@ aunque, más que ancho de banda, parecería que ImageShack suele eliminar ciertas imágenes así que, lo mejor es subirlas a algún lado y reemplazar la dirección en el código.
Lo que no recuerdo es si están o no en el ZIP, creo que si porque suelo colocarlas por eso mismo, si no están, me avisas y las agrego.
En el zip no viene J.Miur, más que nada era por si alguien se instala ese archivo y nota la ausencia de las imágenes. De todas formas si lo añades me gustaría probar el efecto de esas propiedades de css con imágenes.
Por otra parte quería comentarte que intenté aumentar el tamaño de la imagen y aunque añado rel="ibox&width=400" se muestra en el mismo tamaño.
Gracias, Gem@. Ya las he añadido al ZIP aunque, al parecer, ahora son accesibles ya que las descargué directamente de ImageShack. Sólo son dos imágenes y se usan con el CSS claro. Una es para cerrar y la otra una imagen de carga.
Con lo del tamaño, no sé que contestarte ¿has probado indicar ancho y alto simultáneamente?
Lo que recuerdo de este script es que había cosas que me costaron hacer funcionar o que directamente no lo conseguí.
lo puedes modificar para q abra los link de megavideo.com ? seria super weno q isiera eso este fabuloso script
Lamentablemente, no. Es un tema que me excede.
¿Como hago para cerrar la ventana modal de ibox mediante javascript, que funcion tengo que llamar para que se cierre?
Hola jmiur
implementé en mi página de videoteca el script con resultados muy satisfactorios,tengo la duda si se puede hacer con dailymotion,no sé como hacerlo de ser posible.-gracias
Realmente no sé si funciona con DayliMotion. Si lo hace, la sintaxis sería la misma y lo único que debería cambiar es la dirección del video.
Hola, esta muy bueno este blog, la verdad que me intereseo mucho este post, ya que me sirve mucho para la publicacion de fotos en mi blog, la cosa es que no entiendo mucho y tengo dudas
1- cuando bajo el archivo, que tengo que subir, toda la carpeta, o que de lo que esta dentro de la carpeta?(si pueden decirme donde puedo subirlo agradeceria mucho.
2- dice que de luego de alojarlo, hay que ponerlo debajo de HEAD pero que pongo ahi? cuando lo aloje en ese host me va a dar un scrip, o algo para agregarlo el la plantilla?.
3- una vez que agrue el codigo en la plantilla, ya queda para que cada vez que cargue una una funcione?
disculpen la ignorancia, pero no conosco mucho del tema y la verdad la esta tan pedadogico para los novatos como yo y no se entien espero entender algo por lo meno... saludos, gracias y sigan asi felicidades por este trabajo que hacen !
1.Debes alojar los archivos que son dos, ibox.js y lightbox.css. ¿Dónde? Google Pages o Hostifile por ejemplo. Lo que tendrás entonces es una dirección, la del archivo que has subido.
2. ¿Cómo colocarlo en la plantilla? ¿Qué escribir? L odice el post:
<script type="text/javascript" src="URL_ibox.js" .... etc.
3. Si pero los enlaces deben tener el atributo rel="ibox"
ah que boludo que soy, no me avia dado cuenta gracias man, mil gracias man, no sabes lo que me ayudo este blog saludos, nuevamente gracias !!!!
Aclárame un poco la pregunta porque me perdí.
Pille como subir el documento, pero no logro hacer funcionar la ventana modal, me deriva a una pagina anexa el contenido perdiendo el efecto , solo me funciona con las imágenes y los videos. Esa era mi duda, pero bueno lo usare solo con imágenes.
Saludos cordiales.
disculpa la molestia.
Para usar con páginas web, dependerá mucho de la página. El script no está bien armado para eso. Si necesitas usar ese tipo e opción, es mejor LightWindow.
Gracias Jmiur lo leí y se ve bastante bueno, lo probare a la brevedad.
Gracias por tu tiempo.
Saludos cordiales.
Hola, me funciono a la perfeccion pero en tu ejemplo de muestra el video en un fondo negro y con la opcion close en la parte superior.
el mio sale con la opcion close en la parte inferior derecha, y lo que me preocupa; me sale el video con barras de desplazamiento T.T
Espero puedas ayudarme con mi ejemplo =P. Deseo que se muestre igual que el tuyo xD.
Gracias =)
Hola, gracias ante cualquier respuesta, creo que me apresure en la pregunta, tu estabas usando el darkbox.css xD, ya me salio igual que el tuyo =D.
Gracias por el apoyo =).
Hola, ahora si tengo una duda =P, si al hacer click en el link quiero que la imagen que se me habra sea un poco mas grande por ejemplo cuando hago el efecto para imagenes se me muestra pequeño =(.
como se utilizan estos parametros:
rel="ibox&width=350"
rel="ibox&height=350"
rel="ibox&target=my-js-document.html"
rel="ibox&target='index.php?page=&my-js-document'"
rel="ibox&ignore_target=true"
gracias =).
Esos detalles vas a tener que verlos en la página de los desarrolladores del scriot: AQUÍ.
disculpa, pero en link Aqui no funciona =P.
Gracias =).
Es el mismo enlace quefigura en el post:
http://www.ibegin.com/labs/ibox/
Hola Jmiur, siempre vengo a tu página y te leo, he aprendido la mayoría de la cosas a través de Rosa que me las da un poco más fáciles jejeje y también de Gema :D aveces me enredo con tus explicaciones pero cuando lo hago con calma el resultado es fantástico.
Como estas ibox, no sé por qué mi blog se pesa, en parte es porque me gusta ponerle mis gatitos lo sé pero cuando se carga, esto de las ventanas modales me fascina! :)
Muchas gracias por la explicación, te sigo leyendo como siempre pero sieento que merecía agradecerte junto con la ayudita para poner los emoticones en comentarios.
Un beso ronroneado :)
Saludo Pau:
Haces bien, yo también aprendo de Rosa y de Gem@; ¡qué haríamos sin ellas! :-)
Seguramente te dolería menos la cabeza J.Miur jajajajaja
Jajajaja. No sé si eso sería bueno porque si duele, quiere decir que allí está.
En realidad, me preocupa más cuando no duele.
Me pregunto ¿todavía la tendré? y salgo corriendo a mirarme en un espejo para asegurarme. Suele estar allí y respiro aliviado :D
jjjajajjaja y en medio de tantos problemas, al menos la cabeza la descubres que la tienes para sonreir un poco :) no?
¿Por qué? ¿Sirve para otra cosa? :)
Ah sí, para usar sombreros pero, no es mi estilo :D
Hola Jmiur! Me preguntaba si es posible agrandar el espacio de Ibox. Es que la imagen es bien grande y necesito que se vea con detalle (a pantalla completa, si es posible). He agrandado con las propiedades rel=width, etc. pero no se agranda el espacio sino que aparece un scroll. ¿Me podrías ayudar?
Muchas gracias.
Vanessa
Pués no se me ocurre nada que no sea ese parámetro ¿Podría verse un ejemplo online?
¿El parámetro aumenta la imagen en cuestión? Es decir, ¿una vez hecho click se aumenta la dimensión de la imagen (y por tanto la nitidez)? Es que a mi me apareció con un video youtube que se mantenia con la misma dimensión, solamente que te permitia con un scroll ver el resto de la imagen. Seguiré intentando y te comentaré.
Muchas gracias
Vanessa
Por ejemplo: Delfines ¿Estaría bien configurado? ¡Yo lo tengo así y la imagen me sale con el mismo tamaño, independientemente del parámetro!
Vanessa
Delfines Perdón
Delfines
Así lo tengo pero todo junto, y con la url de la imagen. Lo siento es que no me aparecía... Espero que ahora sí...
Disculpa las molestias
rel="ibox" rel="ibox&width=1000" rel="ibox&height=1000" Ok, con los parametros......!
Y qué pasa con el darkbox.css? Gracias Jmiur!
No entiendo tu pregunta. Aclarame un poco.
LHEONNEL DICE: HOLA PIBE, PREGUNTO, ADONDE ALOJÁS LOS ARCHIVOS?
Actualemente estoy usand SkyDrive. Aquí está explicado.
Se pueden incluir paginas externas para abrirce en ventana modal como el LightwIndow?
Eso decían en la pagina de los creadores, sin embargo, no logré que funcionara bien. de todas maneras, puedes probarlo:
<a href="URL_pagina" rel="ibox">ENLACE</a>
Si, lo se, también traté de que se abra pero cuando parecía que se abriría de manera modal se abrió en la misma página
Es similar a lo que me paso mi cuando lo probé. No creo que el script funcione para eso o lo hace mal.
Este lo he puesto en mi blog ya,,,jejeje. El del lightwindow se me complica demasiado...jaus. Es que no me aclaro! y eso que me gusta más, pero uno ya no da pa más, lo siento.
Todo vale, Tony. Sólo son herramientas y las usamos como podemos :)
ya ya, pero es que con el lightwindow se me queda trabado el blog. Mira que le he dao vueltas a tu blog buscando este tutorial y cuando lo encuentro no me funciona...jajajajaja
Un saludo.
¿IBox no te funciona?
Dime en que blog lo tienes incorporado y me fijo si puedo encontrar el problema.
Perdona JMuir, puede que me haya expresado mal, el que no funciona esel lightwindow, este de esta entrada va perfecto.
Con el Lightwindow se que meda trabado el blog, no es capaz de cargar los scripts. Pero bueno, como tu dices, con este va de sobra.
Muchas gracias por interesarte...jejejej
Es lo que me parecía haber entendido y luego se me trastocaron las neuronas ... es que hoy es lunes :D
Espectacular. Funcionó de primera y barbaro.
Pregunta. Si el target es un formulario. Puedo capturar la respuesta?
La idea es utilizarlo como un cuadro de dialogo donde el usuario busque un registro y me retorne el código.
Buenisimo!!! :)
Puedo obtener resultado del formulario target, para buscar un registro y que me devuelva el codigo?
Gabriel: Vas a tener que buscar información sobre como interactuar con los formularios. Eso puede hacerse en Blogger siempre que el formulario esté en la misma página. Debría usarse JavaScript para leer el dato ingresado. El resto, me excede.
buenas noches ,profesor. me impresiona la velocidad de ese script. pero quisiera saber si puedo colocar una sola miniatura y automaticament o con una flecha el resto de imagenes vallan pasando, asi como se hace con lytibox
perdona tambien quisiera saber si puedo colocar las miniaturas en horizontal y agrupadas para evitar que la entrada se vea tan larga....te agradezco por tu tiempo
Hasta donde sé, este script no tiene prevista la posibilidad de mostrar galerías de imágenes. No veo nada en la página oficial que hable de eso.
Colcoar las miniaturas una al lado de la otra es posible. No sé exactamente qué quieres hacer pero, por ejemplo, bastaría no dejar un salto de línea entre una y otra:
<a .......><img .......></a> <a .......><img .......></a>
JMiur solo para informarte el ejemplo del video de esta entrada no abre en la ventana, algun problema quizas, en fin solo queria decirtelo.
Por lo que veo, el reproductor se abre y lo que ocurre es que el video en si mismo fue eliminado de YouTube. Cosas que pasan.
Hola me ayudas...
Es que vi esta ventana donde Gemma Y segui los pasos que tu y ella nos dan...pero no me funciona.
Primero subi los archivos a skydrive y nada luego a xooimage y tampoco sirvio...no se que pasa
Te dejo donde hice la prueba por si me puedes ayuda AQUI PRUEBA
Ojala me puedad ayudar :o
:O
LIZ
Me rindo ahora subi los archivos a Google Site y ni siquiera abre la ventana en youtube...no se que hacer :O
:o
:O
quisiera saber en que me equivoco, lo he hecho como 10 veces y no resulta
¿en que me equivico? :(
Gracias
LIZ
Elizabetha:
En tu blog veo que, tanto el script como el CSS están alojados en SkyDrive y entonces, no se cargan.
Lo mismo ocurre con adsmiley.js
No veo que hayan sido cambiados a Google Sites o en todo caso, no veo ese cambio en el código fuente del blog.
Jmiur...es que lo cambie para ver por ùltima vez si resultaba...volvere a pobner el de google sites...que tampoco me resulta...podrías verlo luego...disculpa..
:o
:O
LIZ
Ya Jmiur, lo cambie por los que alogeje en googlesites, el archivo .JS lo subi como . TXT y luego le cambie a .JS
No se si eso tenga algo que ver, o haya hecho mal la URL, porque es la primera vez que uso google sites :O
Gracias por decirme porque no resultan los emoticones... te lo agradesco mucho :P
Espero que me guies, es importante para mi esta ventana...sobre todo por los tamaños de los videos de YOU TUBE y porque se pueden hacer cosas ingeniosas...:o
GRACIA POR LAS MOLESTIAS
:D
Elizabetha:
Revisa la dirección del archivo porque es incorrecto y por eso no se carga el script. Me dice "Página no encontrada":
http://sites.google.com/site/lizarchivos/files/ibox.js
Ese es el archivo que subñi como TXT porque me dijeron que googlesites no acepta .JS...lo cambiaré a .TXT, pero ayer lo hice y no resulto...lo haré inmediatamente
Gracias por ayudarme tanto
=)
LIZ
Ya lo cambie... a o mejor ese es el error, haberlo subido como TXT :O :O :O
GRACIAS ;)
Pués sigue sin cagarse. Elizabetha :)
A ver, tal vez sea un error en la Configuración de Google Sites. Fíjate en esta entrada banakabanaka donde muestra paso a paso lo que debe hacese, es que no uso Google Sites y ahí no puedo guiarte. Sino, hay otros sitios done alojarlos como :
Fileden
Ripway
Boxstr
OH gracias por aconsejarme..hice todo lo que deciía en Bakana Bakan...un amigo me dijo que viera, que a ellos les resultaba...me diarías cual usas tu..me da confianza...porfa...si no es una intromisión en tu vida blogera ;)
gracias, eres tan gentil conmigo que soy tan molestosa..,preguntale a Gemma no mas :o :O :O :O :O :O
GRACIAS nuvamente
:D
Elizabetha:
Yo uso Fileden, allí tampoco se admiten archivos JS pero basta subirlos con extensión TXT sin problemas.
Los archivos CSS son muy complejos de poner en servidores, es preferible ponerlos directamente en la plantilla.
Gracias subiré los archivos y veremos que pasa...te aviso para que veas como qudo? ya? :O :o :O :O (que molesta soy ^^)
Perdona mi ignorancia pero como pongo la url de un archivo CSS si no lo he subido a alguna parte :o
gracias ;)
LIZ
Los subñia fileden...y sigue sinresultar :O :O :O
Será algún problema con mi blog...nunca he tenido problemas en implementar este tipo de cosas...no se que pasa...
Me siento pésimo de molestar tanto..pero no quiero rendirme...nunca lo hice cuando cree mi primer blog el 2006, y tenmía que interbvenit la plantilla casi intuitivamente para lograr las cosas que quería...
Ayudame please :o :o :o
Gracias por las molestias
LIZ
Bien. Ahora, el script está y se carga correctamente.
Te faltaría incluir el CSS. PAra eso, lo más cómodo es agregarlo en la plantilla directamente. Buscas </head> y justo encima colocas esto:
<style type='text/css'>
.............. y aqui pegas el CSS
</style>
Abre el archivo CSS con el block de notas. Copia el contenido y lo pegas ahí, en medio de esa dos etiquetas.
Te diría que revises ese post porque algo raro ocurre ya que en esa entrada, los enlaces no funcionan, ni siquiera el del título. Aún cuando el script no funcione, al hacer click en el enlace debería abrirse YouTube. Pero si te fijas, ni siquiera aparece el cursor con la manito indicando que hay un enlace. Eso, debe ser porque hay algo mañ escrito en el post mismo.
Leo y obedesco...mi general ;)
Si eso me llama la ayención, porque en la vista previa si se carga el video, pero luego ya no...cambiaré de post...
Luego le informo de las noticias del frente ;)
Gracias :O
LIZ
POR FINNNNNNN :D :D :D
RESULTO!!!!!! :) :) :)
Lo probé con imágens y video...y resulta...sabes, aparte de lo que hice con el css, quité los el scrpit de los smiley... y después de eso resulto :O .o :O :o :O :o ¿Tendría algo que ver?
WIIIII!!!!! :D :D :D
GRACIAS POR APOYARME TODOS ESTOS DIAS ERES UN MAESTROOOOOOOOOOOOOOOO...PORQUE SABES Y PORQUE TIENES PACIENCIA CON TUS "ALUMNOS TORPES" COMO YO :) :) :)
ESTOY MUY FELIZ...Y ME ALEGRA HABER APRENDIDO ESTO DE COMO PONER LOS CSS DIRECTO EN LA PLATILLA...:D :D :D
Tengo otra pregunta :o, pero solo cuando puedas, es que me llama la atenciñon hace tiempo...cuando hago ping en estos servicios como Total Ping o ping me ...me sale que mi platilla tiene un error, me dan la linea y todo...como lo puedo corregir? sabes?
Y lo otro...el efecto "fantasmita" de tus directorios como se llama para buscarlo en tu blog maestro?
Muchas gracias por todos los dias que dedicaste a ayudarme...no sabes como te lo agradezco..tu labor es tan importante y nos ayuda tanto a todos los que quermos superarnos :) :) :)
WIIIIIIIIIIIII!!! RESULTOOOOOOO!!!!
BESOTESSSSSSSSSSSSSS
LIZ
PS:si configuro la ventana no pasra nada ...verdad? :O :O :O :O
GRACIASSSSSSSSSSSSSS no me canso nunca de dralas :D :D :D
HEYYYYYYYYY POR FIN !!!!!!!!!!! HAgAMOS UNA FIESTA !!!!!!!!!! FELICITACIONES !!!!!! Se la merece por persistente y no dar el brazo a torcer :D
Lo de TotalPing ¿qué dice el error? Cualquier cosa, me lo envias por correo y lo vemos.
Lo del efecto ese del footer no está explicado en detalle pero se trata de unos efectos generados por una librería llamada Scriptaculous ... sí, es un script, no, son dos :D Se pueden cargar desde Google así que no hay necesidad de alojarlos uno.
Oh veré lo del Scrpi "fantasma" jajaja!! :D :D y para seguir molestando (muahahha!!!),le mandaré un mail con lo del error, sale señalado todo lo que supuestamente está mal formado en mi platilla y que hace que no acepten el ping...me tiene preocupada hace tiempo esto no tanto por el ping sino por tener un error en la plantilla, y no sabia a quien preguntárselo...
gracias por todo...mi éxito es gracias a ud. :) :D
=) =) =)
LIZ
OK, Elizabetha, cuando llegue el mail lo miraré a ver si puede encontrarse una solución :)
Me he atrevido a molesterte y te mande un mail con el problema de mi plantilla...solo si dispones de tiempo :D
Muchas gracias por tu paciencia y guia...
=)
LIZ
OK. Lo tengo ahí en la bandeja. Lo leo y veo que puedo hacer.
Alguien sabe como puedo configurar y que comandos usar para que me abra una imagen automaticamente al entrar a mi pagina web con ibox????
Quiero poner promociones y esas cosas, pero cambiarlas con facilidad... una especie de popups con ibox...
Mi correo jcabrigo@gmail.com
Gracias...
¿Publicidad con pop-ups automáticas? UFFFF. Esperemos que nadie responda eso ¿No se te ocurre otra forma menos intrusiva? No es una buena idea en absoluto.
Hola yo nuevamente...gracias por el mail ^^
Queria preguntarte como puedo hacer un respaldo de lo que escribo en el blog...es muy importante para mi que no se pierda porque blogger se cierre o algo pase.
se puede hacer?
Necesitoa hacer un respaldo de mis 500 y tantas entradas...ojalá se pueda para ponerlas en un lugar seguro...
Gracias por todo nuevamente =)
LIZ
Hay varias formas Elizabetha. Yo no sé si estos servicios y software aún están disponibles pero aquí van dos: esta es una y esta es otra
También puedes usar el mismo Blogger, exportando el blog completo cada tanto tiempo y guardar esa copia en tu PC porque permite luego, en caso de emergencia, restaurarlo. Ese ese el método que uso. Hay una breve explicación acá.
Gracias por el aporte!
Llegué aquí por Elizabetha, que ya he visto que ha tenido mogollón de problemas; ya me comentó que me fijase en la de comentarios que hizo... :D
A mí me salió a la primera, siguiendo tus instrucciones :)
Saludos!
Damned: Me alegro que funcionara :D
Muchas gracias Maestro ;) ;) ;)
Saludines :D
LIZ
Saludos, Elizabetha. Espero que alguno te sea útil. Yo me concentraría en eso de exportar el blog cada tanto tiempo.
Jmiur
Hice algo que e sugirio Gemma..vi el demo de mi plantilla en explorer y se ve completamente desconfigurada, asi que es un error que la plantilla trae.Me gusta mucho esta plantilla porque va de acuerdo a lo que puiblico en ella, pero cambiarla, con tu ayuda y considerando que tienes muchos pedidos, sería algo dificil y no quiero recargarte.
¿que me aconsejas?, ¿Cambio la plantilla o me arriesgo, con tu ayuda a corregirla?
La plantilla la saque de aca:
http://www.blogcrowds.com/resources/blogger-templates/2
es la última, la que dice Magic Paper...
Infinitas gracias por toda tu ayuda...espero tu sabio consejo ;)
LIZ
Elizabetha: ¿No es la misma plantilla por la que me preguntaste por mail hace unos días? Te respondí el mail y lo contestate :)
Si es la misma...me gusta mucho y quiero arreglarla, pero sola no puedo y tienes mucho trabajo...no se si cmabirala por otra o arriesgarme...es eso :O
Gracias :)
En el mail te enviaba una serie de correcciones a hacer; son sencillas de implementar, sólo unas cuantas propeidades CSS a cambiar o agregar; no vas a tener problemas en usar esas instrucciones y, bastaría usar la Vista Previa de Blogegr antes de guardar la plantilal para que los cambios se vieran así que tampoco prvocarán "desastres".
Un punto fundamenteal (aparte del header) es que en al sidebar derecha hay agregado un widget demasiado ancho y eso provoca el problema en IE.
Jmiur..ers un angel :D ....lo implementaré, me gusta demasiado esa plantilla para rendirme ;), asi que seguire los pasos que me diste...luego te preguntaré como arreglar alginas cosa màs pequeñas, como los comentarios que salen primero el comentario, luego el nombre y al final la fecha o cosas por el estilo. No quiero recargarla solo hacerle algunos ajustillos.
Pero primero, es lo primero....lo que tu me recimendaste...;)
Graciasssssssssssssssss eternassssssssssss :D :D :D
LIZ
Suerte, Elizabetha. Puede ser que requiera algunos ajustes extras pero, con eso debería resolverse lo principal :)
Creo que hay problemas con la descargar del zip J.Miur, vine porque algunos archivos han dejado de funcionar en mi blog.
Según Fileden están de mantenimiento ¿sabes algo?
Así es, Gem@, eso leo al entrar así que habrá que esperar. No veo más información que esa.
Oh, si se trata de algún ZIP de mi blog, están todos alojados en SkyDrive.
He cambiado la url provisionalmente, como tenía alojados los archivos en distintos sitios gracias a tu invento ha sido un abrir y cerrar de ojos. Es el momento de volver a darte las gracias por el gran invento.
He tenido que hacer lo mismo porque Fileden ya lleva mucho tiempo muerto :(
Saludos.... en primer lugar muchas gracias por tu pagina en ella he aprendido bastante pero aun me falta mucho por aprender.. por favor ayudame estoy integrando esta ventana modal en mi sitio, lo cual si funciona pero en internet explorer el color de fondo se me pone blanco.. he revisado y aun no doy con el problema .. el sitio es www.scoutsguayas.org .. si tienes algo de tiempo dame una pista de como solucionarlo gracias...
No veo que ocurra eso, esta es un captura usando IE7.
Gracias por revisar... pero si te fijas el background de la pagina es de color celeste lo puedes chequear en firefox, pero desde que agregue el script del ibox en internet explorer 6,7 y 8 mi background se muestra de color blanco... aclaro que solo estoy utilizando la libreria jquery .. una vez mas gracias por chequearlo..
Así, tal como se ve el código fuente, veo que el fondo está definido y n oencuentro otro error. Es posible que algo influya. No cargues el script y mira si eso cambia algo. Si es así, mueve todos lo de ibox más abajo, antes de </head>
Muchas Gracias, ya me funciono, en prueba y error lo deje sin la referencias del css y ahi me funciona ... :)
Tengo un problema. He aplicado el ibox en mi blog. Si miras mi blog, verás en un post titulado "Aventura del mar" dos videos: uno dice "Click ver video" y el otro es un video que usaste para esta entrada, disculpa por hacer usado la imagen del botón, pero quería saber si sucedía lo mismo que con los videos que pongo, pero en cuanto el problema se vaya borraré la imagen .
El problema es que se notan unos scrolls, uno a lo ancho y otro a lo alto, quisiera que me ayudaras a quitarlos, te lo agradecería mucho.
Complementando mi pregunta anterior, también quisiera que me ayudaras porque no sé porqué pero en Firefox cuando se abre la ventana modal el resto de la página se oscurece como debe de ser, pero en Internet explorer se abre la ventana modal, pero el fondo no se oscurece, el fondo sigue con los colores del blog y se ve un poco feo.
Pero he visto tu blog en ambod (firefox e internet) y en ambos la ventana emergente está libre de scrolls y el fondo sí se oscurece.
Ayúdame por favor.
La inquisidora:
La verdad, no le encuentro razones apra que eso ocurra ya que el código que colocas es correcto.
¿Has probado usar el otro CSS disponible? Fíajte si con ese pasa lo mismo. Sino, me mandas un mail y te envio el que está acá en el ejemplo pero, no recuerdo haber cambiado nada.
He usado el otro css y el problema de los scrolls se ha solucionado, pero el otro problema continúa, el fondo no cambia, debería de ponerse medio oscuro, pero sigue igual.
Te envié un mail, espero te haya llegado. Gracias por la ayuda
Acabo de responderlo y te adjunto el script y el CSS tal como esta en esta entrada.
Sí, recibí el correo , pero, tenías razón, el código era el mismo y no funcionó; en firefox se ve bien, en internet explorer también, pero el fondo no se pone oscurito. Bueno lo dejaré así, de cualquier forma gracias por la ayuda.
Por cierto, estuve comparando los dos CSS , el lightbox y el darkbox para ver por qué en el lightbox se ponen scroll y encontré la solución para quitarlas: en #ibox_content { hay que ponerle padding: 8px;
Con eso se soluciona, yo ahora estoy usando el lightbox y ya no tiene scrolls :)
Saludos y nuevamente gracias por la ayuda.
Es desesperante J.Miur no se deja personalizar como Lytebox :(
Gem@: ¿Qué parte quieres cambiar?
¿Recuerdas lo que hice con Lytebox? pues algo así como con Lytebox, he conseguido que el enmarcado quede transparente pero sigue resultando muy soso, quizás cambiando también el top donde añade el texto cerrar.
No te preocupes que ya sigo yo probando mi comentario fue algo espontaneo :)
No hay problema, cualquier cosa ... grite :D
Gracias JMuir lo he implementado y funciona perfecto.
Gracias Jmiur... en vista a que no pude colocar LightWindow, esta ventana modal si me funciono...
Ahora me surgen dos preguntas...
Primero, ¿qué tal funciona site.google.com para alojar js?, ahí subi los archivos, pero como nunca lo habia utilizado, pues no se como es..
Y lo otro, respecto a ibox... Donde colocas el contenido oculto en el segundo ejemplo?, el caso de un texto escrito... viendo los codigos la url es #demoContenido en esta misma entrada... pero no entiendo como haces que #demoContenido sea justamente ese contenido... ¿de donde sale? :X
osea, en resumen
donde escribo el texto que quiero que aparesca en la ventana modal
de donde saco esa url.
Si el dominio es propio, Google Sites no servirá; si es de blogspot, funciona. No lo uso pero, funciona. Siempre es preferible, si son scripts que deben estar a mano, ponerlas en la misma plantilla.
EL contenido oculto, en este caso, esta en el mismo post, en un DIV:
<div id="demoContenido" style="display:none"> ..... </div>
Perfecto :D
más adelante volveremos a intentar colocar LightWindow, por ahora esta ventana modal funciona bien
saludos y gracias por la ayuda
Ambas hacen más o menos lo mismo así que esta es una buen opción y bastante liviana.
hola como hago para incrustar un formulario en la ventana modal
Puedes ponerlo como contenido oculto y luego mostrarlo o bien puedes usar una página externa.
¡Buenas JMiur! Qué tal diciembre.
Me gusta mucho iBox :) Y... me funciona perfectamente en Chrome, pero no en Firefox ni en IE. He buscado entre los comentarios con el buscador del navegador, y en Google y tal, pero no doy con nada.
¿Se sabe de alguna solución? ¿Me pasa sólo a mí? Jajaja.
¡Un abrazo! Mi blog es: http://vinilocura.blogspot.com
Mil gracias (:
Yo veo que acá funciona perfectamente en Firefox.
En tu blog, el navegador me muestra un error en el script de Efecto deslizante para ir arriba; allí, hay algo mal terminado.
Dice:
$$('a[href^=#]:not([href=#])').each(function(element)
y para mi, esa líena debería decir esto:
$$('a[href^=#]:not([href=#])').each(function(element) {
creo que le falta la llave de apertura.
Qué rápido ^^ Muchas gracias.
Es raro, a mí no me funciona iBox en Firefox, pero en cambio el Efecto deslizante sí, no me da error en ninguna parte. Aun así he puesto la llave de apertura (: ¡Gracias!
Voy a comprobarlo en alguna web, tipo Browsershots.org, que te muestra una captura en otros navegadores.
¡Gracias otra vez! :D
El error ahora ya no está; eso se ha corregido bien. No significa que ese error hiciera que el script no funcioanra; podía hacer que no funcioanra algún otro ya que se produce un efecto en cascada.
De todos modos, eraimportante corregirlo porque sino, no podía ver más allá.
Ahora, l oque noto es que estás cargando el script este:
https://499494448075960571-a-1802744773732722657-s-sites.googlegroups.com/site/vinilocura/alojamiento/ibox.js
y lo mismo haces con el CSS
Pero, esos enlaces no son públicos, son privados así que para verlos se debe estar logueado por lo tanto, no funcionarán para los visitantes.
¡Pero qué memo! Muchísimas gracias (: Era eso claro, fallo garrafal no haberme dado cuenta, de hecho no habría dado cuenta jamás jajaja. Y gracias a eso comprendo por qué no conseguía hacer funcionar otras cosas.
Estupendo, ahora funciona tanto en Firefox como en IE, pero... cosa que no me pasa en Chrome (http://d.pr/Nih3), en estos dos navegadores la ventana modal se ve así: http://d.pr/SE91 .¿Hay alguna forma de que se ajuste al tamaño del vídeo?
Siento dar la lata jajaja, ¡mil gracias otra vez!
Eso, da la impresión de ser un problema de paddings de estas dos definiciones
#ibox_wrapper { }
#ibox_content { }
#ibox_footer_wrapper { }
Hay que buscar una combinación que se adecue a todos los navegadores; yo, comenzaría por ponerle padding cero a todos ellos y ahí, ir probando.
¡Solucionado! Ya se ve tal como quería en todos los navegadores (: Muchísimas gracias. También he incluido (torpemente) algo parecido a lo que tiene la página principal de Spotify, donde muestra su último Tweet.
De nuevo gracias por todo, siempre me es de muuucha ayuda, y aprendo cantidad.
http://vinilocura.blogspot.com
Hola, no puedo conseguir la direccion de ibox.js , lo carguè en FileDen y el único que acepta es CSS. Puedes dar una ayuda, o sino una página donde permita cargar archivos js.
Fileden no acepta achivos de extensión JS así que cambia la extensión por TXT.
Besos Jmiur:
Usaba ibox en mi blog pero al poner la nueva plantilla este año, no me esta funcionando y lo elimine, no sé si será porque le di sombras a las imagenes o no :S pero como me gustan mucho quiero probar otra opción.
Que pasa si por ejemplo imsertara shadowbox de Gema y en mis post las imágenes y videos estan con rel "ibox" y ahora debe decir "shadowbox" o lo que sea se puede cambiar con un script para que no pierda el efecto o tendría que cambiarlas una por una?
O mejor veo que me hace mal ibox? :S
... cachitos de #odiosloslunes xDDDD
Besos y abrazos ronroneados ^_^
Pau:
Primero que nada, debería dársele una oportunidad a iBox, no creo que ese cambio que me dices tengan algo que ver con el problema así que, si quieres, vuelve a colocar el script, me avisas dónde puedo ver el ejemplo y reviso.
Segundo, sí es posible cambiar el atributo REL con un script, no sé si eso hará que funcione ShadowBox pero, se puede probar; si esa es la idea, me mandas un mail, me muestra donde tienes algún ejemplo, veo qué se me ocurre y se prueba.
PD: Ya casi termina el lunes ... paciencia :-D
Disculpa la demora, esta semana fue de locos :$
Segui tu consejo y la probé de nuevo (era el script de comentarios el que me daba problemas en el blog en varias partes asi que lo eliminé):)
Ya me funciona sin problemas y lo puse en la plantilla el script (yuhuuu ;)) pero como ves en este post que lleva a un video aqui la ventana se ve más pequeña que el ancho del video, o como ves en la entrada actual de mi blog puse la foto mas grande con ventana pero se ve igual y no del tamaño del link.
Que es lo que tengo que cambiar? jejeje esta vez son dudas de #caturday jajaja ;)
besos ronroneados en mi abrazo ^_^
Eefctivamente, en el video veo que salta un error y por lo que entiendo, ese error es el que debe estar molestando para ajustar el tamaño automáticamente.
Me da la impresión que, una cosa que podría estar influyendo en el script que utilizas para mostrar ese rastro de esterllitas cuando mueves el cursor ya que ese tip ode script, que se ejecuta de manera permanente, puede afectar la carag o ejecución de otros.
¿Podrías desactivarlo aunque sea momentáneamente para que pueda ver un poco más? Es que sino, se hace sumamente complicado hacer un debug ya que hay datos que permanente cambian.
gracias por la preocupación :) efecto campanita en mouse desactivado ^_^
OK. Sigo mirando.
Evidentemente, hay alg que no funcioan cuando el script calcula el tamaño de la ventanita. Por ahora, no sé que puede ser pero, saltan otros errores de scripts que, tal vez influyan o no así que mejor corregirlos.
Hay uno el el script de Twitter porque aprece que has eliminado la pate de HTML pero el script sigue allí así que debieras eliminarlo o comentarlo para que no se ejecute; no sé exactamtne qué dice pero es algo así:
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/lavozdeunagata.json?callback=twitterCallback2&count=1"></script>
El otro es el contador de comentarios; si bien se ven, tiene un error de sintaxis, aparece un punto y coma extra; revisa que dica exactamene esto:
<script type='text/javascript'>ContarC('<data:comment.id/>')</script>
De nuevo un poco atrasada :S ya corregi el contador (en mis dos blog ;)) y active ver varios tweet que es el script que me dices para seguuir corrigiendo :) muchas gracias, aunque lo del tamaño de la ventana es un detalle porque al menos el ibox ya funciona en si :)
No se si influye pero cuando veo en Chrome mi blog el link para responder un comentario me aparece un "return false" que indica un error no se si eso afecte.
Gracias por tu preocupación y ayuda, besos ronroneados en mi abrazo ^_^
Me da la impresión que eso de:
<script type='text/javascript'>ContarC('<data:comment.id/>')</script>
no tiene utilidad alguna, que debe ser algo que quedó de algún método anterior ya que no existe un script con esa función en tu plantilla. Creo que puedes sacarlo.
Me fijé en la imagen de esta entrada y all mostrarse la imagen, lo hace con el tamaño indicado que es 512 pixeles:
https://lh3.googleusercontent.com/_3HkXbS3XcgY/TZT_kAWSdDI/AAAAAAAAJbs/z16C61ufOgw/s512/gata2.jpg
El video, en cambio, lo sigo viendo más pequeño; es raro eso ¿HAs probado forzar el tamaño? Se podía hacer colocando algo así: rel="ibox&width=650&height=450"
Eso del return false que ves se debe tratar de un error de sintaxis en esa parte, o una comilla erróna, algo similar. Online no se ve; ese es un código raro así que es fácil equivocarse al escribirlo; si me envias l oque dice exactamente la plantilla, lo reviso.
Saludos!!! Disculpa existe alguna manera de hacerlo funcionar con Vimeo????
Si descargas la versión desde su página, verás que contiene un segundo script llamado ibox-extras.js que son agregados que permiten abrir videos de Vimeo y MySpace.
Ayuda! Ya bajé el ibox.extras como me aconsejaste lo subí al Dropbox y lo puse en mi plantilla pero no logro que los videos de vimeo funcionen, ya he intentado meter la dirección del video de distintas formas y nada… con los videos de Youtube todo va bien, por favor aconséjame como debo meter la dirección de vimeo. De ante mano muchas gracias!!!
En el ZIP hay una carpeta llamada tests y adentro otra llamada Flash donde hay un archivo HTML con un ejemplo de cada servicio de video.
Allí dice que debes agregar ibox.extras.js luego de ibox.js
<script type="text/javascript" src="URL_ibox.extras.js"></script>
Y usarla de este modo:
<a href="http://www.vimeo.com/1604120" rel="ibox" title="Vimeo"> video </a>
Hola chicos!!! Saben si hay alguna forma de que la ventana se abra solo en el post y no en toda la pantalla?
No sé a que te refieres.
Hola...
veo que estos script requieren agregar el atributo REL a los enlaces...
¿hay alguna de manera en blogger de agregar estos atributos automáticamente?¿será mediante javascript?
Eso, sólo se podría hacer con JavaScript y requeriría identificar cuáles son las imágenes a las que se debe agregar el atributo.
voy a tener que estudiar javascript entonces... ¡bastante tendré que aprender!
:O
Hola, he conseguido implementar ibox en mi blog Compases de Amargura, tengo las galerías en gif, pesan mucho y tarda un poco, pero funciona que es un avance. Me gustaría saber si puedo realizar las galerías con el mismo, aunque tenga que enlazar foto a foto. Lo he probado en video y también me funciona, pero he intentando ampliar la ventana y me ha sido imposible, puedo hacerlo? o viene sin esa opción? Muchas gracias
No entiendo que sognific alo de las galerías. El script funciona con cualquier tipo de imágenes y el tiempo de carga de esa imagen dependerá de su peso y de dónde esté alojada.
Básicamente, el tamaño de la ventana depende de su contenido.
Buenas noches, estoy usando el ibox y en google crhome y fuinciona bien, pero en iexplorer 9 cuandoc arga la ventana en modal el fondo me sale imagen domain unregistered. to view register at: .....
soy nuevo en este tema de diseño web. por favor me puedes ayudar, escribeme a afernandez@factorsoftware.co
muchas gracias!
No sé a que se puede referir ese mensaje, Andrés porque no sé cuál es tu ejemplo; si se trata de una imagen subida a ImageShack, es porque hace ya tiempo que ese servicio requiere que se registren los dominios donde se van a usar las imágenes subidas.
Hola!JMiur estoy probando ibox en un blog de pruebas,y la verdad me gusta mucho,y queda muy bien,es posible cambiar close x cerrar?lo intente remplazando la palabra pero sigue mostrandolo en ingles.
otra consulta... Shadowbox o ibox cual me aconsejas?
Muchas gracias!
Tal como dices, el texto está en el script; tal vez no está una vez sino dos o más. Es un texto. No recuerdo el código exacto.
Gracias JMiur voy a investigar ;) ya lo tengo instalado en mi nuevo blog y sin inconveniente alguno.
Saludos!
Hola JMiur!
Sabes porque no esta funcionando el oscurecimiento de la pantalla al abrir ibox?crei que solamente era en mi blog pero estoy viendo que en los ejemplos de aqui tampoco funciona.
saludos!
Acá no se ve porque el archivo con la imagen ya no existe. Puede ser que te ocurra lo mismo y en ese caso, simplemente deberías subir otra imagen o usar un color de fondo transparente agregando esta propiedad o cualquier valor simialr:
#ibox_overlay {
background-color: rgba(0, 0, 0, 0.7)
...
}
JM magicamente regresó el fondo,pero igual agregaré esa propiedad,muchas gracias!
Buen finde!
Hola!JM
estoy usando el formulario de contacto de wufoo y no logro que funcione dentro de esta ventana modal,o sera que no es posible?lo he probado dentro de la opcion:
ENLACE o MINIATURA
desde ya gracias!
Tendrias que fijarte en la página del desarrolaldor si es que acepta el uso de iframes a sitios externos y cuáles son los parámetros.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...