Comentarios en: Background Position http://infectedfx.net/background-position/2007/ Tutoriales y referencias sobre WordPress y desarrollo/diseño web Wed, 02 Nov 2011 22:43:19 +0000 hourly 1 http://wordpress.org/?v=3.2 Por: metal.ize » Archivos » Pseudo-clases en IE6- http://infectedfx.net/background-position/2007/comment-page-1/#comment-96266 metal.ize » Archivos » Pseudo-clases en IE6- Mon, 09 Feb 2009 00:41:25 +0000 http://infectedfx.net/background-position/2007/#comment-96266 [...] por Infected-FX veo un genial tutorial que habla sobre la imagen de fondo en hipervínculos y las posibilidades de cambiarla de posición bajo ciertos eventos usando pseudo-clases (como [...] [...] por Infected-FX veo un genial tutorial que habla sobre la imagen de fondo en hipervínculos y las posibilidades de cambiarla de posición bajo ciertos eventos usando pseudo-clases (como [...]

]]> Por: Background Position Tutorial at Blog Borchani Studios http://infectedfx.net/background-position/2007/comment-page-1/#comment-92068 Background Position Tutorial at Blog Borchani Studios Fri, 09 Jan 2009 16:26:13 +0000 http://infectedfx.net/background-position/2007/#comment-92068 [...] permitirá poner diferentes imágenes a los enlaces haciendo uso de la etiqueta a y sus atributos. Ver Tutorial Publicado en CSS, Tutoriales, Web [...] [...] permitirá poner diferentes imágenes a los enlaces haciendo uso de la etiqueta a y sus atributos. Ver Tutorial Publicado en CSS, Tutoriales, Web [...]

]]> Por: oberkom http://infectedfx.net/background-position/2007/comment-page-1/#comment-22252 oberkom Fri, 08 Jun 2007 11:52:54 +0000 http://infectedfx.net/background-position/2007/#comment-22252 Lastima que no acabe de funcionar en internet explorer 6 buen trabajo Lastima que no acabe de funcionar en internet explorer 6

buen trabajo

]]> Por: José Monteiro http://infectedfx.net/background-position/2007/comment-page-1/#comment-22025 José Monteiro Mon, 04 Jun 2007 09:32:17 +0000 http://infectedfx.net/background-position/2007/#comment-22025 Olá, Parabéns pelo tutorial, está bem elaborado e ilustrado. Mas tenho dois reparos a fazer: 1. A posição do CSS shorthand é Vertical - Horizontal que significa TOP > RIGHT > BOTTOM > LEFT igual a ao rodar dos relógios. O deseho está tem de ser corrigido. 2. background-position: 0px 0px; é igual a background-position:0 0; Olá,

Parabéns pelo tutorial, está bem elaborado e ilustrado.
Mas tenho dois reparos a fazer:

1. A posição do CSS shorthand é Vertical – Horizontal
que significa TOP > RIGHT > BOTTOM > LEFT igual a
ao rodar dos relógios. O deseho está tem de ser corrigido.

2. background-position: 0px 0px; é igual a background-position:0 0;

]]> Por: Background Position Tutorial « Xyberneticos http://infectedfx.net/background-position/2007/comment-page-1/#comment-22016 Background Position Tutorial « Xyberneticos Mon, 04 Jun 2007 05:41:23 +0000 http://infectedfx.net/background-position/2007/#comment-22016 [...] Un buen tutorial creado por InfectedFX pasó por paso sobre todo lo que necesitas saber sobre el posicionamiento de fondo (background-position) una propiedad de CSS que te permitirá poner diferentes imágenes a los enlaces haciendo uso de la etiqueta a y sus atributos. Ver Tutorial [...] [...] Un buen tutorial creado por InfectedFX pasó por paso sobre todo lo que necesitas saber sobre el posicionamiento de fondo (background-position) una propiedad de CSS que te permitirá poner diferentes imágenes a los enlaces haciendo uso de la etiqueta a y sus atributos. Ver Tutorial [...]

]]> Por: Nikko http://infectedfx.net/background-position/2007/comment-page-1/#comment-22001 Nikko Sun, 03 Jun 2007 22:01:24 +0000 http://infectedfx.net/background-position/2007/#comment-22001 Buen tutorial amigo, gracias por el ^_^ Buen tutorial amigo, gracias por el ^_^

]]> Por: EmpireFX http://infectedfx.net/background-position/2007/comment-page-1/#comment-21993 EmpireFX Sun, 03 Jun 2007 17:03:37 +0000 http://infectedfx.net/background-position/2007/#comment-21993 Buen material como siempre, deberias agregar una seccion en tu blog para tus tutoriales :P Saludos Buen material como siempre, deberias agregar una seccion en tu blog para tus tutoriales :P

