Solicitamos su permiso para obtener datos estadísticos de su navegación en esta web, en cumplimiento del Real Decreto-ley 13/2012. Si continúa navegando consideramos que acepta el uso de cookies.

Aceptar Más información
WINTXCODERS Terminal
[[email protected] ~]:$ Bienvenido a la comunidad
Recuerda que puedes participar en nuestra comunidad registrándote

Autor Tema: [APORTE] Etiquetas :actived, :focus, :hover, :active, :link.  (Leído 219 veces)

0 Usuarios y 1 Visitante están viendo este tema.

@Zanut Sec

  • Visitante
[APORTE] Etiquetas :actived, :focus, :hover, :active, :link.
« en: Febrero 03, 2015, 07:45:11 pm »
Muy buenas compañeros! aquí traigo un nuevo tutorial explicando los algunas etiquetas de CSS pedidas por Granainos. La información de las etiquetas son cogidas de Internet pero todos los ejemplos serán hechos por mi.
:linkSe usa para definir estilos para links que no han sido pinchados por el usuario, aunque si no está en el orden adecuado puede sobreescribir otros estilos de links, siempre aplicables a las urls.
:visitedSe usa para definir estilos para links que han sido pinchados por el usuario y así distinguirlos de los no pinchados, siempre aplicables a las url clickeadas por X

:focus Se usa para definir estilos para elementos que tienen el foco. Un link puede tener el foco. Siempre aplicable a cualquier elemento que tiene el foco por estar seleccionado con el ratón o por uso del tabulador.
:hoverSe usa para definir estilos específicos para elementos por los que el usuario pasa el ratón por encima, aún sin pinchar en ellos. Aplicables a cualquier elemento que tiene el puntero del ratón encima de él
:activeSe usar para definir estilos específicos para links <a> o botones <button> en el justo momento en que son pulsados.

Ahora explicaremos su "estructura" en las clases y serian bastantes sencillas:
h1:hover{color:black width:50px height:20px;}
b:link{color:black text-decoration:none;}
submit:visited {color: #fff;}
p:focus {outline: red;}
h5:active {font-style: WC;}


Créditos algunos a X webs de Internet.
Saludos, @Zanut Sec.

#i[J]0SEE

  • Maestro
  • Desconectado
  • *
  • 370
    649
    1
    • Ver Perfil
Re:Etiquetas :actived, :focus, :hover, :active, :link.
« Respuesta #1 en: Febrero 03, 2015, 09:03:05 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Muy buenas compañeros! aquí traigo un nuevo tutorial explicando los algunas etiquetas de CSS pedidas por Granainos. La información de las etiquetas son cogidas de Internet pero todos los ejemplos serán hechos por mi.
Código: (php)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
:linkSe usa para definir estilos para links que no han sido pinchados por el usuario, aunque si no está en el orden adecuado puede sobreescribir otros estilos de links, siempre aplicables a las urls.
:visitedSe usa para definir estilos para links que han sido pinchados por el usuario y así distinguirlos de los no pinchados, siempre aplicables a las url clickeadas por X

:focus Se usa para definir estilos para elementos que tienen el foco. Un link puede tener el foco. Siempre aplicable a cualquier elemento que tiene el foco por estar seleccionado con el ratón o por uso del tabulador.
:hoverSe usa para definir estilos específicos para elementos por los que el usuario pasa el ratón por encima, aún sin pinchar en ellos. Aplicables a cualquier elemento que tiene el puntero del ratón encima de él
:activeSe usar para definir estilos específicos para links <a> o botones <button> en el justo momento en que son pulsados.

Ahora explicaremos su "estructura" en las clases y serian bastantes sencillas:
h1:hover{color:black width:50px height:20px;}
b:link{color:black text-decoration:none;}
submit:visited {color: #fff;}
p:focus {outline: red;}
h5:active {font-style: WC;}


Créditos algunos a X webs de Internet.
Saludos, @Zanut Sec.

Usa una fuente mas grande puta, y pon códigos que se quede mas bonito xD.
Excelente aporte, continua el curso haber si te lo ponen en destacados al final.

@Zanut Sec

  • Visitante
Re:Etiquetas :actived, :focus, :hover, :active, :link.
« Respuesta #2 en: Febrero 03, 2015, 10:33:58 pm »

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]

Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
Muy buenas compañeros! aquí traigo un nuevo tutorial explicando los algunas etiquetas de CSS pedidas por Granainos. La información de las etiquetas son cogidas de Internet pero todos los ejemplos serán hechos por mi.
Código: (php)
Para poder ver los links necesitas estar [• Registrado •]
[• Iniciar Sesión •]
:linkSe usa para definir estilos para links que no han sido pinchados por el usuario, aunque si no está en el orden adecuado puede sobreescribir otros estilos de links, siempre aplicables a las urls.
:visitedSe usa para definir estilos para links que han sido pinchados por el usuario y así distinguirlos de los no pinchados, siempre aplicables a las url clickeadas por X

:focus Se usa para definir estilos para elementos que tienen el foco. Un link puede tener el foco. Siempre aplicable a cualquier elemento que tiene el foco por estar seleccionado con el ratón o por uso del tabulador.
:hoverSe usa para definir estilos específicos para elementos por los que el usuario pasa el ratón por encima, aún sin pinchar en ellos. Aplicables a cualquier elemento que tiene el puntero del ratón encima de él
:activeSe usar para definir estilos específicos para links <a> o botones <button> en el justo momento en que son pulsados.

Ahora explicaremos su "estructura" en las clases y serian bastantes sencillas:
h1:hover{color:black width:50px height:20px;}
b:link{color:black text-decoration:none;}
submit:visited {color: #fff;}
p:focus {outline: red;}
h5:active {font-style: WC;}


Créditos algunos a X webs de Internet.
Saludos, @Zanut Sec.

Usa una fuente mas grande puta, y pon códigos que se quede mas bonito xD.
Excelente aporte, continua el curso haber si te lo ponen en destacados al final.
Hahaha, muchas gracias socio!

 

Powered by Advanced Topic Prefix Pro