Vamos a escribir algunos estilos para esta sección hemos creado algunos H3 de aquí.
Acá tenemos bastantes Leibowitz tenemos algunos H4 los sobre y nuestros.
Vamos a abrir el mail sale un poco de scroll y después del Führer vamos a poner aquí un comentario que
a decir internas y le ponemos otro que va a decir registro siempre me gusta nombrar o identificar a
partido donde mis estilos son de las páginas internas y lo primero que cabe hacer es si revisas el diseño
o el código es que cuando creamos nuestro formulario nada más tenemos uno.
Sin embargo puede ser que tengas varios en tu sitio este hemos creado un Clas de registro de esa forma
no va a aplicar en otros formularios que lleguemos a tener.
Eso es algo que siempre he hecho.
Vamos equipo a un registro H3 y le ponemos un taques Alpine Center Tex Transform o Perquis y por último
una cosa un margen de 20 pixeles arriba cero cero cero cuatro cambios recargó y es esta parte que eliges
tus talleres elige el número de boletos etc. Si entras a poner un registro Lebon para todos los Leibowitz
le ponemos un margen abajo de 5 pixeles y un fondo Waid voltea en un texto un poco más grueso cargo
y eso cambia todos los formularios todos los libros del formulario.
Mejor dicho también tenemos una CH4 no habíamos utilizado ninguna CH4 así que lo puedo poner aquí no
podría ponernos globales sin embargo en cualquiera de los dos lugares creo que está bien texana intenta
en TeX Transform porque es un border abajo de dos pixeles Solid suponerle F 49 18 PADI Navajo de 10
píxeles
y un Foncillas de 1.2 m
y recargamos y es este de los viernes sábado domingo vemos que las letras son un poquito más grande
y tiene esa línea bajo que nos va a ayudar a separar cada uno de estos días ponemos aquí D.E.P punto
cajãn hemos creado un disco con éste de caja vamos a poner aquí Mágnum color UIT-T color blanco recargó
y esto nos va a dar así como este efecto para ir separando secciones también nos faltó ponerle un Border
de un pixel Soller el color o uno uno de uno va a ser un pequeño gris como el de esta sección vamos
que se alcanza a ver bien.
Viendo el diseño que les falta un poco de PADI así que lo ponemos PADI de 10 píxeles para que no esté
tan pegado al texto a las orillas y por último vamos a poner también un margen de 10 pixeles y creo
que se ve bien nuestro diseño hay detalles aún por supuesto pero creo que va viéndose bien en general
estamos partiendo de lo general ahorita con el aquí punto campo.
Si recuerdas este dictamen lo hemos utilizado mucho campo campo etc. está por todos lados y en éste
hay algunas cosas que quiero hacer primero lo va a poner regenerarla 20 pixeles de aplicar a todo pero
también quiero que si está la pantalla en escritorio se vean en tres niveles o tres por línea así que
podría poner mi de acuerdo en media only screen.
Ya se fueron Minuit de 768 pixeles de campo y float Leff y un Wit de 33.3 por ciento recargamos y vemos
que nuestros campos ya se ven unos líneade el otro aquí abajo también tenemos uno esté mas o menos no
se vió del todo bien hace menos ahorita vamos a ver cómo corregirlo
tenemos aquí en registro tenemos nuestra lista de precios y hemos creado esta clase de paquetes esta
clase nada más existe en el registro punto HTML.
No existe en el Index podemos utilizar esta Dib paquetes y ponerle tabla precio Jover para deshacernos
del efecto de Jover.
Eso no lo quiero aquí así que puedo heredar todos los estilos del Index y nada más quitar lo que no
me sirve que en este caso es un tex es un Transform y le pongo nombre y VOC usado.
También le pongo non stop reseteando los valores y puedes ver que queda de esta forma ahora si va a
ser más fácil para el usuario poder escribir la cantidad de boletos que quiere
estamos cerca vamos a darle un poco de estilos a esta parte de los inputs.
Ponemos tabla precio y le ponemos Action input y le vamos a dar un click both para que se ponga debajo
le damos un Wick de 100 píxeles Marien de 10 píxeles autos 0 atodo y por último un display Blok y recargó
mosquear si aparece boletos deseados y abajo el formulario un poco más pequeño ya que no más tienen
que tener una cantidad de boletos no ocupan nada más que si abrimos nuestro HTML un poco de scroll puedes
ver que aquí tenemos el registro por día y es contenido al el dip este de aquí que lo utilizamos para
el viernes para el sábado y para el domingo es una clase así que podemos ponerla aquí punto contenido
día y le ponemos Padín de 20 píxeles también para tener un poco de separación.
De momento le podremos dar display nohan pero eso ocultaría todo y no nos dejaría dar el estilo sin
embargo esto lo vamos a comentar lo vamos a comentar un poquito más adelante ya cuando finalicemos y
queramos darle estilos con JavaScript o mostrarlo y ocultarlo con JavaScript.
Vamos a copiar este contenido.
Puedes ver que si vemos el diseño nuevamente tenemos un contenido y tenemos este vacío.
Este es el que vamos a flotar para que se vea en tres líneas y si recuerdas el selector que aplica nada
más al primer hijo es este demayor que le damos Dib para que aplíquese que no tiene clases ni adivina
ni nada parecido.
Esta parte la quiero media Kairi puedo copiar este hilo pero aquí y vamos a ponerla aquí.
Left y un ancho de 33.3 por ciento.
De nuevo para que se pongan uno frente al otro vemos que se cuadra mejor se ve un poco mejor más alineado.
Los talleres están en su propia columna las conferencias y los seminarios.
Eso se ve mejor mucho mejor y podemos copiar este selector ponerle aquí nada más los párrafos te Salim
Leff por tifo lorito estan como en Centro ponemos aquí el mismo selector y lo vamos por los laBolsa
ponemos display vlog y Marien Boron de 10 píxeles se recarga y vemos que se va alineando un poco mejor
qué hace aquí hace falta lo de los inputs.
Están muy pegados el impulso con la hora contenido día.
Y de nuevo ponemos input y le ponemos aquí un margen de 10 píxeles y un Padín de 40.
Esta vez vamos a ver que no es necesario el Padín y creo que no es muy necesario pero nos agrega esta
separación y creo que se ve bien vamos a agregar el último estilo de este video.
Si recuerdas aquí en registro cada uno de estos tiene un Timm y este también es de otro color es naranja
así que podemos ponerle mé y darle aquí le Timm y ponerlo en color f. 49 18 y White Boot guardo cambio
si Recaro y Arashi todas las conferencias talleres etc todos tienen el estilo más o menos como el de
este diseño la parte de arriba también y nada más nos falta lo del resumen que eso ya le daremos un
poco de estilos en el siguiente vídeo para pasarnos a la parte del JavaScript.