Curso Básico de CSS - 9. Enlaces

[@AndreaPuigCruzapc]

Yo intenté ponerle "box-shadow" con cuatro medidas, "0px 5px 0px 0px" y me salió muy bonita, parecía como si los botones flotaran

[@niltondiazsalinas4316]

Estuve buscando información para aprender, y este fue lo mejor, muchas gracias por compartir tus conocimientos, llevo 4 horas revisando tus vídeos, que son muy buenos, revisé completamente los de html y ahora voy por CSS-9, y sin haber tenido nada de idea de este nuevo mundo al menos ahora ya sé algo, que obviamente me hubiera llevado meses en poder aprender, pero gracias a tus vídeos fue posible entender mucho en este poco tiempo, y seguiré revisando tus vídeos, gracias nuevamente.

[@humbertoantoniogarciarojas5150]

Eres demasiado bueno explicando , te ganaste like , fan y campanita ... excelente trabajo

Sos un grande. te agradezco tantísimo. creo mucho en la educación. en la forma de enseñar. tu aporte en ese campo es grandioso.

[@sebasmussi9688]

Muchas gracias por tu ayuda. Me siento cómodo con tu forma de explicar.

[@luks3701]

Realmente son de otro mundo tus tutoriales..!!! Gracias por compartir tus conocimientos!!

[@orlandofantasko2947]

Hola gracias por tus aportes solo un consejo para los lectores : la simulación de un boton se verá mejor si agregamos boder-radius: 10px; saludos

[@edwinqudi229]

queda super

[@ronnyponce5176]

border-radius: 10px; falta la "r", buen consejo.

[@jonjef3179]

Genial. Saludos desde Argentina!

[@daryl1526]

Gracias! FalconMasters, me han ayudado mucho tus videos

[@siberiandoveappdeveloper7600]

G R A C I A S ! ! ! Me ha servido muchísimo!!!

[@jesusleccia809]

este chamo explica de una manera brutal... les super recomiendo sus vídeos . Sigue así bro

[@d-landjs]

Excelente explicación falcon!! Nunca aprendi mas a fondo sobre los enlaceS!

[@lizmairivargas577]

¡EL MEJOR, SIN DUDA!

[@KreyyLife]

Entiendo más contigo que con mi profesor JAJAJAJA

[@orianaramirez5577]

+Víctor Álvarez Baia baia, que solplesa.

[@SellfyGaming]

jajajjaa

[@Xurdefr11]

Eres muy bueno, claro y lo haces fácil. ¡Gracias!

[@cesarperalta4959]

8:43 Este es el motivo por el cual no funciona el text-decoration con la pseudo clase :visited Browsers limits the styles that can be set for a:visited links, due to security issues. Allowed styles are: color background-color border-color (and border-color for separate sides) outline color column-rule-color the color parts of fill and stroke

[@lizethmendoza1292]

excelentes vídeos se aprende mas rápido

[@richardlarenas182]

Eres un capo brotrer...!!! excelente.

[@joselarez2175]

Muy buenos tus videos. Disfruto mucho aprendiendo contigo ! Saludos y muchas gracias,

[@nonoocaranza]

Tremendo capítulo el de hoy!!! gracias!!!

[@oscarvelasquez6693]

m gusta tu forma de explicar. entiendo muy bien. gracias....

[@kerbin1995]

Este capítulo estubo hermoso. :D

[@EntreFuego33]

excelentes tutoriales Carlos Arturo. me encanta Falcón Máster

[@fencey0128]

Gracia bro esto video explican muy bien

[@EmilseZ]

excelente amigo. De mucha utilidad tus videos

[@gabrielc4921]

tremendo video mejor imposible!! dsd vzla

[@arteenpalmadecoco2350]

esooooo gracias por explicar bien profe falcon

[@olgasuarez1176]

Excelente. Muy bien explicado!

[@maximilianoweihmuller1809]

Gracias por los cursos !!!!

[@fabiannorbertoescobar]

muchas gracias.. este video me ha gustado mucho!!!

[@unnestablemelody6127]

tipazo gracias por tu tiempo men

[@jonathanmanuel8939]

Excelente contenido y pedagogia

[@MiguelAngelValadezMendoza]

Excelente..gracias

[@alexdurand5287]

para la etiqueta "a" le puse background: #12FF01; box-shadow: 0px 10px 10px #559F50; Se ve muy profesional

[@ignaciobriones448]

Muy Agradecido, saludos cordiales.

[@federicobustos8931]

muy interesante lo de las sombras en botones , buen tuto.

[@brendacm9737]

a mi no me sale, me puedes explicar?

[@el3men2arzusa89]

gracias sensei eres el mejor

[@damianm2436]

