Crea iconos de redes sociales con efecto hover en HTML y CSS
Рет қаралды 56,912
4 жыл бұрынEn este video aprenderás a crear iconos de redes sociales con efecto hover utilizando HTML y CSS.
No te olvides de visitar la página web y las redes sociales para estar al tanto de las publicaciones y nuevos tutoriales.
► Sitio Web: www.ugbtuts.com
► Facebook: / ugbtutoriales
► Twitter: / ugbtuts
► Instagram: / ugbtuts
► Pinterest: www.pinterest.com.mx/ugbtuts/
► Suscribete: goo.gl/gDPXBL
¡Puedes ayudar a que ugbtuts siga creciendo compartiendo el video, dándole "me gusta" y suscribiéndote al canal para que pueda seguir creando más tutoriales y de mejor calidad!
@ux.rubenlopez 3 жыл бұрын
Usé tu tutorial como base, lo hice con Boostrap y SASS agregando algunos detalles adicionales a tu propuesta. Genio, gracias.
@emanuelmontoya7161 4 жыл бұрын
Te falto el link de de la libreria
@glpereyraar 4 жыл бұрын
Muchisimas gracias! estoy estudiando hace recien dos meses y encontrar estos tutoriales me llenan! GRACIAS!
@FabioGMartinez 4 жыл бұрын
Muchas Gracias. Super bien explicado.
@luisruizletsfight8880 4 жыл бұрын
Excelente muy util super especifico y practico. Me resulto genial
@merlynisabel1191 4 жыл бұрын
Muchas Graciassssss .. saludos desde Venezuela aprendizaje en tiempos de pandemia.
@luisparra7487 Жыл бұрын
excelente tutorial bro, me resolvió las dudas que tenia gracias por compartirlo
@federicodonadio5624 4 жыл бұрын
Buen tutorial gato, muchas gracias!
@erikdcr2567 2 жыл бұрын
gracias me sirvió de mucho para mi página web
@emawolf7705 3 жыл бұрын
Mejor que mi fucking curso pago, MIL GRACIAS!!!
@raulescobar8741 3 жыл бұрын
en serio, muchas gracias!!!
@RicardoHernandezboconos 2 жыл бұрын
muy bueno tu tutorial hermano puedes compartir el código??
@jaav7106 3 жыл бұрын
Explicas muy bien , gracias!
@javizame 3 жыл бұрын
Te puede interesar este video también: kzfaq.info/get/bejne/hthkqdGiubrXaZc.html
@lautarosantillan8649 2 жыл бұрын
Alto video, sos un genio
@villcasilvavictorleon7503 3 жыл бұрын
Graciassss. Sos un crack::after{content=" :)))) "}
@miatarjetas 3 жыл бұрын
Excelente tutorial! Claro, simple y ágil, me ayudo mucho. Muchas gracias
@celenina20 Жыл бұрын
Por que no pasa el link del principio y te pide que lo vayas a buscar a google? Que cuesta pasarlo con la explicacion completa?
@joselabarca3328 Жыл бұрын
Muy bueno el tutorial.
@fabianayala1051 4 жыл бұрын
Te lo agradezco mucho es justo lo que necesitaba
@javizame 3 жыл бұрын
Te puede interesar este video también: kzfaq.info/get/bejne/hthkqdGiubrXaZc.html
@gasparbrito2061 3 жыл бұрын
nuevo suscriptor crack
@Desarrolladores-duo Жыл бұрын
hola, sigo el código al pie de la letra y no me sirve, no se si talvez estoy en una versión mas actualizada, podrías ayudarme?
@edwardc9997 4 жыл бұрын
Pasa el codigo xfa
@RVKAWAAA 4 жыл бұрын
Alguien me dice de donde salio el crossorigin y integrity?
@marlonperez5890 3 жыл бұрын
hola amigo a mi no me funciona el line-height en .redes-container ul li a.... no logro adaptar los iconos q queden centrados
@camiloandresrey8481 2 жыл бұрын
Cómo sería si quisiese que cuando señale una imagen se desenfoque el body? Saludos.
@josezapata1793 3 жыл бұрын
gracias!
@Thomas_Keim1998 4 жыл бұрын
Muchas gracias me funciono excepto por el cambio de color al pasar el mouse... No sé por que es ya que el código es el mismo. pero no importa, igual quedó bien. Gracias igual.
@joan7154 3 жыл бұрын
si no les funciono lo de que cambie el color es por que usaron la variable del video prueben poniendo esto: .redes-container ul li .instagram:hover{ background-color: #e4405f; } .redes-container ul li .youtube:hover{ background-color: #bb0000 } .redes-container ul li .facebook:hover{ background-color: #3b5998 } .redes-container ul li .pinterest:hover{ background-color: #cb2027 } .redes-container ul li .whatsapp:hover{ background-color: #4dc247; }
@asiersanchezfrutos8023 3 жыл бұрын
Maravilloso
@javizame 3 жыл бұрын
Te puede interesar este video también: kzfaq.info/get/bejne/hthkqdGiubrXaZc.html
@mauropereyra106 Жыл бұрын
genio
@TheIvonegabriela 3 жыл бұрын
Excelente!!!
@javizame 3 жыл бұрын
Te puede interesar este video también: kzfaq.info/get/bejne/hthkqdGiubrXaZc.html
@gauntle1000 Жыл бұрын
bro, donde encuentro el link?
@joseantoniovaldez4030 Жыл бұрын
Como y de donde sacan el link que colocan en el hade?. La mayoría q hacen tutoriales no lo demuestran esa parte. Debería ser completo el tutorial.
@aranif8510 3 жыл бұрын
De donde sale el lik que tienes al principio?
@pedroolivas_ 3 жыл бұрын
Cuál?
@pablete5236 2 жыл бұрын
Hola, ese link de los iconos de donde lo sacaste?
@pedroolivas_ 2 жыл бұрын
Se llama Font Awesome
@cybermatematica 4 жыл бұрын
y para pegar a mi blog
@skipper3383 2 жыл бұрын
De donde saco el link de la librería.?
@pedroolivas_ 2 жыл бұрын
Internet, se llama Font Awesome.
@julianchaves1950 2 жыл бұрын
de donde saco la libreria?
@pedroolivas_ 2 жыл бұрын
Cual?
@finanzas374 Жыл бұрын
Me salió lo de facebook pero WhatsApp y demás no y eso que copié así como lo describes hay
@Frankslaboratory 4 жыл бұрын
Nice
@DandalyMV 2 жыл бұрын
Cómo le quitas el margen a la izquierda?, si te fijas no está centrado.
@pedroolivas_ 2 жыл бұрын
qué margen a la izquierda?
@luispitre5449 Жыл бұрын
¿Puedes compartir el codigo HTML y CSS?
@willianalmeida2784 3 жыл бұрын
Muy buen video, pero si quiero agregar otra red social como gmail ¿cómo haría?
@pedroolivas_ 3 жыл бұрын
Es el mismo proceso, nada más busca el icono que corresponda en Font Awesome
@javizame 3 жыл бұрын
Te puede interesar este video también: kzfaq.info/get/bejne/hthkqdGiubrXaZc.html
@1hicks475 3 жыл бұрын
¿Sería estético en una tienda en línea?
@pedroolivas_ 3 жыл бұрын
A qué te refieres con eso?
@1hicks475 3 жыл бұрын
@@pedroolivas_ Nada excelente aportación.
@choster9008 4 жыл бұрын
wey y el link de las librerias ?
@pedroolivas_ 4 жыл бұрын
Google voy a tener suerte 😉
@andrenancavilmendoza5555 3 жыл бұрын
@angelolopez5161 2 жыл бұрын
aguien me dice mo seria en js
@johanjherlibecerraventura3242 2 жыл бұрын
como lo podemos poner los iconos en la parte superior isquierda
@pedroolivas_ 2 жыл бұрын
Y que queden fijos o a qué te refieres?
@johanjherlibecerraventura3242 2 жыл бұрын
@@pedroolivas_ SI
@franciscogodoy8913 3 жыл бұрын
Todo bien todo azul, pero pone el link y el meta.
@pedroolivas_ 3 жыл бұрын
Y si se lo pones tú, que dices
@javizame 3 жыл бұрын
Te puede interesar este video también: kzfaq.info/get/bejne/hthkqdGiubrXaZc.html
@andrenancavilmendoza5555 3 жыл бұрын
@andrenancavilmendoza5555 3 жыл бұрын
@@pedroolivas_ dale color gil
@aronhiroshifukuokaprado2067 Жыл бұрын
no me funciono
@andresayala2767 2 жыл бұрын
Muy bueno, pero no me sale color en los iconos :(
@pedroolivas_ 2 жыл бұрын
Algo te estará faltando
Kirill Multitool
Рет қаралды 73 МЛН
Scary Teacher 3D Gaming
Рет қаралды 47 МЛН
Online Tutorials
Рет қаралды 1,9 МЛН
GreatStack
Рет қаралды 75 М.
FalconMasters
Рет қаралды 188 М.
Kirill Multitool
Рет қаралды 73 МЛН