Los materiales del curso vas a encontrar esta imagen que se llama talleres Flecha puntos JPG así que
aquí estaremos posicionando nuestra flecha para nuestro diseño.
Puedes ver que tiene la clase de activo sin embargo estaremos utilizando activo y luego after para poderlo
posicionar de la forma correcta es necesario abrir nuestro código en el CSS.
Buscamos menú programa y donde tenemos el a aquí podemos poner un poco de o más bien extender nuestro
código o programa a lo podemos activo y ponemos aquí.
After y vamos a tener que poner en nuestros as posición relativa para poder posicionar este exactamente
por qué va a estar un poco fuera de lo que viene siendo este Zelda y este va a tener que estar más o
menos aquí afuera.
Por lo tanto es un poco más fácil hacerlo con posición relativa y absoluta.
Lo primero es poner la posición absoluta y luego ver que es un after.
Entonces es necesario el content aunque esté vacío siguiente lo vamos a posicionar de cierta forma queremos
que esté centrado basado en el ancho del del link y la forma en la que posiciona horizontalmente cuando
utilizas posición absoluta y relativa es con Leff cero cero y luego le pones margen Leff auto y márgen
right auto.
De esa forma se va a posicionar el elemento a la mitad horizontalmente podríamos poner algo así como
un jaez de 20 píxeles y un ancho de 30 y ponerlo en background color red nada más.
Para hacer la prueba vemos que aquí aparece nuestro pequeño triángulo y está en la posición por así
llamarlo centrado horizontalmente en el tamaño del link pero no lo queremos posicionar un poco más abajo
así que podemos poner un Boron menos 20 píxeles y recargar.
Que se ve un poco mejor más cerca de donde queremos que esté pero en vez de tener este gran colored
quiero tener vagaron y Mazz quiero puedo poner R.L y me salgo de la carpeta de CSS porque está Kieny
MG Así que me pongo los 2 puntos para salirme de CSS.
Luego le pongo diagonal y M.G. para entrar a la carpeta de CMG y pongo talleres Flecha apunto JPG.
Si guardo cambio si recargo puedes ver que aparece como muy repetido tenemos que ponerle Bagram posición
y darle una posición de Top Center.
Y por último vas a ponerlo en background Ràpita no queremos que nada más se muestra una vez nuestra
flecha se va viendo un poco mejor puedes ver que quien el NAB tiene un padrino hacia abajo y igual podríamos
ponérselo a los enlaces en lugar de al NAV así que te lo vas a encontrar en la línea.
Si utilizas Crump en la línea 382 conforme más se ha complicado tu página web vas a va a ser más sutil.
Las herramientas de Crom y puedo cortar la de aquí llevármela programa ayudarle a guardar y recargo
y vemos que se ve un poco mejor la línea más en su posición.
También podría quitarle del Nav y un poco de scroll
este Moroder y ponérselo a los enlaces o cortar de aquí y ponerlo aquí.
Y guardo cambios sería un poco mejor y ahora puedo hacer la prueba de darle clic aquí en conferencia
si vemos que aparece el triángulo y seminarios y nos va diciendo de una forma más exacta que dónde estamos
posicionados en nuestro diseño.
Igual a quien el botón de podría poner un pixel menos
creo que un pixel más no se ve bien.
Excederme los 20
así que puedes ver que se ve mejor o al menos le estamos dando al usuario un feedback le estamos diciendo
exactamente dónde se encuentra en el diseño y quién talleres o conferencias seminarios pudiste ver un
ejemplo sencillo de Discovery a partir del siguiente vídeo estaremos ya trabajando un poco más con los
plugins seamos un poco de scroll.
Podemos ver que aquí en esta parte tenemos unos números fijos queremos agregar un efecto de animación
que se vayan animando a que vayan por ejemplo 0 1 2 3 4 5 hasta el 6 y luego del 0 al 15 del 0 al 3
y del 0 9.
Un ejemplo que se ve mucho en algunos temas de paga que ves por internet veremos como hacerlo en el
siguiente vídeo.