Saludos

]]> Por: Francisco http://infectedfx.net/background-position/2007/comment-page-1/#comment-21970 Francisco Sun, 03 Jun 2007 04:41:21 +0000 http://infectedfx.net/background-position/2007/#comment-21970 No tiene mucho que aprendi esta técnica, pero aca me quedan más claras algunas cosas. Excelente tutorial! No tiene mucho que aprendi esta técnica, pero aca me quedan más claras algunas cosas.

Excelente tutorial!

]]> Por: Lucas http://infectedfx.net/background-position/2007/comment-page-1/#comment-21902 Lucas Fri, 01 Jun 2007 17:55:13 +0000 http://infectedfx.net/background-position/2007/#comment-21902 wua!!! la verdad que sos increible cada ves que entro al blog me sorprende una caso nueva... segui asi nos vemos, Lucas. wua!!! la verdad que sos increible cada ves que entro al blog me sorprende una caso nueva… segui asi

nos vemos,

Lucas.

]]> Por: metal.ize » Blog Archive » Pseudo-clases en IE6- http://infectedfx.net/background-position/2007/comment-page-1/#comment-21885 metal.ize » Blog Archive » Pseudo-clases en IE6- Fri, 01 Jun 2007 05:12:55 +0000 http://infectedfx.net/background-position/2007/#comment-21885 [...] Paseandome por Infected-FX veo un genial tutorial que habla sobre la imagen de fondo en hipervínculos y las posibilidades de cambiarla de posición bajo ciertos eventos usando pseudo-clases (como :hover o :active). No tardé en comentar y decir que no sólo se puede aplicar a los <a>’s, sino que también podemos usarlos en otros elementos (como divs); pero bajo mi emoción olvidé mencionar que IE no soporta pseudo-clases en elementos que no sean <a> (cosa que eden me recordó) y que me recuerdan a mi anterior entrada sobre links en cajas. Fue entonces que, platicando con un amigo, recordé los viejos tiempos del “Web 1.0″ y el extraño y antiguo término DHTML y dí con una forma de lograr que las pseudo-clases funcionaran en Internet Explorer también. Por cierto, solo he creado un archivo para las pseudo-classes :active y :hover. Pensaba meter también :focus; pero al recordar los problemas que existen entre estas dos clases entre los navegadores (No solo IE… De hecho, después de Firefox, es el que mejor se comporta) decidí dejar afuera :focus. Probablemente también se puedan arreglar pseudo-clases como :first-child o :lang; en cuanto tenga un poco más de tiempo veré si puedo arreglarlas. [...] [...] Paseandome por Infected-FX veo un genial tutorial que habla sobre la imagen de fondo en hipervínculos y las posibilidades de cambiarla de posición bajo ciertos eventos usando pseudo-clases (como :hover o :active). No tardé en comentar y decir que no sólo se puede aplicar a los <a>’s, sino que también podemos usarlos en otros elementos (como divs); pero bajo mi emoción olvidé mencionar que IE no soporta pseudo-clases en elementos que no sean <a> (cosa que eden me recordó) y que me recuerdan a mi anterior entrada sobre links en cajas. Fue entonces que, platicando con un amigo, recordé los viejos tiempos del “Web 1.0″ y el extraño y antiguo término DHTML y dí con una forma de lograr que las pseudo-clases funcionaran en Internet Explorer también. Por cierto, solo he creado un archivo para las pseudo-classes :active y :hover. Pensaba meter también :focus; pero al recordar los problemas que existen entre estas dos clases entre los navegadores (No solo IE… De hecho, después de Firefox, es el que mejor se comporta) decidí dejar afuera :focus. Probablemente también se puedan arreglar pseudo-clases como :first-child o :lang; en cuanto tenga un poco más de tiempo veré si puedo arreglarlas. [...]

]]> Por: Gregorio Espadas http://infectedfx.net/background-position/2007/comment-page-1/#comment-21880 Gregorio Espadas Fri, 01 Jun 2007 00:13:28 +0000 http://infectedfx.net/background-position/2007/#comment-21880 ¡Excelente truco! Bueno, mas que truco es un excelente manejo de CSS. Apenas tenga un tiempito lo implementaré en el nuevo diseño de mi web :-) Ah, por cierto, estoy de acuerdo con metal_orgy, IE jamás será tan bonito como los demás jejeje. ¿Ya actualizaron al Firefox 2.0.0.4? =P ¡Excelente truco! Bueno, mas que truco es un excelente manejo de CSS. Apenas tenga un tiempito lo implementaré en el nuevo diseño de mi web :-)

