En este video vamos a ver Kólob box como integrarlo a nuestro proyecto color boxeo muy parecido a ver
que aquí incluso dice Lightbox plugin es muy parecido al box para galerías puras me gusta más la ebook
sin embargo la ventaja de color Books a diferencia de la iBooks es de que este sí permite agregar HTML
y mostrarlo en una ventana modal.
El HTML a diferencia del iBooks que nada más acepta videos puedes descargarlo aquí ya lo he descargado
hay varios ejemplos aquí si le das click puedes ver algunos de ellos por ejemplo aquí en la parte inferior
Vinila en HTML y este es el que agregaría.
A mí me gustó mucho este 3.
Sin embargo me vienen 6 ejemplos con y código fuente para darle botón derecho aquí lo voy a dar soy
infante para que me abra esta carpeta en el Finder y voy a mover algunos archivos.
Primero voy a mover el color Boks puntos y lo voy a pegar aquí hoy siguiente voy a mover este Image
Images.
También puedo seleccionar y pegar aquí puedes ver que aquí hay un conflicto porque el archivo se llama
igual guardar detener y además voy a dejar este control punto PNG.
Por último tenemos que copiar algún cuadro color Box cualquiera de las dos está bien o una versión modificada
y la otra no. Vamos a abrir J.V y pegar esta librería vamos a abrir el Gebser y darnos cuenta que tenemos
en algún lado debe estar Linux
y vamos a agregar lo que viene siendo color Box aquí
stayed Raif CSS y el CSS se llama color Box puntu CSS
y vamos a ir al Führer.
También
abrimos nuestro Fuhrer scroll hacia abajo
y aquí puedo copiar algunos de estos copiar este por ejemplo y pegarlo
y agregar el enlace a color Boggs hacer más grande esto se llama México-EU color Box punto es Jammin
y recargo
inspeccionar nuevas para ver que en la consola no haya errores aquí hay un error pero no es de esto
y podemos ver que se agregaron correctamente los dos.
Las dos librerías a abrir de invitados y aquí después del L'Illa voy a crear un Dib y lo voy a poner
aquí.
Y quién lo va a poner clause poner un estáel.
Hemos dicho que los estilos lineales no eran muy bien vistos.
Sin embargo es algo sencillo poner aquí nada más display para que este día esté oculto.
Siguiente voy a poner a este otro Dieppa y este va a tener un Heydi de invitado y vas a poner PHP como
invitados invitado.
Y aquí vamos a ver que es el invitado ahí sí que quiero imprimir nada más el número lo vamos a dar una
clase.
También me va a poner la clase aquí para que sea mejor de invitado info y dentro voy a poner la información
de este invitado que sería hehco invitados y su información viene como descripciãn así que lo pongo
aquí descripción y este va a ser un párrafo poner el equipe y lo cerramos acá.
Después voy a poner un H2 y va a decir PHP hehco invitados nombre y aquí vemos que la tabla se llama
nombre invitado
punto comillas punto invitados y aquí va a ser apellide invitaba
más o menos se va mejorando esto vamos a también imprimir lo que viene siendo su imagen y la imagen
nada más puedo copiar esta parte de aquí y pegarla aún no tengo nada.
Puedes ver que no he agregado el link cuando le dé clica la imagen a esa parte Arquivo agregaron a y
voy a cortar el cierre del enlace aquí abajo y vamos a intentar un poco este código.
Esta parte va a ir enlazada
y HR-V invitado a PHP como invitado invitado.
Con esto va a ser un poco más la funcionalidad sin embargo no se va a ver bien.
Y vamos a ver por qué si no que inspeccionar no le doy click
los invitados
se inspeccion aquí el código puedes ver que este te da un Hrólfr invitado 3 se expande aquí puedes ver
que este se llama invitado 3 como Heydi así que de esta forma estamos enlazando como que la imagen de
la persona con su biografía.
Pero hace falta agregar algo más al plugin de color Box que mandar llamar el plugin que quiere ponemos
color Box y va a ser muy sencillo nada más ponerle
selector punto de invitado info y invitado info vendría siendo esta clase para que aplique a todos lo
que le ponemos color Vox en linea Tru y luego una coma y le ponemos un widget del 50 por ciento y ahora
si guardo el cambio si recargo y doy click aquí y vemos que no funciona.
Aquí me hizo falta ponerle en este HR-V Clas la misma clase de invitado info que está aquí para que
cree como esa conexión aparte de hacerla por el HR-V así recargo click y vemos que nos abre la información
de cada uno de nuestros invitados.
Un poco más grande igual este se podría mejorar un poco con estilos aunque debo decir que los estilos
de color block son muy fijos.
El problema es que ellos hacen muchos cálculos basados en el JavaScript y lo hacen un poco más complicado
igual modificando el objeto de JavaScript se podría hacer algo porque aquí abajo puedes ver que tienes
muchas opciones sin embargo no tiene así como de margen mi padrino.
No tiene nada para CSS
entonces vamos a ver cómo hacerle algunos pequeños ajustes pequeños lo que nos permita.
Pero pudiste ver cómo agregar algo como color Box dentro de tus diseños que viene dos veces el invitados.
También podríamos eliminar nada más necesitamos un sections recargo a nuestros invitados y bueno en
el siguiente vídeo le daremos un poco de estilos a esta parte para hacerlo un poco mejor.