—Los codes no me quieren. </3 O yo soy muy boba. (??)

Mar Nov 08, 2016 11:13 pm

Todo estaba bien hasta que quise aplicar el hover, no sé qué hice mal. —Los codes no me quieren. </3 O yo soy muy boba. (??) 1912366546

Dejo el code y gracias por la ayudita. —Los codes no me quieren. </3 O yo soy muy boba. (??) 3129989494

Miér Nov 09, 2016 1:07 pm

Hola bella! —Los codes no me quieren. </3 O yo soy muy boba. (??) 202880118

Ya revise tu código y hay un errorsito sencillo, para hacer un efecto que aparezca al pasar el mouse encima de algun elemento de tu codigo, debe haber al menos 2 divs, ya que 1 de esos llevara el hover oculto. Te recomiendo darte una vueltita por este tutorial.

Primero necesitas echar un vistazo a la estructura HTML de tu código (ORIGINAL):

Y lo vamos a arreglar de la siguiente manera, echale un ojito para que veas (EDICIÓN):

Si te fijas añadimos un div más (pimpollin) que será el contenedor para el texto y el div oculto.

Ahora vamos a revisar nuestro CSS paso por paso (EDICION):

Y ahora te debería quedar algo así:

Kaneki Ken
one-eyed king //centipede

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pellentesque felis neque, non sodales sapien tempor eget. Sed mi ligula, porta tristique aliquet id, molestie ac purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et eros elementum, consectetur justo id, rhoncus urna. Etiam mattis quis enim ullamcorper pellentesque. Nam vitae mollis velit. In in congue risus.

Etiam imperdiet, sapien ut mollis pulvinar, mauris quam sollicitudin magna, sit amet dignissim turpis purus lobortis neque. Mauris eu pulvinar lorem. Curabitur sollicitudin ipsum ut diam fringilla, nec bibendum sapien cursus. Suspendisse id augue sed orci vehicula mattis nec eu nunc. Nunc purus felis, volutpat nec lorem vel, dapibus imperdiet orci. Sed vitae vehicula quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sapien nisi, vehicula eu luctus et, ultricies vel sem. Vivamus dolor ligula, molestie sit amet erat eu, volutpat fringilla ante. Pellentesque condimentum neque id ex tincidunt ultrices. Etiam lacinia augue vel nibh dapibus, eget pretium ex convallis. Donec faucibus erat et est ullamcorper suscipit. Ut arcu nunc, gravida nec blandit id, venenatis dictum tortor. Proin mi turpis, varius vel dapibus non, dignissim quis mauris. Nam finibus dignissim orci, sit amet condimentum ante sollicitudin nec. Aenean sodales nec urna sodales egestas.

Para editar el scroll añadimos este código al CSS:

Acá dejo el código completo:

Si tienes alguna otra duda dime y con gusto te lo explicaré lo mejor que pueda! —Los codes no me quieren. </3 O yo soy muy boba. (??) 2397999435

—Los codes no me quieren. </3 O yo soy muy boba. (??) 2397999435

Miér Nov 09, 2016 8:24 pm

Omg, Sini, muchas muchas gracias. —Los codes no me quieren. </3 O yo soy muy boba. (??) 786580757

Siento verguenza de haberme olvidado el hover, ay. Para la próxima prestaré más atención. :'D Por otro lado, sí tengo dos dudas más: ¿Cómo se hace para poner otro tipo de font que no esté en Google Font? y ¿cómo podría poner en el mismo hover el filter de blanco y negro? Aunque creo que esas dudas están más para otros tutoriales. D: ~ Sí es así entonces esperaré. (?)

Jue Nov 10, 2016 12:54 pm

Hola bella!~ Ains no te preocupes es un error muy común :'D yo también lo olvidaba siempre cuando recien aprendía, pero seguro le agarrarás el hilo pronto mientras más practiques, te recomiendo que siempre revises cuantos divs necesitas y vayas identificandolos para saber cual es cual.

Te hice un mini-tuto sobre como instalar fonts en tu forito, creí que sería más fácil explicarlo en un tema propio.

Ahora me pondré a hacer otro tuto para el filtro que quieres que convierta la imagen a blanco y negro, y editaré este tema para dejarte el link cuando lo termine ;D

Jue Nov 10, 2016 6:06 pm

Sini, eres un ángel. —Los codes no me quieren. </3 O yo soy muy boba. (??) 2397999435

Gracias por tomarte la molestia de explicarle a esta tonta de los codes. Esperaré el tuto de B&N. —Los codes no me quieren. </3 O yo soy muy boba. (??) 786580757

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

—Los codes no me quieren. </3 O yo soy muy boba. (??)