¿Que puedo hacer?
-
check_circle_outlineMódulo 1 | 8 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 11 clases
Sección portada
expand_more-
done_all
Clase 1
9.- Mostrar vídeo
-
done_all
Clase 2
10.- Centrar vídeo
-
done_all
Clase 3
11.- Poster y límites de tamaño
-
done_all
Clase 4
12.- Centrar contenido verticalmente
-
done_all
Clase 5
13.- Trabajando con z-index
-
done_all
Clase 6
14.- Google Fonts
-
done_all
Clase 7
15.- Colocar logo y menú
-
done_all
Clase 8
16.- Bootstrap
-
done_all
Clase 9
17.- Programación en HAML
-
done_all
Clase 10
18.- Terminando navegación, transiciones y hover
-
done_all
Clase 11
19.- Trabajando con Position
-
-
check_circle_outlineMódulo 3 | 7 clases
Sticky Navigation
expand_more -
check_circle_outlineMódulo 4 | 5 clases
Menú con imágenes
expand_more -
check_circle_outlineMódulo 5 | 5 clases
Slider
expand_more -
check_circle_outlineMódulo 6 | 12 clases
Formulario de contacto
expand_more -
check_circle_outlineMódulo 7 | 6 clases
Mapa
expand_more -
check_circle_outlineMódulo 8 | 9 clases
Offline
expand_more -
check_circle_outlineMódulo 9 | 9 clases
Responsive Design
expand_more -
check_circle_outlineMódulo 10 | 4 clases
Deploy
expand_more -
check_circle_outlineMódulo 11 | 1 clases
Retroalimentación de proyecto
expand_more -
check_circle_outlineMódulo 12.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
13 comentario(s)
¿Que puedo hacer?
.video-container
%video{autoplay:true,loop:true,width:"1280",height:"720",poster:"/videos/images/bbq.jpg"}
%source{src:"videos/mp4/bbq.mp4",typ:"video/mp4"}
%source{src:"videos/mp4/bbq.webm",typ:"video/webm"}
.row.full-height
.col-xs-12
.box
%h1 GamersTown C.R
<div class="row middle-xs">
<div class="col-xs-6">
<div class="box">
<h1> Texto</h1>
</div>
</div>
</div>
Por alguna razon ya pude centrar bien el texto y todo en el video, ya, pero el tamaño que me presenta el H1 es de 86.875, y de ese tamaño no se mueve, ya hice dentro de style.css la clase full-height y agregada al row, pero aun asi me sale pequeño y no de todo el tamaño de la pagina, por lo que al centrar el texto, me queda en la parte superior centrado pero no centrado verticalmente, alguien sabe que hice mal???
Extracto de HAML:
.row.full-height.middle-xs.center-xs.relative.up .col-xs-12 .box %H1
Extracto de style.css:
.white-text{ color: white; } .dancing-script{ font-family: 'Dancing Script', cursive; } .title{ font-size: 4em; } .relative{ position: relative; } .up{ z-index: 10; } .full-height{ min-height: 100%; } .row{ margin:0; }
Chequen su consola que corra bien y apropiado si les aparece get (nombre de archivo) es porque no lo ubica o lo esta cargando asi que de preferencia usen xampp en el servidor de apache
Inspeccionen su pagina y veran que ahi en la parte de arriba dice Elements console sources Network
den click en network, y presionen F5. y debe aparecer ya los cambios, esto normalmente es porque aun no reconoce el enlace agregado a su docimento de haml. Asi que les recomiendo eso
NOTA: si no les aparece descarguen el flexboxgrid y pasenlo a su carpeta de css, pero de preferencia el flexboxgrid.min.css. para que sea que lo cargue rapido y no tengan problemas. Espero les haya ayudado ;)
saludos futuros desarolladores.
de antemano, muchas gracias :D
BUENAS TENGO ERROR AL LLEGAR AL .row .col-xs-12 .box %h1 restaurante facilito
no compila con el prepros me sale error alguien sabe porque ? T_T
Clase 12