¡Excelente!

[@hernancuello6184]

muuuy bueen curso ya lo quiero terminar asi empiezo con js

[@elkyndiosa8098]

gracias pana eres el mejor!!

[@wilberthchan4221]

nuevo sub

[@sergiocontreras6899]

eres un crack

[@pepemontalvo3932]

Estaria padre un curso de css para divi poder hacer diferentes cambio. Muchas gracias estan excelentes tus videos

[@elosnack]

hoho me gustan estos efectos, like (y) tambien me gustaron los de text-shadow{} en los titulos se les ve un buen acabado y buen diseño, estoy ansioso quiero aprender mas xD, me imagino que los menu de las paginas deben llevar este efecto

[@jvjijcjtjojr453]

no mames esto es otro nivel Xd muchas gracias! (y pensar que me queda mucho por aprender aun xd)

[@videosespecialesPRO]

muchas gracias.

[@calabera4741]

fabuloso! saludos.

[@Lammambanegra]

Me has salvado una asignatura xdddd dios te bendiga y Satán te divierta 💖

[@FalconMasters]

haha me alegra que te hayan servido mis videos.

[@emersonramoscueva3708]

Gracias bro :D

[@allisondelarosa336]

Eres el mejor

[@alejandrogarciavidal5278]

muy buen video gracias por todo, ahora ya le entiendo mas

[@maurolucchetti2418]

genio total!!!

[@sombr4917]

En lo de los botones muy buen tip pero como tambien soy diseñador, y tengo experiencia haciando animaciones y eso, usare para los botones background: url(../images/[imagenes personalizadas]) y a si puedo personalizar mas la pagina, en fin muy buen video :D

[@ivonk12]

Excelente video!!!

[@leandrosaubiette33]

Hola Carlos como estas? Te queria consultar si tenes armado un capitulo de animaciones. Por ejemplo: que el subrayado sea animado. Gracias

[@santiagoignaciomario1150]

Al cambiar el color en "hover" cambia el color de todos los links al pasar el mouse por encima, no esta en uso el color de "a:link" (propiedad para cambiar el estilo de los enlaces no visitados), de todos modos muy buenos tutoriales amigo!

[@Jorge.Vargas23]

sos un crack viejo ! :3 aca se aprende mas rapido xDD

[@FalconMasters]

+Jorge Vargas Muchas gracias

[@FacundoRubino-n2k]

@@FalconMasters Hola buenas noches ¿me ayudarías con un enlace de css?

[@swiitTV]

muchas cracias

[@zeda2079]

Deberías de dar clases, buen tutotrial.

[@caerpimo0870]

ayuda, cuando pongo a:hover o a:link no me lo detecta, bueno no me detecta nada solo la a y eh tratado con a.hover .hover a:hover list a.hover y nada auxilio

[@s0y_aaa]

para el tema de hacer que parescan botones hay que poner el box-shadow de 5px, luego en el a:hover poner un box-shadow de 2px y un position:relative; de top:3;, y listo

[@ronnyponce5176]

creo que muchos de los errores comunes al usar las pseudoclases es que no las ponen en el orden obligatorio que tienen que ir. Sino me equivoco es este y muchos no lo toman en cuenta. 1ro link 2do visited 3ro hover (rollover) 4to active

[@ZN4K5]

