• Saturday , 23 November 2019

#10 Estilos CSS para sección Slider – Convertir PSD a HTML con Bootstrap 4

Code Canyon
https://i.ytimg.com/vi/20lhcRxChYY/hqdefault.jpg



Vamos a utilizar algunas clases propias de Bootstrap y además algunas inventadas por nosotros para realizar esta sección.
Es tu elección elegir cual camino utilizar. 🙂

¿Te gustó este video?
Puedes regalarme un café aquí: https://www.paypal.me/bluuweb

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/

Finalmente visita mi sitio web: http://ignaciogutierrez.cl

Música: http://www.bensound.com/

Original source

3d Ocean

Related Posts

7 Comments

  1. HOLMAN GALEANO
    September 23, 2019 at 15:40

    Gracias

  2. NaTy53
    September 23, 2019 at 15:40

    Hola! que tal? Estoy mirando tus videos y están muy buenos! Muchas gracias por tu esfuerzo y tu buena onda. Dejo por acá una forma que a mi me gusta bastante, de hacer la imagen del header más oscura usando linear-gradient y dejándole un color fijo que es una opacidad, espero que les sirva esta línea de código:

    .fondo {

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../../img/header.jpg');

    }

    Recuerden corregir la ruta de "url" con la ruta hacia la imagen que ustedes tengan en su proyecto. Saludos y mil gracias Bluuweb!

  3. Adrian Sanguinetti
    September 23, 2019 at 15:40

    Hola pero no es un slider? es solo un fondo o un jumbotron… verdad?

  4. Anderson Ch
    September 23, 2019 at 15:40

    La cuestión es que nosotros construimos un wireframe en el cual el slider ocupa height = 500px, entonces porque razón ahora queremos cubrir toda la pantalla usando 100vh????? Eso no es lo que buscamos, se supone que tendría que quedar como nuestro wireframe. También si aplico heigh= 500px en vez de 100vh la imagen no se ve completa, en este caso que hacemos utilizamos CSS para colocar bien la imagen o tengo que cambiar el tamaño de la imagen de alguna otra manera?

  5. Juan Monge
    September 23, 2019 at 15:40

    maestro voy siguiendo tus pasos desde udemy gracias por el curso bro, solo tengo una pregunta como haces para que la imagen cubra todo el espacio vi pusiste 100vh puedes explicarme mas sobre eso porfa

  6. Juan Padron Martin
    September 23, 2019 at 15:40

    Hola, cuando vas a subir el código? gracias.

  7. SajasaPro
    September 23, 2019 at 15:40

    Hola yo solo quiero saber cómo agregar el botón seguir me gusta y compartir en mi Facebook me puedes ayudar Please

Leave A Comment

You must be logged in to post a comment.