Re: [Ovillo] Amigos tengo una duda
En general en la web funciona todo lo que esta ligeramente obsoleto y lo utiliza todo el mundo. Se puede hacer un subconjunto de las cosas seguras, que es lo que intuitivamente hacemos todos, supongo. Ademas a ese conjunto puedes añadir excepciones, que son potencialmente demasiado utiles para ser ignoradas. Por ejemplo -moz-opacity y opacity para definir el alfa de un objeto. Nota: en este caso los chicos de mozilla decidieron usar un prefijo especial -moz- para toda extension propietaria de mozilla. Lo hicieron asi pensando que si, por ejemplo, se estandariza opacity, y en lugar de utilizar un numero de 0 al 1, se decide utilizar un numero del 0 al 255, que no haya problemas. Si directamente usas de nombre opacity, y la gente lo usa en el rango 0 1, ya obligarias al estandar a funcionar en ese rango o arriesgarse a crear caos. En internet explorer desde el principio fue opacity. *cough*. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Amigos tengo una duda
El día 16/08/07, Tei [EMAIL PROTECTED] escribió: En general en la web funciona todo lo que esta ligeramente obsoleto y lo utiliza todo el mundo. Se puede hacer un subconjunto de las cosas seguras, que es lo que intuitivamente hacemos todos, supongo. Ademas a ese conjunto puedes añadir excepciones, que son potencialmente demasiado utiles para ser ignoradas. Por ejemplo -moz-opacity y opacity para definir el alfa de un objeto. Nota: en este caso los chicos de mozilla decidieron usar un prefijo especial -moz- para toda extension propietaria de mozilla. Lo hicieron asi pensando que si, por ejemplo, se estandariza opacity, y en lugar de utilizar un numero de 0 al 1, se decide utilizar un numero del 0 al 255, que no haya problemas. Si directamente usas de nombre opacity, y la gente lo usa en el rango 0 1, ya obligarias al estandar a funcionar en ese rango o arriesgarse a crear caos. En internet explorer desde el principio fue opacity. *cough*. Creo que te equivocas. No sé si -moz-opacity existe, pero firefox implementa la propiedad opacity desde hace tiempo. Además en IE la propiedad opacity no funciona y tienes que usar una propiedad propietaria de IE filter: alpha(opacity=valor); con valor un número de 0 a 100. Lo de -moz lo usa Mozilla para propiedades que todavía no son estándar. Sobre todo para propiedades de css 3 que todavía están en borrador y son susceptibles de cambiar. -- We don't need no education - Pink Floyd ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Amigos tengo una duda
On 8/16/07, Almorca [EMAIL PROTECTED] wrote: Creo que te equivocas. No sé si -moz-opacity existe, pero firefox implementa la propiedad opacity desde hace tiempo. Además en IE la propiedad opacity no funciona y tienes que usar una propiedad propietaria de IE filter: alpha(opacity=valor); con valor un número de 0 a 100. No se porque recordaba que opacity funcionaba en IE (??). Pero tras algunas pruebas veo que tienes razon. De todos modos no era mas que un ejemplo. La idea general era que algunos elementos de eyecandy pueden ser interesantes, aunque no formen parte de esas ocho cosas centrales que sabemos estan soportadas por todos los navegadores sin consultar una tabla de compatibilidad. Cuando se utilizan estas cosas hay que tener un cuidado especial, para hacerlo de una manera que degrade bien. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Amigos tengo una duda
Creo que te equivocas. No sé si -moz-opacity existe, pero firefox implementa la propiedad opacity desde hace tiempo. Además en IE la propiedad opacity no funciona y tienes que usar una propiedad propietaria de IE filter: alpha(opacity=valor); con valor un número de 0 a 100. Lo de -moz lo usa Mozilla para propiedades que todavía no son estándar. Sobre todo para propiedades de css 3 que todavía están en borrador y son susceptibles de cambiar. -- We don't need no education - Pink Floyd Pues claro que existe, algunas versiones más antiguas (bastante antiguas de hecho...) de FF no soportan opacity y necesitan el -moz- por delante, pero no hay diferencia entre ellos. Opera sólo soporta opacity e IE el filter alpha, como ya se ha dicho. De todas formas para CSS3 también tendremos el RGBA en donde ya tendremos el canal alpha, un ejemplo sería: background: rgba(0%,50%,50%,0.6); Más info: http://www.w3.org/TR/css3-color/ [inglés] http://www.css3.info//a-brief-introduction-to-opacity-and-rgba/ [inglés] http://www.css3.info/preview/rgba.html [inglés] -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: configurar apache para phtml
hola! On 8/16/07, Juan Alberto GONZALEZ RODRIGUEZ wrote: vaya... phtml es una extensión para una página con php... supongo que tienes php instalado también¿? si, claro :) en el archivo /etc/httpd/httpd.conf Bueno, en apache2 las cosas no se ponen en httpd sino en un apache2.conf i en mods-enableds i cosas por el estilo, es bastante raro, yo estoy acostumbrada a apache1 y claro.. En todo caso, he comprobado que era la caché del ff q es muy resistente, la he borrado y ahora ya entra bien :) . Eso si, con el cambio de s.o. la web se ve ligeramente diferente :S deberias añadir AddType application/x-httpd-php .phtml para que el servidor sepa como interpretar el código... casi más facil cambiarle la extensión a tu archivo phtml por php Gracias por la respuesta, ya está solucionado :)) Laura ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] comportamiento hover
Gracias. Pero hete aquí un detalle: si va a funcionar por medio de ID, no
hace falta un javascript ya que el ID es común a todos los navegadores,
ergo: mayor accesibilidad y menores recursos. El truco estaría bueno si lo
hiciese con CLASS, y no lo hace... :(
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 3:48 PM
Subject: Re: [Ovillo] comportamiento hover
Pues yo lo que te recomiendo es que lo hagas usando javascript para que
funcione en IE6 ya que para IE la pseudo clase hover solo existe en los
vínculos a quedaría de esta manera:
EL CSS:
style type=text/css
#IMGHover { /*Identificador de la capa que hace el hover */
width: 200px;/*Especifico el tamaño del div para que no se pase de
las dimenciones visibles de la imagen en este caso 200x200px*/
height: 200px;
background-image: url(bg.jpg);/*Ponemos la imagen que se puede ver
abajo */
background-position: top;/* especificamos la posicion de la imagen
del fondo */
background-repeat:no-repeat;/* por si las dudas le decimos ke no
repita el fondo */
}
#IMGHover:hover, #IMGHover.over {/* aqui esta la magia ponemos la pseudo
clase :hover para mozilla IE7 y le ponemos la clase over para IE esta
sera reemplazada por DOM con javascript */
background-position: bottom; /* esto es lo que hace que la imagen
cambie en este caso solo cambiamos la posicion de la imagen para que se
vea la parte de abajo*/
}
/style
EL JavaScript:
// JavaScript Document
startList = function() {// modifique el script de suckerfish para que
funcione con esta div ^^
if(document.alldocument.getElementById){// checamos que se trate de IE
overDiv = document.getElementById(IMGHover);//Obtenemos la
div ^^
overDiv.onmouseover = function() {//cuando pasen el mouse sobre
la div...
this.className += over;//le agregamos una clase en este
caso over que es la que especificamos en css
}
overDiv.onmouseout = function() {//cuando el mouse salga de la
div...
this.className = this.className.replace( over,);//le
quitamos la clase ^^
}
}
}
window.onload=startList;//cuando la cargue la pagina ^^ ejecutar la
funcion xD
El HTML:
div id=IMGHover/div
y pues bueno para que veas como funciona lo colgué en geocities Jeje
allí puedes ver el código fuente para entender mejor su funcionamiento
ya lo probe en IE6 y pues no deveria dar problemas aunque pues no
aseguro nada ya ke mi IE6 es emulado ^^
http://mx.geocities.com/nma2040/divOver/div.html
Espero te sea de utilidad ^^ Saludos!!!
LISTAS escribió:
Funciona en Explorer, pero no en Firefox... y necesito que lo haga en por
lo
menos estos 2... :(
¿A ti te funciona en ambos?
Si es así, pásame el enlace a tu calendario y lo miro. Gracias.
A.V.W.
- Original Message -
From: Jazmin Azucena Nieto Garduño [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, August 15, 2007 3:26 PM
Subject: Re: [Ovillo] comportamiento hover
Hola buenas tardes :)
yo tengo una que estoy usando en un calendario, te envio mi codigo, espero
que te sirva
y es class
( today, es como doy de alta en mi tabla la imagen (cuando cargas la
pagina))
.today {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadc.gif);
COLOR: #00;
border-bottom: 0px;
height:20px;
}
TD.today A {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
COLOR: 66;
height:20px;
}
(esta es la imagen que se ve cuando pones el link, en mi caso yo tengo la
misma que en un principio)
TD.today A:link {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadc.gif);
COLOR: #66;
height:20px;
}
(Aqui esta el meollo del asunto)(pones la misma imagen que en un principio
porque quiero que aunque ya hayan entrado en el link se siga viendo igual)
TD.today A:visited {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadc.gif);
COLOR: #660033;
height:20px;
}
(esta imagen se ve cuando pones el puntero sobre el link)en esta caso
tengo
otra)
TD.today A:hover {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadclnk.gif);
COLOR: #FF;
height:20px;
}
bueno :), espero que te sirva. (es parte del codigo de un calendario que
tengo)
bye me dices si te sirvio)
- Original Message -
From: LISTAS [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] comportamiento hover
Date: Tue, 14 Aug 2007 18:32:47 -0300
OK, funciona con ID, pero no entiendo porqué con CLASS no funciona. Yo
había
hecho todo tal cual el ejemplo sugerido pero con CLASS.
¿Alguien sabe por qué con uno sí y con el otro no?
Con Explorer lo resolví anidando un Anchor entre dos DIV... pero me
desapareció la manito del enlace, aunque enlaza perfectamente... (!!) De
modo que hice una truca exclusiva para el cursor con
Re: [Ovillo] comportamiento hover
No entiendo exactamente a que te refieres el script lo único que hace es
emular el comportamiento hover en IE6, en IE7 va bien sin el script
pero en IE6 no se acepta este comportamiento cualquier otro elemento que
no sea un a esa es la función del script emular este comportamiento
en IE6 si me pudieras explicar un poco mejor lo del id ^^ tal ves
podríamos adaptarlo para que se ajuste mas a tus necesidades ^^
LISTAS escribió:
Gracias. Pero hete aquí un detalle: si va a funcionar por medio de ID, no
hace falta un javascript ya que el ID es común a todos los navegadores,
ergo: mayor accesibilidad y menores recursos. El truco estaría bueno si lo
hiciese con CLASS, y no lo hace... :(
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 3:48 PM
Subject: Re: [Ovillo] comportamiento hover
Pues yo lo que te recomiendo es que lo hagas usando javascript para que
funcione en IE6 ya que para IE la pseudo clase hover solo existe en los
vínculos a quedaría de esta manera:
EL CSS:
style type=text/css
#IMGHover { /*Identificador de la capa que hace el hover */
width: 200px;/*Especifico el tamaño del div para que no se pase de
las dimenciones visibles de la imagen en este caso 200x200px*/
height: 200px;
background-image: url(bg.jpg);/*Ponemos la imagen que se puede ver
abajo */
background-position: top;/* especificamos la posicion de la imagen
del fondo */
background-repeat:no-repeat;/* por si las dudas le decimos ke no
repita el fondo */
}
#IMGHover:hover, #IMGHover.over {/* aqui esta la magia ponemos la pseudo
clase :hover para mozilla IE7 y le ponemos la clase over para IE esta
sera reemplazada por DOM con javascript */
background-position: bottom; /* esto es lo que hace que la imagen
cambie en este caso solo cambiamos la posicion de la imagen para que se
vea la parte de abajo*/
}
/style
EL JavaScript:
// JavaScript Document
startList = function() {// modifique el script de suckerfish para que
funcione con esta div ^^
if(document.alldocument.getElementById){// checamos que se trate de IE
overDiv = document.getElementById(IMGHover);//Obtenemos la
div ^^
overDiv.onmouseover = function() {//cuando pasen el mouse sobre
la div...
this.className += over;//le agregamos una clase en este
caso over que es la que especificamos en css
}
overDiv.onmouseout = function() {//cuando el mouse salga de la
div...
this.className = this.className.replace( over,);//le
quitamos la clase ^^
}
}
}
window.onload=startList;//cuando la cargue la pagina ^^ ejecutar la
funcion xD
El HTML:
div id=IMGHover/div
y pues bueno para que veas como funciona lo colgué en geocities Jeje
allí puedes ver el código fuente para entender mejor su funcionamiento
ya lo probe en IE6 y pues no deveria dar problemas aunque pues no
aseguro nada ya ke mi IE6 es emulado ^^
http://mx.geocities.com/nma2040/divOver/div.html
Espero te sea de utilidad ^^ Saludos!!!
LISTAS escribió:
Funciona en Explorer, pero no en Firefox... y necesito que lo haga en por
lo
menos estos 2... :(
¿A ti te funciona en ambos?
Si es así, pásame el enlace a tu calendario y lo miro. Gracias.
A.V.W.
- Original Message -
From: Jazmin Azucena Nieto Garduño [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, August 15, 2007 3:26 PM
Subject: Re: [Ovillo] comportamiento hover
Hola buenas tardes :)
yo tengo una que estoy usando en un calendario, te envio mi codigo, espero
que te sirva
y es class
( today, es como doy de alta en mi tabla la imagen (cuando cargas la
pagina))
.today {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadc.gif);
COLOR: #00;
border-bottom: 0px;
height:20px;
}
TD.today A {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
COLOR: 66;
height:20px;
}
(esta es la imagen que se ve cuando pones el link, en mi caso yo tengo la
misma que en un principio)
TD.today A:link {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadc.gif);
COLOR: #66;
height:20px;
}
(Aqui esta el meollo del asunto)(pones la misma imagen que en un principio
porque quiero que aunque ya hayan entrado en el link se siga viendo igual)
TD.today A:visited {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadc.gif);
COLOR: #660033;
height:20px;
}
(esta imagen se ve cuando pones el puntero sobre el link)en esta caso
tengo
otra)
TD.today A:hover {
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
BACKGROUND-IMAGE: url(cuadclnk.gif);
COLOR: #FF;
height:20px;
}
bueno :), espero que te sirva. (es parte del codigo de un calendario que
tengo)
bye me dices si te sirvio)
- Original Message -
From: LISTAS [EMAIL PROTECTED]
To: Ovillo, la lista de CSS
Re: [Ovillo] Diseñar a medida, aun es rentable? (andres karp)
Totalmente de acuerdo Andres, he trabajado para una empresa de turismo de Bs.As.-Arg de la cual he desarrollado componentes scripts, esta empresa ha pagado por un sitio algo más de U$S 15.000 a otra compañia de desarrollo de la cual no pienso dar el nombre, ya que no hay nada contra ellos ni su trabajo, lo más increible de todo esto es que esta página si bien tenia un diseño espectacular y un motor script complejo le faltaban algunas cuestiones de optimización y validaciones de la W3C, por este lado es como decis vos, a veces algunas empresas prefieren apostar por la parte estetica dejando de lado usabilidad y cuestiones técnicas más profundas las consecuencias se ven a largo o corto plazo cuando esa web sobrecargada deja de ser rentable, y ahi es recien cuando se dan cuenta de lo que compraron, ya recuperar un cliente decepcionado es como exprimir una roca, piensan que todos los del gremio son chantas..., Por ahí pasa un poco el tema, algunos clientes se conforman con espejitos de colores y tal vez la chachara técnica prefieren obviarla, para tener un producto esteticamente aceptable, y piensan que con solo las cuestiones superficiales pueden echar a andar una web y que tenga más de mil visitas diarias con solo unos dibujitos, en este caso que te comenté se sobrecargo un sitio del tipo portal con tablas anidadas, elementos flash excesivos, cuellos de botella, etc, plantillas smarty con llamadas a sql en la index, bueno entre otras cosas, a veces uno critica el trabajo de otros desarrolladores diciendo bueno esto lo mejoro asi asa, lo parseo con un analizador tipo tidy, etc, pero también hay que ver con que condiciones de trabajo o cliente se toparon para optar por un trabajo así, cuando vez un trabajo asi decis -se terminó a los ponchazos- ya que trabajar o rediseñar un sitio en html crudo y migrarlo a xhtml no es muy sencillo, y es donde se recae también en un producto rústico pero compatible con todos los navegadores incluyendo las viejas versiones de Netscape que no leian ni una hoja de estilo, en fin... habrá que colocar avisos en Neurona, y hacer algo de mercadeo en la web, evangelizando usuarios para que aquellos usuarios descreidos opten por un trabajo a medida, Aparentemente el único cliente perfecto que podría validar un trabajo a medida es otro profesional, es una cuestión complicada, que parece parafraseando un poco lo que decis una cuestión de fe. -Actualmente es un poco más complicado saber quien hace trabajos -profesionales y quien no. Ya que como sabe el usuario final u el cliente si -una página está bien hecha(válida, el código no es engorroso, etc...), no se -como se le explica a un cliente lo que debe llevar una web o que controles -debe pasar, pero es como todo, en casi todas las profesiones hay mercenarios -que al final que lo que hacen es vender 20 web a 300 euros y cuando ya no -pica ninguno más, dejan de vender webs, dejando sin soporte a las empresas y -dichas empresas después se desilucionan y sienten la impotencia de tener una -web desactualizada y sin soporte. Por lo que cuando vas a ver un cliente que -le a sucedido esto es muy complicado evangelizarlo ya que está descreído de -todo. ¿Habrá algún certificado de calidad tipo ISO para las empresas -tecnológicas? y ¿cómo se podría certificar la profesionalidad de los -desarrolladores? Ofertas de empleo, oportunidades y anuncios de ocasión http://www.empreavisos.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: configurar apache para phtml
On 8/16/07, Daniel Martín ubbi.com wrote: Hola, laura aparentemente si no tenés ningún error log, lo más factible es que tu script no tenga ningun error y ninguna salida en pantalla probá algo simple como ? echo hola; ? Hola, si eso lo estaba haciendo por eso me rayaba aun más, pero creo que era por la caché del firefox, pq al mismo tiempo que hacia cosas raras con la pagina index.php con formato phtml me aceptaba otra index.php toda en php y tb la tipica prueba del phpinfo() . Por fortuna ese problemilla pasó :) gracias por la respuesta Laura ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] comportamiento hover
¡Oh, sí, claro! Me refiero a lo siguiente: ¿para qué emular algo que ya
existe por naturaleza propia? Es como inventar la pera virtual pudiendo
comerme la verdadera.
Si lo hago por truco (javascript) lo hago más limpio entonces: le digo que
al hacer mouseover reemplace el backgroundImage y lo vuelva a reemplazar con
el mouseuot... ;-)
¡¡¡Pero yo no quiero hacerlo con Javacript!!! Porque eso sería para mí lo
más fácil y quiero resolverlo todo con CSS. Bueno, al menos, ese es el
espíritu de esta lista, ¿no?
Con Javascript puedo hacerlo inclusive con CLASS e ID indistintamente con
unos bobos códigos de 1 sola línea inventados por mi y compatibles con
Firefox, Opera, Explorer 6, 7... Pero repito: creía que se podía hacerse con
CLASS tanto como con ID pero parece que ese día los cráneos del W3C
estaban mirando una mariposilla... ¡snif!
De todos modos gracias por el código, los consejos y las recomendaciones. Y
como gentileza, va mi engendro para quien lo desee aprovechar:
html
head
titleCambios de fondo (hasta suena revolucionario)/title
style type=text/css
!--
#etiqueta, .etiqueta1 {background-image:
url(imagenes/fondo-lenguetas-1.gif); width: 70px; height: 25px}
.etiqueta2 {background-image: url(imagenes/fondo-lenguetas-2.gif); width:
70px; height: 25px}
--
/style
script type=text/javascript
function cambioFondo(nombre,ruta){
document.getElementById(nombre).style.backgroundImage=url(+ruta+)
}
function cambioClase(nombre,clase){
document.getElementById(nombre).className=clase
}
/script
/head
body
div
id=etiquetaonmouseover=cambioFondo('etiqueta','imagenes/fondo-lenguetas-2.gif');
onmouseout=cambioFondo('etiqueta','imagenes/fondo-lenguetas-1.gif')CON
ID/div
div id=esta class=etiqueta1
onmouseover=cambioClase('esta','etiqueta2');
onmouseout=cambioClase('esta','etiqueta1')CON CLASS/div
/body
/html
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 5:25 PM
Subject: Re: [Ovillo] comportamiento hover
No entiendo exactamente a que te refieres el script lo único que hace es
emular el comportamiento hover en IE6, en IE7 va bien sin el script
pero en IE6 no se acepta este comportamiento cualquier otro elemento que
no sea un a esa es la función del script emular este comportamiento
en IE6 si me pudieras explicar un poco mejor lo del id ^^ tal ves
podríamos adaptarlo para que se ajuste mas a tus necesidades ^^
LISTAS escribió:
Gracias. Pero hete aquí un detalle: si va a funcionar por medio de ID, no
hace falta un javascript ya que el ID es común a todos los navegadores,
ergo: mayor accesibilidad y menores recursos. El truco estaría bueno si lo
hiciese con CLASS, y no lo hace... :(
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 3:48 PM
Subject: Re: [Ovillo] comportamiento hover
Pues yo lo que te recomiendo es que lo hagas usando javascript para que
funcione en IE6 ya que para IE la pseudo clase hover solo existe en los
vínculos a quedaría de esta manera:
EL CSS:
style type=text/css
#IMGHover { /*Identificador de la capa que hace el hover */
width: 200px;/*Especifico el tamaño del div para que no se pase de
las dimenciones visibles de la imagen en este caso 200x200px*/
height: 200px;
background-image: url(bg.jpg);/*Ponemos la imagen que se puede ver
abajo */
background-position: top;/* especificamos la posicion de la imagen
del fondo */
background-repeat:no-repeat;/* por si las dudas le decimos ke no
repita el fondo */
}
#IMGHover:hover, #IMGHover.over {/* aqui esta la magia ponemos la pseudo
clase :hover para mozilla IE7 y le ponemos la clase over para IE esta
sera reemplazada por DOM con javascript */
background-position: bottom; /* esto es lo que hace que la imagen
cambie en este caso solo cambiamos la posicion de la imagen para que se
vea la parte de abajo*/
}
/style
EL JavaScript:
// JavaScript Document
startList = function() {// modifique el script de suckerfish para que
funcione con esta div ^^
if(document.alldocument.getElementById){// checamos que se trate de
IE
overDiv = document.getElementById(IMGHover);//Obtenemos la
div ^^
overDiv.onmouseover = function() {//cuando pasen el mouse sobre
la div...
this.className += over;//le agregamos una clase en este
caso over que es la que especificamos en css
}
overDiv.onmouseout = function() {//cuando el mouse salga de la
div...
this.className = this.className.replace( over,);//le
quitamos la clase ^^
}
}
}
window.onload=startList;//cuando la cargue la pagina ^^ ejecutar la
funcion xD
El HTML:
div id=IMGHover/div
y pues bueno para que veas como funciona lo colgué en geocities Jeje
allí puedes ver el código fuente para entender mejor su
Re: [Ovillo] comportamiento hover
Bueno... yo solo quería ayudar disculpa si te moleste con mi inutil
javascript ...
LISTAS escribió:
¡Oh, sí, claro! Me refiero a lo siguiente: ¿para qué emular algo que ya
existe por naturaleza propia? Es como inventar la pera virtual pudiendo
comerme la verdadera.
Si lo hago por truco (javascript) lo hago más limpio entonces: le digo que
al hacer mouseover reemplace el backgroundImage y lo vuelva a reemplazar con
el mouseuot... ;-)
¡¡¡Pero yo no quiero hacerlo con Javacript!!! Porque eso sería para mí lo
más fácil y quiero resolverlo todo con CSS. Bueno, al menos, ese es el
espíritu de esta lista, ¿no?
Con Javascript puedo hacerlo inclusive con CLASS e ID indistintamente con
unos bobos códigos de 1 sola línea inventados por mi y compatibles con
Firefox, Opera, Explorer 6, 7... Pero repito: creía que se podía hacerse con
CLASS tanto como con ID pero parece que ese día los cráneos del W3C
estaban mirando una mariposilla... ¡snif!
De todos modos gracias por el código, los consejos y las recomendaciones. Y
como gentileza, va mi engendro para quien lo desee aprovechar:
html
head
titleCambios de fondo (hasta suena revolucionario)/title
style type=text/css
!--
#etiqueta, .etiqueta1 {background-image:
url(imagenes/fondo-lenguetas-1.gif); width: 70px; height: 25px}
.etiqueta2 {background-image: url(imagenes/fondo-lenguetas-2.gif); width:
70px; height: 25px}
--
/style
script type=text/javascript
function cambioFondo(nombre,ruta){
document.getElementById(nombre).style.backgroundImage=url(+ruta+)
}
function cambioClase(nombre,clase){
document.getElementById(nombre).className=clase
}
/script
/head
body
div
id=etiquetaonmouseover=cambioFondo('etiqueta','imagenes/fondo-lenguetas-2.gif');
onmouseout=cambioFondo('etiqueta','imagenes/fondo-lenguetas-1.gif')CON
ID/div
div id=esta class=etiqueta1
onmouseover=cambioClase('esta','etiqueta2');
onmouseout=cambioClase('esta','etiqueta1')CON CLASS/div
/body
/html
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 5:25 PM
Subject: Re: [Ovillo] comportamiento hover
No entiendo exactamente a que te refieres el script lo único que hace es
emular el comportamiento hover en IE6, en IE7 va bien sin el script
pero en IE6 no se acepta este comportamiento cualquier otro elemento que
no sea un a esa es la función del script emular este comportamiento
en IE6 si me pudieras explicar un poco mejor lo del id ^^ tal ves
podríamos adaptarlo para que se ajuste mas a tus necesidades ^^
LISTAS escribió:
Gracias. Pero hete aquí un detalle: si va a funcionar por medio de ID, no
hace falta un javascript ya que el ID es común a todos los navegadores,
ergo: mayor accesibilidad y menores recursos. El truco estaría bueno si lo
hiciese con CLASS, y no lo hace... :(
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 3:48 PM
Subject: Re: [Ovillo] comportamiento hover
Pues yo lo que te recomiendo es que lo hagas usando javascript para que
funcione en IE6 ya que para IE la pseudo clase hover solo existe en los
vínculos a quedaría de esta manera:
EL CSS:
style type=text/css
#IMGHover { /*Identificador de la capa que hace el hover */
width: 200px;/*Especifico el tamaño del div para que no se pase de
las dimenciones visibles de la imagen en este caso 200x200px*/
height: 200px;
background-image: url(bg.jpg);/*Ponemos la imagen que se puede ver
abajo */
background-position: top;/* especificamos la posicion de la imagen
del fondo */
background-repeat:no-repeat;/* por si las dudas le decimos ke no
repita el fondo */
}
#IMGHover:hover, #IMGHover.over {/* aqui esta la magia ponemos la pseudo
clase :hover para mozilla IE7 y le ponemos la clase over para IE esta
sera reemplazada por DOM con javascript */
background-position: bottom; /* esto es lo que hace que la imagen
cambie en este caso solo cambiamos la posicion de la imagen para que se
vea la parte de abajo*/
}
/style
EL JavaScript:
// JavaScript Document
startList = function() {// modifique el script de suckerfish para que
funcione con esta div ^^
if(document.alldocument.getElementById){// checamos que se trate de
IE
overDiv = document.getElementById(IMGHover);//Obtenemos la
div ^^
overDiv.onmouseover = function() {//cuando pasen el mouse sobre
la div...
this.className += over;//le agregamos una clase en este
caso over que es la que especificamos en css
}
overDiv.onmouseout = function() {//cuando el mouse salga de la
div...
this.className = this.className.replace( over,);//le
quitamos la clase ^^
}
}
}
window.onload=startList;//cuando la cargue la pagina ^^ ejecutar la
funcion xD
[Ovillo] No descargar PDF adjunto
Esto es una advertencia CRITICA: Desde hace un tiempo a esta parte me están llegando (y cada vez más) correos con archivos adjuntos con extensión PDF. Si a alguno le llega algo así, ¡¡¡no lo abra que es un virus!!! Para leer más, poner virus pdf en sus buscadores favoritos (yo no les hago propaganda, je). A.V.W. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] comportamiento hover
No hombre, tu ayuda es bienvenida, ¡¡¡siempre!!! Para mí y para cualquiera.
Permítete las observaciones de toda calaña y crecerás como un roble. Yo sólo
respondí a tu pregunta, con humor pero sin ánimo de ofensa (a mi edad
considero que el humor es lo único que puede rescatarnos, inclusive, de las
ofensas). Eso sí: casi-casi me contestaste antes de enviarte mi correo.
¿Eres dedos-rápidos en el teclado, ¡eh...!?
Por otro lado, no me molestaste con tu inútil código. No hay códigos
inútiles. Hay inútiles y códigos. Y códigos entre inútiles e
inútiles que hablan en código, ja. Pero ningún código es inútil porque un
código de programación es algo que SIEMPRE dependerá de otros, es algo que
se construye de modo COLECTIVO. Internet es un fenómeno colectivo, ¡vaya!
¿O acaso todos nacimos sabiendo y vamos por la vida de uno en uno? Sin ti yo
no sería nada y sin mi, tú tampoco, creo. Por eso estamos en esta lista
compartiendo ignorancia y conocimiento y creciendo juntos. Y no estamos
solos, ni ahí...
Yo hice esas 2 tontas líneas de código copiando partes de un código
inútil que sólo funcionaba en Explorer. Pero ese código me inspiró para
hacerlo crossbrowser, de modo que no fue tan inútil como parecía a simple
vista. Bueno, basta de jaleo que ya me estoy poniendo cursi... Bay, bay y
gracias por colaborar.
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 7:32 PM
Subject: Re: [Ovillo] comportamiento hover
Bueno... yo solo quería ayudar disculpa si te moleste con mi inutil
javascript ...
LISTAS escribió:
¡Oh, sí, claro! Me refiero a lo siguiente: ¿para qué emular algo que ya
existe por naturaleza propia? Es como inventar la pera virtual pudiendo
comerme la verdadera.
Si lo hago por truco (javascript) lo hago más limpio entonces: le digo que
al hacer mouseover reemplace el backgroundImage y lo vuelva a reemplazar
con
el mouseuot... ;-)
¡¡¡Pero yo no quiero hacerlo con Javacript!!! Porque eso sería para mí lo
más fácil y quiero resolverlo todo con CSS. Bueno, al menos, ese es el
espíritu de esta lista, ¿no?
Con Javascript puedo hacerlo inclusive con CLASS e ID indistintamente con
unos bobos códigos de 1 sola línea inventados por mi y compatibles con
Firefox, Opera, Explorer 6, 7... Pero repito: creía que se podía hacerse
con
CLASS tanto como con ID pero parece que ese día los cráneos del W3C
estaban mirando una mariposilla... ¡snif!
De todos modos gracias por el código, los consejos y las recomendaciones.
Y
como gentileza, va mi engendro para quien lo desee aprovechar:
html
head
titleCambios de fondo (hasta suena revolucionario)/title
style type=text/css
!--
#etiqueta, .etiqueta1 {background-image:
url(imagenes/fondo-lenguetas-1.gif); width: 70px; height: 25px}
.etiqueta2 {background-image: url(imagenes/fondo-lenguetas-2.gif); width:
70px; height: 25px}
--
/style
script type=text/javascript
function cambioFondo(nombre,ruta){
document.getElementById(nombre).style.backgroundImage=url(+ruta+)
}
function cambioClase(nombre,clase){
document.getElementById(nombre).className=clase
}
/script
/head
body
div
id=etiquetaonmouseover=cambioFondo('etiqueta','imagenes/fondo-lenguetas-2.gif');
onmouseout=cambioFondo('etiqueta','imagenes/fondo-lenguetas-1.gif')CON
ID/div
div id=esta class=etiqueta1
onmouseover=cambioClase('esta','etiqueta2');
onmouseout=cambioClase('esta','etiqueta1')CON CLASS/div
/body
/html
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 5:25 PM
Subject: Re: [Ovillo] comportamiento hover
No entiendo exactamente a que te refieres el script lo único que hace es
emular el comportamiento hover en IE6, en IE7 va bien sin el script
pero en IE6 no se acepta este comportamiento cualquier otro elemento que
no sea un a esa es la función del script emular este comportamiento
en IE6 si me pudieras explicar un poco mejor lo del id ^^ tal ves
podríamos adaptarlo para que se ajuste mas a tus necesidades ^^
LISTAS escribió:
Gracias. Pero hete aquí un detalle: si va a funcionar por medio de ID, no
hace falta un javascript ya que el ID es común a todos los navegadores,
ergo: mayor accesibilidad y menores recursos. El truco estaría bueno si
lo
hiciese con CLASS, y no lo hace... :(
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 3:48 PM
Subject: Re: [Ovillo] comportamiento hover
Pues yo lo que te recomiendo es que lo hagas usando javascript para que
funcione en IE6 ya que para IE la pseudo clase hover solo existe en los
vínculos a quedaría de esta manera:
EL CSS:
style type=text/css
#IMGHover { /*Identificador de la capa que hace el hover */
width:
Re: [Ovillo] No descargar PDF adjunto
Gracias por la sugerencia pero... en esta lista y a estas alturas, ¿a quien se le puede ocurrir abrir archivos adjuntos en correos de desconocidos? puff! -- Miguel Flores Franco Pixelperú - Arte y diseño web basado en estándares http://www.pixelperu.net . http://www.limanetwork.com Telf.: (1) 567 7475 . Cel.93928921 Messenger: [EMAIL PROTECTED] El que no se equivoca nunca, es porque nunca hace nada. - Original Message - From: LISTAS [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, August 16, 2007 5:32 PM Subject: [Ovillo] No descargar PDF adjunto Esto es una advertencia CRITICA: Desde hace un tiempo a esta parte me están llegando (y cada vez más) correos con archivos adjuntos con extensión PDF. Si a alguno le llega algo así, ¡¡¡no lo abra que es un virus!!! Para leer más, poner virus pdf en sus buscadores favoritos (yo no les hago propaganda, je). A.V.W. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] comportamiento hover
Jeje no soy dedos rápidos es solo que como estoy de vacaciones(no hay
proyectos ke hacer T_T) tengo abierto el thunderbird y pues ando viendo
en que puedo ayudar o que sale en las listas para entretenerme jeje^^ y
pues perdon el malentendido como ke los símbolos de exclamación !! se me
figuran gritos jeje y pues para que esto no sea offtopic... pues a mi
modo de ver las cosas tienes razon porque emular algo que existe por
naturaleza propia ... lo mismo le pregunto a mocosoft con IE6... pero
bueno... ya habrá alguna solución de mientras le pregunto a google haber
ke me dice jeje ke ya me dejaste la duda xD
LISTAS escribió:
No hombre, tu ayuda es bienvenida, ¡¡¡siempre!!! Para mí y para cualquiera.
Permítete las observaciones de toda calaña y crecerás como un roble. Yo sólo
respondí a tu pregunta, con humor pero sin ánimo de ofensa (a mi edad
considero que el humor es lo único que puede rescatarnos, inclusive, de las
ofensas). Eso sí: casi-casi me contestaste antes de enviarte mi correo.
¿Eres dedos-rápidos en el teclado, ¡eh...!?
Por otro lado, no me molestaste con tu inútil código. No hay códigos
inútiles. Hay inútiles y códigos. Y códigos entre inútiles e
inútiles que hablan en código, ja. Pero ningún código es inútil porque un
código de programación es algo que SIEMPRE dependerá de otros, es algo que
se construye de modo COLECTIVO. Internet es un fenómeno colectivo, ¡vaya!
¿O acaso todos nacimos sabiendo y vamos por la vida de uno en uno? Sin ti yo
no sería nada y sin mi, tú tampoco, creo. Por eso estamos en esta lista
compartiendo ignorancia y conocimiento y creciendo juntos. Y no estamos
solos, ni ahí...
Yo hice esas 2 tontas líneas de código copiando partes de un código
inútil que sólo funcionaba en Explorer. Pero ese código me inspiró para
hacerlo crossbrowser, de modo que no fue tan inútil como parecía a simple
vista. Bueno, basta de jaleo que ya me estoy poniendo cursi... Bay, bay y
gracias por colaborar.
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 7:32 PM
Subject: Re: [Ovillo] comportamiento hover
Bueno... yo solo quería ayudar disculpa si te moleste con mi inutil
javascript ...
LISTAS escribió:
¡Oh, sí, claro! Me refiero a lo siguiente: ¿para qué emular algo que ya
existe por naturaleza propia? Es como inventar la pera virtual pudiendo
comerme la verdadera.
Si lo hago por truco (javascript) lo hago más limpio entonces: le digo que
al hacer mouseover reemplace el backgroundImage y lo vuelva a reemplazar
con
el mouseuot... ;-)
¡¡¡Pero yo no quiero hacerlo con Javacript!!! Porque eso sería para mí lo
más fácil y quiero resolverlo todo con CSS. Bueno, al menos, ese es el
espíritu de esta lista, ¿no?
Con Javascript puedo hacerlo inclusive con CLASS e ID indistintamente con
unos bobos códigos de 1 sola línea inventados por mi y compatibles con
Firefox, Opera, Explorer 6, 7... Pero repito: creía que se podía hacerse
con
CLASS tanto como con ID pero parece que ese día los cráneos del W3C
estaban mirando una mariposilla... ¡snif!
De todos modos gracias por el código, los consejos y las recomendaciones.
Y
como gentileza, va mi engendro para quien lo desee aprovechar:
html
head
titleCambios de fondo (hasta suena revolucionario)/title
style type=text/css
!--
#etiqueta, .etiqueta1 {background-image:
url(imagenes/fondo-lenguetas-1.gif); width: 70px; height: 25px}
.etiqueta2 {background-image: url(imagenes/fondo-lenguetas-2.gif); width:
70px; height: 25px}
--
/style
script type=text/javascript
function cambioFondo(nombre,ruta){
document.getElementById(nombre).style.backgroundImage=url(+ruta+)
}
function cambioClase(nombre,clase){
document.getElementById(nombre).className=clase
}
/script
/head
body
div
id=etiquetaonmouseover=cambioFondo('etiqueta','imagenes/fondo-lenguetas-2.gif');
onmouseout=cambioFondo('etiqueta','imagenes/fondo-lenguetas-1.gif')CON
ID/div
div id=esta class=etiqueta1
onmouseover=cambioClase('esta','etiqueta2');
onmouseout=cambioClase('esta','etiqueta1')CON CLASS/div
/body
/html
A.V.W.
- Original Message -
From: final20 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, August 16, 2007 5:25 PM
Subject: Re: [Ovillo] comportamiento hover
No entiendo exactamente a que te refieres el script lo único que hace es
emular el comportamiento hover en IE6, en IE7 va bien sin el script
pero en IE6 no se acepta este comportamiento cualquier otro elemento que
no sea un a esa es la función del script emular este comportamiento
en IE6 si me pudieras explicar un poco mejor lo del id ^^ tal ves
podríamos adaptarlo para que se ajuste mas a tus necesidades ^^
LISTAS escribió:
Gracias. Pero hete aquí un detalle: si va a funcionar por medio de ID, no
hace falta un javascript ya que el ID
