WINTXCODERS

Programación => Desarrollo web => Mensaje iniciado por: @Zanut Sec en Febrero 03, 2015, 07:45:11 pm

Título: Etiquetas :actived, :focus, :hover, :active, :link.
Publicado por: @Zanut Sec 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.
Título: Re:Etiquetas :actived, :focus, :hover, :active, :link.
Publicado por: #i[J]0SEE en Febrero 03, 2015, 09:03:05 pm

Para poder ver los links necesitas estar registrado - [• Registrarse •] [• 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 - [• Registrarse •] [• 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.
Título: Re:Etiquetas :actived, :focus, :hover, :active, :link.
Publicado por: @Zanut Sec en Febrero 03, 2015, 10:33:58 pm

Para poder ver los links necesitas estar registrado - [• Registrarse •] [• Iniciar Sesión •]

Para poder ver los links necesitas estar registrado - [• Registrarse •] [• 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 - [• Registrarse •] [• 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!