Vamos a finalizar este diseño y puedes ver que en esta parte tenemos dos palomitas sinos de check box
habilitados.
Tenemos los botones de sólo un poco más vamos que no tiene fondo y también queremos que cuando lo hagamos
Jover se haga un poco más grande cada una de estas tablas.
Vamos a hacer todo eso en este vídeo.
Primero vamos a copiar este selector de tabla de precio ya que íbamos a ponerle en Before CIFOR iba
a ser Villefort cada uno de los Eloisa por ejemplo desde bocadillos gratis todas las conferencias todos
los talleres.
Todos ellos puedes ver que tienen el signo de Check habilitado.
Primero lo vamos a poner aquí un font family y en este caso se utilizarán una fuente llamada Font o
son cuando cargamos el de estilos de fondo.
Puedes ver que aquí dice feis arroba fan from family Font Olsson así que podemos utilizar esa misma
fuente nosotros y vamos a ponerle aquí.
Display in Block esto nos va a permitir utilizar algunos atributos en el vertical line up.
Vamos a ponerle también un pin de cero y cinco píxeles bonsáis de 20 píxeles para hacer el icono un
poco más grande.
El color será verde así que podemos Grin y es necesario ponerle WebKit Fontás Moutinho y ponemos anti
aliasing.
Y por último lo más importante es el contén entre comillas y tenemos que poner una diagonal invertida
aquí devanado invertida f zero zero C guardo cambio si recargo y vemos que aparecen los check box o
los check y tal vez llegas.
Bueno y esto de contenta de dónde salió.
Si visitas cada página de los iconos que tiene Font o zoom aparte de tener el HTML que te quede nada
más copias y pegas aquí vas a encontrar uno que ese único y aquí puedes copiar los que vienen siendo
los códigos.
Este es distinto a buscar aquí CHEC y es este CHEC y puedes ver que quise Fzero ser osé él mismo lo
mismo que puse aquí f0 0 C used before y After no se remiten nada más a ser utilizados como Click Fix
así como vacío y display Taibo o display blog.
Puedes también utilizarlos para agregar contenido como éste y vemos que el resultado es bastante bueno.
Vamos a hacer la parte de la tabla y hacer un poco de scroll hacia arriba y aquí tenemos nuestra tabla
presionamos al copiar y pegar y el efecto era Jover recuerda Jover.
No solamente se limita a Lashes puede ser cualquier cosa que puedas colocar sobre él.
Y aquí vamos a poner Transform pero es que coil de 1.1 va a crecer un 110 por ciento si está al 100
va a crecer un 10 por ciento más border en este caso vamos a poner un píxel sólido y quiero ponerle
el mismo color naranja que hemos estado trabajando durante todo el diseño así que cuando hagamos Jabber
sobre la tabla crecerá un 10 por ciento.
Y también debo agregar este border.
Por último le ponemos un boxeador y deberíamos ser píxeles ser píxeles.
Si recuerdas esto era hacia X yé el Blur de 50 píxeles y el color 6x6 y guardo cambio si recargo me
coloco sobre la tabla y podemos ver como crece cada una de ellas sin embargo esto se ve así como de
videojuegos de los 80's no así la animación muy tranquila muy muy rápida transición al punto 3 segundos
y guardo cambios veremos que ha sido un poco mejor.
Vemos como se alejan y como si se acercaran las tablas así que con las transiciones de CSS puedes hacer
este tipo de efectos vamos a darle scroll hacia arriba porque hemos creado una nueva clase que se llama
actividade tenemos nuestro botón vamos a ponerle un botón.
Si recuerdas que era más abajo y no es una frase que yo conocí por un framework que estaba utilizando
que tenía este mismo diseño tenía los iconos en sólido y uno con color blanco y se llamaba la clase
así me gustó como se escuchaba así que aquí te podemos poner background color UICC y el color vendría
siendo el mismo color naranja que hemos trabajado durante todo el curso.
Aquí J-Lo es joven para tener los dos cambios y más o menos se ve bien.
Vemos que nos hace falta lo que va haciendo el Border así que lo ponemos aquí.
Border vamos a inspeccionar mejor para ver para estar seguros qué está pasando y
si vemos que no tienen ningún Border y el Border sería creo que buena idea mejor agregar hacerlo aquí
al botón Border dos píxeles SONET y recargamos y vemos que ahora sí se ve nuestro Hollow nuestro botón
de geólogo creo yo que se ve mejor
en parte se hace para diferenciar que los paquetes que las personas vayan y adquieran el paquete más
caro que es el que nos conviene como organizadores de la conferencia.
Obviamente está hablando como si fuéramos nosotros si vemos nuestro diseño puedes ver que la siguiente
parte es un mapa de Google Maps.
Vamos a hacer nada más.
El Dib y los estilos ya que ese mapa lo miremos con JavaScript un poco más adelante así que continuamos
en el siguiente vídeo.