Ah, por cierto, estoy de acuerdo con metal_orgy, IE jamás será tan bonito como los demás jejeje. ¿Ya actualizaron al Firefox 2.0.0.4? =P

]]> Por: MeTaL_oRgY http://infectedfx.net/background-position/2007/comment-page-1/#comment-21878 MeTaL_oRgY Thu, 31 May 2007 23:41:25 +0000 http://infectedfx.net/background-position/2007/#comment-21878 Si, olvidé mencionar que, para variar, IE no gusta de las pseudo-clases; pero no se sacrifica la accesibilidad por usarlos. Me explico: Si agregas un li:hover a tu diseño para cambiar de color de fondo, funcionará en todos los navegadores menos en IE6 o menos. ¿Resultado? IE6 no tendrá el efecto, pero seguirá viendo la información mientras que todos los demás navegadores disfrutarán de un bonito efecto en :hover. Creo que debemos de dejar de buscar que nuestra web se vea exactamente igual en IE que en los demás navegadores y simplemente aceptar que IE jamás será tan bonito como los demás (pero sin sacrificar la información para este navegador, claro está). Si, olvidé mencionar que, para variar, IE no gusta de las pseudo-clases; pero no se sacrifica la accesibilidad por usarlos. Me explico: Si agregas un li:hover a tu diseño para cambiar de color de fondo, funcionará en todos los navegadores menos en IE6 o menos. ¿Resultado? IE6 no tendrá el efecto, pero seguirá viendo la información mientras que todos los demás navegadores disfrutarán de un bonito efecto en :hover.

Creo que debemos de dejar de buscar que nuestra web se vea exactamente igual en IE que en los demás navegadores y simplemente aceptar que IE jamás será tan bonito como los demás (pero sin sacrificar la información para este navegador, claro está).

]]> Por: Eden http://infectedfx.net/background-position/2007/comment-page-1/#comment-21875 Eden Thu, 31 May 2007 22:36:43 +0000 http://infectedfx.net/background-position/2007/#comment-21875 metal_orgy creo ke no es cierto lo ke dices. hasta ie6, por ejemplo, no podias poner un li:hover o un li:visited. creo ke estas propiedades son para segun ke tags en concreto! metal_orgy creo ke no es cierto lo ke dices. hasta ie6, por ejemplo, no podias poner un li:hover o un li:visited. creo ke estas propiedades son para segun ke tags en concreto!

]]> Por: Eden http://infectedfx.net/background-position/2007/comment-page-1/#comment-21874 Eden Thu, 31 May 2007 22:33:47 +0000 http://infectedfx.net/background-position/2007/#comment-21874 Muy bueno el tuto! Lo wapo sería aprender mediante php a hacer ke el current fuera automatico, me explico: aki para ke el icono te salga de current tienes ke ponerle id="current" no? seguro ke hay alguna forma de hacer ke esto lo haga php solito, osea, ke la sección ke enlace a la pagina en la cual estamos aparezca como id="current"... o me ekivoco? por lo demas... esta fantastico, ya no usare mas imagenes distintas para los efectos hover, visited, etc :) Muy bueno el tuto!
Lo wapo sería aprender mediante php a hacer ke el current fuera automatico, me explico:
aki para ke el icono te salga de current tienes ke ponerle id=”current” no? seguro ke hay alguna forma de hacer ke esto lo haga php solito, osea, ke la sección ke enlace a la pagina en la cual estamos aparezca como id=”current”… o me ekivoco?

por lo demas… esta fantastico, ya no usare mas imagenes distintas para los efectos hover, visited, etc :)

]]> Por: MeTaL_oRgY http://infectedfx.net/background-position/2007/comment-page-1/#comment-21872 MeTaL_oRgY Thu, 31 May 2007 22:30:51 +0000 http://infectedfx.net/background-position/2007/#comment-21872 ¡Genial tutorial brother! Es increíble lo accesibles que podemos convertir nuestros links con una simple imagen y un cambio de posicionamiento, ¿qué no?Y no está de más recordar que estos efectos pueden aplicarlos, no solo a <strong><a></strong>, sino a cualquier tag que quieran usando las mismas pseudo-clases (pienso en formularios ene stos momentos). ¡¡Un saludo!! ¡Genial tutorial brother! Es increíble lo accesibles que podemos convertir nuestros links con una simple imagen y un cambio de posicionamiento, ¿qué no?Y no está de más recordar que estos efectos pueden aplicarlos, no solo a <a>, sino a cualquier tag que quieran usando las mismas pseudo-clases (pienso en formularios ene stos momentos).

¡¡Un saludo!!

]]>