Aporte: Estados de un enlace No visitado: Es aquel estado que tiene cualquier enlace por defecto. Se le define con el atributo «link» Visitado: Es el estado opuesto al primero, cuando ya hemos visitado dicho enlace. Para definirlo utilizamos el atributo «visited» Activo: Este estado es exactamente cuando pulsamos el enlace; sí y solo sí lo estamos pulsando (en el momento que dejamos de pulsarlo ya no es ese estado. Se define con el atributo «active» Hover: Es ese estado en el que el ratón está encima del enlace, da mucho juego para los menúes y verás que es muy utilizado. Se define con «hover». por si deseas saber mas. fuente: www.dariobf.com/css-dando-estilo-a-los-enlaces-links-o-hipervinculos/

[@davidcarrillo1922]

Falcon una pregunta es que yo tengo una lista de elementos cuando los quiero hacer ver como botones usdo: li a:active{ text-decoration:underline; background:#762233; box-shadow: 0px 2px 0px #2A0F14; } li a:hover{ text-decoration:underline; box-shadow: 0px 5px 0px #2A0F14; } pero cuando lo oprimo la sombra no baja me e visto este tutorial 5 veces para saber en que falle y todavia no lo se me ayudas por favor...

[@AngelLopez-rd6mt]

Hola no se si te sirva pero a la comunidad si. No cambia el diseño de la sombra porque al usar "hover" y "active" en su funcionamiento ambas necesitan de que el puntero esté sobre la caja. y si bien una necesita solo que el puntero este sobre la caja y active aparte de eso el clic. Nosotros lo podemos diferenciar y creer que que "active" se usaría ya que demos clic y remplazaría hover pero. La maquina no es capaz de lograrlo. Por lo que ignora a "active" y solo deja "hover". Pero claro eso solo afecta cuando en active y hover están manipulando el mismo aspecto. Si a cada una le encargas modificar distintos aspectos la realizarán sin problemas.

[@swiitTV]

yo a las sombras les puse algo llamado trancisiones. quedo muy bien.

[@juanzumberz4239]

por que cuando pongo a:active o hover no lo seleciona? solo reconose ( a ) asi que no puedo hacer nada ;((. ayuda plis

[@hanselgretel7344]

¿Ya solucionaste ese problema? Si es así, dime cómo lo hiciste (tengo el mismo fcking problema).

[@luisynonangarcia1180]

@@hanselgretel7344 creo que la solucion es poniendo "a.hover" no con dos puntos

[@luisynonangarcia1180]

por Carlos Arturo utiliza sublime 2 por eso le hace valido los dos puntos en --- a:hover---

[@oskydigerardo4916]

@@luisynonangarcia1180 Te quiero un montón, Luis! Me estaba volviendo loco con esto mismo, jajaja.

[@curypauni2961]

@@luisynonangarcia1180 Que gente con ganas de ayudar que se encuentra en los comentarios! Gracias

[@HunterAngie]

Hola tengo un problema cuando pongo el comando de a:active no me cambia nada y lo puse en el orden publicado en el video

[@MrDev1024]

muy buenos vídeo brother (Y) me ayudaron y aprendí mucho de tus cursos, gracias y un saludo...

[@vladimiracevedo7236]

saludos nuevamente hermano. se da el caso en el que un desarrollador web trabaja con un texto de apoyo ,osea un documento que tenga las instrucciones para cada comando?, ya que me parece muy dificil (almenos al principio) memorizar y manejar a plenitud todos los comandos y funciones.

[@dominickllaca5302]

Hola que tal yo tengo una duda quisiera saber si se le puede dar estilo a diferentes etiquetas y como puedo hacerlo

[@angelodalul1169]

Puedes agregarles distintos estilos agregandole Clases amigo

[@unetepana]

Hola Carlos, muchas gracias por tu vídeos. Tengo problemas con estas Pseudo clases :visited - :hover - :active. Los editores de texto incluido Sublime-text no las reconocen, ¿están obsoletas ya?, ¿cómo las puedo sustituir?. Gracias.

[@sandreals]

Falcon una pregunta, yo trato de colocar dos enlaces como botones pero al momento de hacer eso, los demas enlaces que tengo se me configuran como botones, como hago para separarlos? porque yo los tengo en una class a los demas enlaces pero al colocar a{}, a:hover {} y a:active{} toma todos los enlaces.

[@reivaxcorp]

Muchas gracias :D

[@erickinventa8965]

Excelente gracias.. lo agrege a mi blog pero lo quite de nuevo porque agarra todos los enlaces del blog (etiquetas, popular post, los titulos, los menu...) yo solo quiero colocarlo en los enlaces de las entradas. trate pero no pude. si puedes decirme o giarme te lo agradeceria... gracias..

[@juliandavidgalindezmunoz2949]

+FalconMasters Hola soy una persona que quiere aprender mas solo queria decirte si puedes hacer un tutorial haciendo un reproductor de mp3 con html o lo que se necesite para una pagina web? Gracias

[@tupanarelax1]

gracias muy bueno sigue asi

[@FalconMasters]

Muchas gracias a ti

[@yerilynlopez2625]

hola FalconMaster tienes algún tuttorial de brackets?

[@telmomolina1]

Hola muy bieno el curso, tal vez por la fecha del mismo no funciona ahora a:link hay alguna razon, gracias la respueta

[@deliverygames55]

Lo estoy haciendo y uso visual studio code y funcionan los a:link saludos

[@juan-bh9vr]

Puede ser que hayas hechos todos los con el mismo href? Yo hice todos con google.com y como tenia todos visitados no me lo reconocia. Sino podrias probar con a.class-name:link{ color: blue }

[@joaquincastro3859]

muy buen curso...he hecho varios de html y css, pero mucha gente lo hace para trabajar de esto. me preguntaba si tu sabes de alguna base de datos o paginas de empleo para este tipo de trabajos de modo freelance. Gracias

[@joelcosztrako8084]

No lo probé por no tener suficiente experiencia pero conozco www.freelancer.com que esta bastante recomendado

[@SATRYALTOR]

Excelentes vídeos, muchas gracias. Solo quería preguntarte por el hover, por algún motivo no me lo reconoce así que todo lo que hago en a:hover no se aplica. gracias

[@jeisonordonez3343]

Intenta poniendo a.hover

[@jeisonordonez3343]

.

[@SATRYALTOR]

@@jeisonordonez3343 muchas gracias... tiene que ser que algo está haciendo mal porque no me va ni con al a.

[@josegarrillo3813]

buenas tengo una duda, una de las cajas cuando hago la parte de crear botones, se me acaba el espacio de la pagina y se va hacia abajo...como resuelvo ese problema para que se ponga del lado derecho? osea que continue y no se ponga debajo

[@Cumparsero100]

Excelentes tus videos! Lo que si me surgió un problema. Cuando utilizo el a:active y le cambio el margen para que baje 5px el boton y que la sombra desaparezca se bajan todos los botones y solo desaparece la sombra del botón que estoy presionando. Puedo arreglarlo creando una clase supongo pero quiero saber si es algo asi como un problema de mi navegador. Estoy utilizando Google Chrome.

[@rolanvelasquez]

Super

[@AntiDescendidosAntiK]

Explicas muy bien deberias ser profesor

[@javissystem493]

cheverisimo...

[@jesusparra6714]

necesito saber cual es el capitulo donde hablas del border-raduis

[@atomyveracruzsigloxxi6712]

¿Se pueden redondear las esquinas de las cajas (botones)?

[@florenciacarrasco2393]

se puede usar una imagen como vinculo ocupando css? trato de poner la clase pero no me funciona el css :( saludos!

[@crunchysat]

Para los que les sale que cuando ponen: "a:visited { color:#} "y cuando cargan la página aparece de ese color aunque no lo hayan visitado, esta creo que es una solución, solo ponen lo siguiente en este orden: Primero a {#####} Segundo a: visited {######} Tercero: a:hover {######} Y listo, pero eso creo que es una solución, en un rato pequeño lo verifico. #= es todo el contenido que le vas a poner, no es que lo debas poner xD

[@markuussen]

Me encanta como ya todos odiamos el naranja ff8000 jajajaja

[@MrDiegoalg]

Fantastic

[@weloveloscabos2546]

exelente videos puedes recomendar una app para los codigos de colores html y en donde lo descargas por favor mil gracias

[@juanf1009]

FalconMasters, mira yo quiero crear ese efecto del boton, pero cuando lo intento se subraya el texto y no crea el efecto en la box

[@ChristoBarrera]

+FalconMasters oye crack y si son varios enlaces en un archivo html? porque aplico el a:active y cuando selecciono uno se van todos del color como si ya los hubiera elegido

[@Sparky_Morrow]

Ff8000 jajajaja Meme del canal Eres muy bueno

[@jonathancastro9107]

Disculpa deseo un poco de ayuda, deseo hacer diferentes botones pero me queda unos mas grandes que otros, como puedo modificar uno diferente a los otros y me queden del mismo tamaño, Por cierto excelente tutorial

[@rubenexperience234]

Tengo una duda, que beneficios obtienes si visitamos tu sitio web de falcon master, y como logras tener esos beneficios?

[@victorrevelo8222]

beneficios "aprenderás mas con su contenido" si es de tu interés y se beneficia el con las view que tiene su pagina ?

[@reinaldorodriguez7191]

yo no odio el naranja pero ok me encantan tus cursos ya ise una pajina super chebere grasias :)

[@alejandrolariccia8018]

Una pregunta, cuando yo empiezo a armar mi pagina y debo hacer la parte del menu, por ej: "inicio", "empresa", "contacto"... armo cada boton del menu con los efectos, etc, con Css, hace falta que siempre si o si esten todos estos botones del menu dentro de "" en mi estructura html?, porque en el capitulo de html de estructuras decias que tenian que ir dentro del Nav, pero en otros capitulos veo que pones los enlaces directamente dentro del body, sin esa estructura. desde ya muchas Gracias

[@robinsonrodriguez6472]

+Alejandro Lariccia Hola amigo, lo que sucede es que Falcon coloca el enlace directamente en el body por el hecho de que está explicando un ejemplo puntual, pero por semántica al momento de crear una pagina para que los buscadores tengan prioridad con tú pagina se debe colocar para dar entender que es una barra de navegación. Espero que esto sea de ayuda y si no que alguien me corrige, para aprender.

[@alodiasanudo4809]

Me podrías pasar el enlace o indicarme como acceder a los códigos de los colores como has hecho tú, por favor? Tengo Pdfs, cuadros etc... pero tu forma de hacerlo es mejor

[@kl4umh]

Mira la descrpición.