Buen día bro. tengo un problema porque cuando quiero jalar una imagen pero mi etiqueta de link esta asi : esta dentro de una carpeta de styles. Y cuando agrego la etiqueta no jala mi imagen desde styles porque mi archivo styles esta dentro de una carpeta. Como le agregó a la etiqueta class="card" style="--i:url(img/0001.png)"> para que jale mi archivo de la carpeta css/styles.css En tu video es en el min 1:36
tenes que poner asi --i:url(../img/0001.png) los dos puntos del principio indica que vas a la carpeta anterior y ya luego entras en la carpeta que tienes las imagenes pruebalo @rockolocoindiecapital385 @jazielaguilera9729
Una pregunta, hice eso y aplique boostrap para otras cosas pero me puso las imágenes listadas en vertical, sabes cómo puedo hacer para que queden normales ?
Ufffff que videazo, una pregunta usar alguna extensión de vsc para css, es que note que no habías puesto el punto en un de tus selectores y como mágicamente se agrego, me gustaría saber qué plugin usas. De antemano muchas gracias, buen video máster!
hola tengo una duda, el efecto hover está genial, pero en vista mobile no existe como tal, si el usuario hace click en medio de la tarjeta irá diréctamente al enlace de la tarjeta estando oculto dicho enlace, por lo que no deja una muy buena UX que digamos, se te ocurre alguna manera de poder evitar este comportamiento? que el botón esté deshabilitado y que cuando se haga click o hover se habilite? intenté con pointer-events: none y luego en hover todas las propiedades posibles para activarlo de nuevo, pero no da resultado
Que extraño, debes de asegurarte que tienes las imágenes en la misma carpeta del archivo html y ademas fijate si tus cards se ven asi: Paisaje Ver detalles
y en la hoja de estilos que se cumpla almenos esto: .card { background: var(--i); background-size: cover; width: 200px; height: 300px; } espero que esto te ayude : )
Gracias men , se ven geniales
Lo haré
@@autodidactdev1482 Gracias
buenísimo video!! muchísimas gracias!!!
Muchas gracias Men!! :D
Hola no pude mostrar las imagenes de ese modo con variables: ((
Buen día bro. tengo un problema porque cuando quiero jalar una imagen pero mi etiqueta de link esta asi :
esta dentro de una carpeta de styles.
Y cuando agrego la etiqueta no jala mi imagen desde styles porque mi archivo styles esta dentro de una carpeta.
Como le agregó a la etiqueta class="card" style="--i:url(img/0001.png)"> para que jale mi archivo de la carpeta css/styles.css
En tu video es en el min 1:36
hola, lo solucionaste??
@@jazielaguilera9729 No, me fui a ver mejor paginas Nocode xD
tenes que poner asi
--i:url(../img/0001.png) los dos puntos del principio indica que vas a la carpeta anterior y ya luego entras en la carpeta que tienes las imagenes pruebalo @rockolocoindiecapital385
@jazielaguilera9729
lo intente con sass pero como como las variables de declaran diferentes... creo que por eso no sirvio
Una pregunta, hice eso y aplique boostrap para otras cosas pero me puso las imágenes listadas en vertical, sabes cómo puedo hacer para que queden normales ?
Ufffff que videazo, una pregunta usar alguna extensión de vsc para css, es que note que no habías puesto el punto en un de tus selectores y como mágicamente se agrego, me gustaría saber qué plugin usas. De antemano muchas gracias, buen video máster!
Hola Alex, gracias por tu comentario, para estos ejercicios no uso ningún plugin ni extensión, todos los que uso viene por defecto en vs : )
Busca código emmet en vsc y te van a aparecer todos los atajos.
hola tengo una duda, el efecto hover está genial, pero en vista mobile no existe como tal, si el usuario hace click en medio de la tarjeta irá diréctamente al enlace de la tarjeta estando oculto dicho enlace, por lo que no deja una muy buena UX que digamos, se te ocurre alguna manera de poder evitar este comportamiento? que el botón esté deshabilitado y que cuando se haga click o hover se habilite? intenté con pointer-events: none y luego en hover todas las propiedades posibles para activarlo de nuevo, pero no da resultado
Amigo como puedo hacer para que me quepan 4 tarjetas en un mismo espacio
😊🔔 👏👏
hola, no entendí que se cambio al final..
Hola Fido, que parte fue la que no entendiste?
crack
no me detecta las iimagenes
Que extraño, debes de asegurarte que tienes las imágenes en la misma carpeta del archivo html y ademas fijate si tus cards se ven asi:
Paisaje
Ver detalles
y en la hoja de estilos que se cumpla almenos esto:
.card {
background: var(--i);
background-size: cover;
width: 200px;
height: 300px;
}
espero que esto te ayude : )
@@autodidactdev1482 me pasó lo mismo que a el
Que raro, bueno aquí encontraras el código fuente del ejercicio : )
www.patreon.com/posts/tarjeta-con-65357637?
@@autodidactdev1482 TEAMO