Vamos a abrir nuestro archivo de estilos el MEN punto CCC vamos a darle un poco de scroll y vamos a
agregar un nuevo comentario que va a decir Contador y Contador y lo primero que vamos a ver es esta
clase de Contador para que D.E.P Contador vamos a ponerlo en posición relativa y esto es porque vamos
a aplicar algunos efectos a esta imagen.
Vamos a poner un poco de un filtro de CS3 entre algunas otras cosas que les vamos a arreglar en este
video le ponemos un Jaitt alto al contador después vamos a agregar punto Contador y suponerles before
masterizar before.
Como la imagen para el fondo en este caso la imagen que estemos utilizando se llama resumen podemos
abrir y hacer esta así que vamos a poner aquí Bagram y Mazz o R.L y nos vamos a salir un nivel estamos
en C.S. Si tenemos que entrar ahí me lo voy a M.G. diagonal BG resumen punto JPG y aquí vamos a poner
contenta siempre que utilizas los before y After.
Hay que tener un content Guaros cambio si recargo vemos que de momento no se ve la imagen.
Vamos a tener que hacer un poco más.
Vamos a poner aquí un punto para Lacs y por aquí un before y aquí vamos a darle algunos cuantos estilos.
Por ejemplo en Huid del 100 por ciento un acto del 100 por ciento también una posición absoluta donde
ponemos top cero y Leff cero y le vamos a poner aquí vaqueros.
Repito son unas propiedades de Bagram que van a aplicar a todas las que sean en Parallax le ponemos
un background 6 cover a guardar cambios de recargará qué medio se alcanza a ver nuestra imagen no muy
bien todavía y vamos a darle aquí Bagram posición Center Center cuando cambie su recargo quizá alcanza
a ver un poco más sin embargo aún no es muy suficiente.
Vamos a Arita volver a esta parte vamos a describir los estilos para nuestra lista.
Si recuerdas aquí pusimos un resumen evento podemos poner aquí huele resume Benevento y utilizar una
posición relativa para resetear por si se enrolan y porque todos los ya teníamos uno en absoluto.
Entonces vamos a resetear lo que se arréglate los demás los de aquí adentro y lo vamos a poner aquí
Badín 120 píxeles y 0 120 píxeles arriba y abajo recuerda y luego nos vamos ir con lo que vienen siendo
los delays así que copiamos éste y ponemos el Lehi y en este caso le vamos a dar un ancho del 50 por
ciento recuerda que es móvil first así que en un dispositivo móvil esto se verá al 50 por ciento.
Vamos a ver float Leff de una vez y un texana encentro pero quiero que cuando estemos en la pantalla
de dispositivos como éste en un escritorio tome el 25 por ciento porque podemos ver que tenemos cuatro
elementos así que aquí media only screen and with 768 píxeles este será envidia QWERTY vamos a copiar
este selector y pegarlo aquí y darle aquí un Wit de 50 por el 25 por ciento perdón
y cambio si recargo y vemos que es difícil de ver pero se alcanzan a ver bien y si lo hago más pequeño
toman el 50 por ciento.
Se van posicionando bien en nuestro texto vamos a finalizar escribiendo algunos más tiros para para
esta parte por ejemplo aquí me gustaría tener un color de texto blanco guardo cambio si recargo cambia
el color después me gustaría que el texto fuera en mayúsculas ponemos Tex Transform o Perquis óscar
una fuente llama Oswalt que es la que hemos estado utilizando Nagua copiar la puedes ver en pantalla
full Family Oswalt sans serif y por último un Foncillas de 24 píxeles si guardamos cambio si recargamos
y vemos que se ven mucho mejor si recuerdas agregamos una clase llamada número la podemos crear número
y la vamos a poner un color y el color es el color naranja que hemos estado utilizando en todo el diseño
es F 49 18 después le ponemos un Foncillas soplando aquí cuatro AEM y asuelan display Blok y un margen
cero arriba cero a la derecha diez píxeles abajo y cero a la izquierda guardo cambios recargo y vemos
que los números se ven mejor más al estilo de este diseño.
Sin embargo puedes ver que no se ve como para nuestro diseño se ve la imagen estática como fondo vamos
a volver un poco aquí a nuestro diseño nuestro código y donde tenemos el para Al-Aqsa aquí vamos a ponerle
vagaron attachment y le ponemos fixer y recargamos y ahora sí tendremos ese efecto de Parrala de fondo
que a mi me gusta mucho se ve muy bien igual ahorita no podemos darle más escoró hacia abajo sin embargo
cuando pasemos esa sección se verá lo mejor posible.
El siguiente video es trabajar con estas tablas parecen tablas sin embargo lo vamos a hacer con puros
dips así que en el siguiente video continuaremos con esta sección.