Re: [Ovillo] (OT) ¿conviene aprender joomla?
Muchas gracias por la información ^^ pues creo que me quedare con joomla! y le dejare drupal al programador que trabaja conmigo una cosa mas si no es mucho pedir conocen algún buen manual para la creación de plantillas de joomla!? la documentación oficial (por lo menos en español) no es for dummies :S :P ^^ saludos y Gracias ^^ Fernando Seves escribió: Hola Jordi, Estoy muy interesado en aprender Drupal. Me podrias recomendar alguna pagina de documentacion o libro? un saludo y muchas gracias El día 24/10/07, Jordi Bufí Caballero [EMAIL PROTECTED] escribió: Nosotros en Neurotic trabajamos con Drupal y no hemos tenido problemas con los temas. Puedes ver algunos ejemplos de trabajos en fase beta: http://www.eternalfight.com http://www.1001solares.es http://www.vectigalis.eu y otros ya en funcionamiento http://www.raquetbol.cat http://www.antiquariamalda.com/ http://www.boavida.net Algunas son de hace un tiempo o nos dieron el diseño a implementar así que no lo tengáis en cuenta xD Sobre Joomla, ya dije anteriormente en la lista que sólo he hecho 1 proyecto (y a nivel personal) y tuve demasiados problemas para hacer que escupa código estándar (no sé si lo han solucionado en las últimas versiones) En la empresa estamos muy contentos con Drupal y, de hecho, estamos haciendo proyectos de cierta envergadura con este CMS/framework. Espero que esto ayude aunque sea un poquito :P Jordi - Neurotic El mié, 24-10-2007 a las 14:21 +0200, Tei escribió: tal como yo lo veo hay dos cms optimos: drupal y posiblemente joomla. drupal es en realidad un framework, asi que si ofrece mucha flexibilidad, pero si no eres programador, pues igual no es lo tuyo. joomla es solo un CMS, que viene solo con cientos de modulos y expansiones. Si eres programador, igual no es lo tuyo. Y funciona por Seccion/Categoria que yo creo es una taxonomia obsoleta. Pero si lo tuyo es reducir la complejidad eliminando la flexibilidad, pues joomla parece ser lo que ofrece. mirando el codigo, pues creo que ambos son buenos, y no esa chapuza que es phpnuke. Es muy facil hacer themes para joomla. En drupal he tenido mas problemas para hacer themes. Pero quizas es mala suerte. ademas de todo esto, si usas drupal eres automaticamente guay. y si eres debianita, practicamente no hay otra opcion. Joomla es mas como para gente que usa Mandriva y cosas asi. (nota: es broma :D ) On 10/24/07, final20 [EMAIL PROTECTED] wrote: Hola de nuevo ya tiene tiempo que no escribo en la lista y pues para variar escribo para preguntar -_- aunque esta duda es algo offtopic pues no se me ocurre preguntar mas que a los expertos de la lista mi pregunta es ¿conviene aprender a usar joomla? y ¿y que tan amigable es a la hora de hacer templates?(generalmente me gusta hacer las templates por separado y luego adaptarlas al sistema...) bueno fueron 2 preguntas no una -_-UU! espero respuesta de antemano muchas gracias ^^ -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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 ___ 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 -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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
[Ovillo] (OT) ¿conviene aprender joomla?
Hola de nuevo ya tiene tiempo que no escribo en la lista y pues para variar escribo para preguntar -_- aunque esta duda es algo offtopic pues no se me ocurre preguntar mas que a los expertos de la lista mi pregunta es ¿conviene aprender a usar joomla? y ¿y que tan amigable es a la hora de hacer templates?(generalmente me gusta hacer las templates por separado y luego adaptarlas al sistema...) bueno fueron 2 preguntas no una -_-UU! espero respuesta de antemano muchas gracias ^^ -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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] Bug 3 PX en IE6
Mmmm.. y si haces 2 estilos? uno para firefox y uno condicional para IE?
por ejemplo:
!--[if lt IE 7.]
link href=ie.css rel=stylesheet type=text/css /
![endif]--
así mantienes tu hoja de estilos para firefox y solo agregas los cambios
para que se vea bien en FF
Belen Zumalacarregui escribió:
lo gracioso es que en IE 6 y 7 funciona perfecto pero no en FF, por
hoy lo dejo con width en porcentajes, y todas las capas flotando a la
izq que así al menos se ve bien en los 3...
Muchísimas gracias!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
width debería ajustarse al contenido... de todas forma no lo he probado.
Un saludo!
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Tamara: También había probado ponerle un width pero si lo hago, y
cambio la resolución de pantalla a una menor, se desmorona al caja, y
pretendo que se mantenga uniforme independientemente de la
resolución...
Muchas gracias de todas formas!!
El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
Hola Belen,
prueba flotar a la izquierda también la caja:
.iconos .principal {
float:left;
}
Si no se ve bien en FF prueba definirle también un width.
Espero te sirva.
Un saludo,
Tamara
On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
Hola Inmaculada:
El margin y el padding estan a 0, y si las floto a la izquierda las 3,
es raro, pero en FF se ve mal!! Sale cada una por un lado...
Tal vez sea que debería distribuir las capas de otra forma para que de
paso , también pudieran crecer verticalmente si hay más texto..
Muchas gracias por responder!!
Saludos
El 25/09/07, Inmaculada Hidalgo Berni
[EMAIL PROTECTED] escribió:
Hola Belén,
Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas
las
capas
a la izquierda y poner el padding y el margin a 0 en las tres capas.
Venga, ánimo, no desesperes.
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de Belen Zumalacarregui
Enviado el: martes, 25 de septiembre de 2007 17:22
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Bug 3 PX en IE6
Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado
todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno
con
la imagen de fondo del borde redondeado izq, otro con una img de
fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
div class=iconos
div class=top_iconos/divborde izq
div class=bottom_iconos/div--borde derecho
div class=principal/div---texto
/div
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y
otros
3 por la izq?
Muchas gracias
___
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
__ NOD32 2353 (20070625) Information __
This message was checked by NOD32 antivirus system.
http://www.eset.com
___
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
___
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
[Ovillo] Vinculo que no valida...
Hola de nuevo tengo una preguntota... recien en mi blog meti el servicio LiveAlerts el cual es un vinuclo con una imagen con la siguiente dirección: http://signup.alerts.live.com/alerts/login.do?PINID=41393266returnURL=http://www.nxtch-xpression.com/blog/ en el siguiente código... a href=http://signup.alerts.live.com/alerts/login.do?PINID=41393266returnURL=http://www.nxtch-xpression.com/blog/; img src=http://images.alerts.live.com/mcwebsite/graphics/blog/alert_signup_eng.gif; alt=Windows Live Alerts border=0 /a El problema es este... que no valida al parecer el parser de XHTML interpreta r... como una entidad y no como parte de una url y por consiguiente no valida el documento y genera un montonal de errores(ya ke por fin habia echo valido el blog T_T) alguno sabe como puedo solucionarlo?? Aquí esta la url del validador por si quieren echarle un vistazo Gracias ^^ http://validator.w3.org/check?uri=http%3A%2F%2Fwww.nxtch-xpression.com%2Fblog%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0 -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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] Vinculo que no valida...
GENIAL Esa es nueva no me la sabia xD (no para urls xD) Muchas gracias T_T ya soy valido de nuevo xD(por lo menos el home ahora falta afinar detalles de usabilidad xD) Muchas Gracias!!! xD TiNcHo escribió: Hola.. es facil la solucion, reemplaza los por su equivalente en html que si mal no recuerdo es amp; Saludos Martin ___ www.buggiano.com La calidez de un estilo inmobiliario Pdo. de La Costa, Buenos Aires -Argentina- - Mensaje original De: final20 [EMAIL PROTECTED] Para: Lista CSS ovillo@lists.ovillo.org Enviado: viernes 21 de septiembre de 2007, 14:55:54 Asunto: [Ovillo] Vinculo que no valida... Hola de nuevo tengo una preguntota... recien en mi blog meti el servicio LiveAlerts el cual es un vinuclo con una imagen con la siguiente dirección: http://signup.alerts.live.com/alerts/login.do?PINID=41393266returnURL=http://www.nxtch-xpression.com/blog/ en el siguiente código... a href=http://signup.alerts.live.com/alerts/login.do?PINID=41393266returnURL=http://www.nxtch-xpression.com/blog/;; img src=http://images.alerts.live.com/mcwebsite/graphics/blog/alert_signup_eng.gif;; alt=Windows Live Alerts border=0 /a El problema es este... que no valida al parecer el parser de XHTML interpreta r... como una entidad y no como parte de una url y por consiguiente no valida el documento y genera un montonal de errores(ya ke por fin habia echo valido el blog T_T) alguno sabe como puedo solucionarlo?? Aquí esta la url del validador por si quieren echarle un vistazo Gracias ^^ http://validator.w3.org/check?uri=http%3A%2F%2Fwww.nxtch-xpression.com%2Fblog%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0 -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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] Problema con espaciado vertical en Firefox
Juan Jorge Muñoz Herrero escribió:
Claro jaume, así también lo hace él, sé más específico que no te cuesta
trabajo hombre... ;D
eran las listas, ul{margin:0;} tan simple como eso, los valores de
inicialización de las hojas de estilos son diferentes entre los navegadores,
te recomiendo que utilices hojas de inicialización de estilos y a partir de
ahí te pongas a trabajar. Y además que vayas testeando lo que haces en
diversos navegadores de forma simultánea, te ahorrarás trabajo y quebraderos
de cabeza. (ojo porque ese mismo problema lo tendrás seguramente con las
etiquetas h1, h2, etc...
El día 20/09/07, jaume op [EMAIL PROTECTED] escribió:
Prueba de nuevo igual escribiste mal,
*{margin:0; padding:0;}
esto resetea todo, yo probe y bien
El día 20/09/07, manu arkaninger [EMAIL PROTECTED] escribió:
Hola listeros,
tengo un problema con el CSS de una web, me deja unos espacios blancos
raros verticales entre DIVs, cosa que no ocurre en Explorer.
He buscado alguna info por google pero no fui capaz de encontrar nada
útil. También probé poniendo padding y margin a 0, pero se queda igual.
La página en cuestión está en
http://arkaninger.proyectoanonimo.com/cementos/esquema.html
y los espacios negros son los que no deberían verse (todos los DIV de
colores deberían estar pegados), que es la capa #content
De hecho el footer debería terminar donde ahora mismo termina el negro.
¿Alguien puede echarme una mano?
Gracias y un saludo!
-
Sé un Mejor Amante del Cine
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!.
___
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
Prueba con
div id=footer
ul style=margin-top: 0px;
li class=listamenuCopyrigt 2007 Todos los derechos
reservados/li
li class=listamenuContacto/li
li class=listamenuPrivacidad y uso/li
/ul
/div
(Genial no sabia ke con el firebug podia modificar las css tmb ^^)
Puedes crearle una clase lo puse así para probar...
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/
___
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] Problema con espaciado vertical en Firefox
jejej sep ya se xD nada mas fue por hacerlo a las prisas ^^ corrijo intenta:
ul { margin-top: 0px; }
jeje ^^
Juan Jorge Muñoz Herrero escribió:
bueno en realidad esto ( style=margin-top: 0px;) no es recomendable a
menos que sea totalmente necesario por razones ajenas a uno mismo, así que
mejor definirlo correctamente en la hoja de estilos.
El día 20/09/07, final20 [EMAIL PROTECTED] escribió:
Juan Jorge Muñoz Herrero escribió:
Claro jaume, así también lo hace él, sé más específico que no te cuesta
trabajo hombre... ;D
eran las listas, ul{margin:0;} tan simple como eso, los valores de
inicialización de las hojas de estilos son diferentes entre los
navegadores,
te recomiendo que utilices hojas de inicialización de estilos y a partir
de
ahí te pongas a trabajar. Y además que vayas testeando lo que haces en
diversos navegadores de forma simultánea, te ahorrarás trabajo y
quebraderos
de cabeza. (ojo porque ese mismo problema lo tendrás seguramente con las
etiquetas h1, h2, etc...
El día 20/09/07, jaume op [EMAIL PROTECTED] escribió:
Prueba de nuevo igual escribiste mal,
*{margin:0; padding:0;}
esto resetea todo, yo probe y bien
El día 20/09/07, manu arkaninger [EMAIL PROTECTED] escribió:
Hola listeros,
tengo un problema con el CSS de una web, me deja unos espacios blancos
raros verticales entre DIVs, cosa que no ocurre en Explorer.
He buscado alguna info por google pero no fui capaz de encontrar nada
útil. También probé poniendo padding y margin a 0, pero se queda
igual.
La página en cuestión está en
http://arkaninger.proyectoanonimo.com/cementos/esquema.html
y los espacios negros son los que no deberían verse (todos los DIV de
colores deberían estar pegados), que es la capa #content
De hecho el footer debería terminar donde ahora mismo termina el
negro.
¿Alguien puede echarme una mano?
Gracias y un saludo!
-
Sé un Mejor Amante del Cine
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!.
___
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
Prueba con
div id=footer
ul style=margin-top: 0px;
li class=listamenuCopyrigt 2007 Todos los derechos
reservados/li
li class=listamenuContacto/li
li class=listamenuPrivacidad y uso/li
/ul
/div
(Genial no sabia ke con el firebug podia modificar las css tmb ^^)
Puedes crearle una clase lo puse así para probar...
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/
___
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
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/
___
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] ¿ID o Class que elegir?
Exactamente esa es la razón de mi pregunta ^^ la semántica, apenas llevo 6 meses maquetando en css se que aun me falta mucho por aprender pero quiero evitar ese tipo de errores ^^ gracias xD SkuNk escribió: El día 16/09/07, final20 [EMAIL PROTECTED] escribió: Gracias por la explicación En breve responderé a sus inquietudes. jeje xD ya me quedo mas claro el asunto de momento me quedo mas con la idea de utilizar id para elementos que solo se mostraran una sola ves javascript y vinculos ^^ y class para las que se muestran muchas veces (se me hace mas comodo) de nuevo muchas gracias por todas sus explicaciones ^^ stripTM escribió: Luis Valenzuela escribió: Pues ID lo puedes aplicar a cualqier etiqeta y class podrias ponerlo como div.nombreClase por ejemplo y seria solo para divs, ademas de que he leido de Clases heredables en Css, pero no se mucho al respecto. Tanto id como class se pueden aplicar a cualquier etiqueta, la sintaxis en el css es que los class se escribe como .nombreDeClase y los id #nombreDeId Luego como agrupes los selectores depende de lo que quieras y es tan válido p.miClase como p#miId Una etiqueta puede llevar varios class (se separan por espacios) mientras que id es uno o ninguno. Más información http://www.sidar.org/recur/desdi/traduc/es/css/selector.html -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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 De hecho DEBES procurar que el mismo id no se repita nunca en la página, y en caso de que un bloque vaya repetirse, utilizar una clase en su lugar para darle formato. Un ejemplo común seria un listado de noticias, lo que podría construirse de la siguiente forma: div id=noticias div class=noticia span class=titulo/span img/ a href=enlace/a /div /div Ya sé que esto ya se ha comentado varias veces, pero no viene de más dejarlo bien claro para que no se cometan estos tipicos errores, y para que los que todavía no usan identificadores para maquetar con CSS, se atrevan a problarlos, ya que estoy harto de ver las abundantes páginas con hojas de estilos definidos únicamente por clases a saco y sin sentido, ni semántico ni lógico. -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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] Critiquen mi blog
etc y pues no creo que ese sea el fin de estos espacios sino ayudar en lo que se pueda y mejorar Gracias a todos ^^ P.D. Espero que haberme extendido tanto en este mensaje pero creí bastante importante responder a sus mensajes por desgracia solo pude responder a los que me parecieron mas importantes pero no por eso le resto importancia a los otros comentarios pero imaginen si respongo a cada uno O.O que mensajote!! jejeje Saludos!! carlos campderrós escribió: On 9/17/07, final20 [EMAIL PROTECTED] wrote: Hola como están recientemente estoy finalizando los últimos detalles en mi blog y me gustaria que le echen un vistaso y me den su opinión y criticas sobre el mismo ^^ escritura accesibilidad problemas etc etc solamente para evitar malos entendidos y a riesgo de parecer payaso les pido que sigan las siguientes reglas ^^U: Sólo un pequeño problema: la cabecera no enlaza a la home de tu blog. Aunque hay el enlace de 'inicio' justo encima, lo habitual es q almenos el logo enlace ahí. Y otro problema de última hora: no valida. No he mirado mucho más, pero a primera vista, una vez valide, parece buen trabajo. -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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] ¿ID o Class que elegir?
Gracias por la explicación En breve responderé a sus inquietudes. jeje xD ya me quedo mas claro el asunto de momento me quedo mas con la idea de utilizar id para elementos que solo se mostraran una sola ves javascript y vinculos ^^ y class para las que se muestran muchas veces (se me hace mas comodo) de nuevo muchas gracias por todas sus explicaciones ^^ stripTM escribió: Luis Valenzuela escribió: Pues ID lo puedes aplicar a cualqier etiqeta y class podrias ponerlo como div.nombreClase por ejemplo y seria solo para divs, ademas de que he leido de Clases heredables en Css, pero no se mucho al respecto. Tanto id como class se pueden aplicar a cualquier etiqueta, la sintaxis en el css es que los class se escribe como .nombreDeClase y los id #nombreDeId Luego como agrupes los selectores depende de lo que quieras y es tan válido p.miClase como p#miId Una etiqueta puede llevar varios class (se separan por espacios) mientras que id es uno o ninguno. Más información http://www.sidar.org/recur/desdi/traduc/es/css/selector.html -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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
[Ovillo] Critiquen mi blog
Hola como están recientemente estoy finalizando los últimos detalles en mi blog y me gustaria que le echen un vistaso y me den su opinión y criticas sobre el mismo ^^ escritura accesibilidad problemas etc etc solamente para evitar malos entendidos y a riesgo de parecer payaso les pido que sigan las siguientes reglas ^^U: 1. Ante todo Respeto, debemos recordar que en internet al ser un medio inpersonal podemos ser muy crueles al olvidarnos que el que esta al otro lado es un ser humano como nosotros con sentimientos y sueños, asi que evitemos ese tipo de comentarios y cosas ^^ 2. Criticas constructivas por favor nada de criticas como: tu blog no sirve para nada y cosas por el estilo que no nos llevan a nada. 3. Si creen que algo esta mal o no debe ir en alguna parte me gustaría que pusieran el porque ya que aun estoy aprendiendo y pues ayudaría mucho a mi desarrollo como diseñador tragico y web el saber el porque de las cosas ^^. 4. Si les parece interesante el contenido... o de plano de blogger me muero de hambre (y si se puede consejos para poner pan en mi mesa jejejeje ^^) 5. Nada de criticas sin fundamentos ^^ 6. Enjoy xD y de paso si les agrada algo déjenme un comentario jejejejeje xD(esta es opcional xD pero no estaria mal que mis primeros comentarios fueran de la lista ^^) así que pues espero criticas ^^ aquí les dejo la url (tmb esta en mi firma mi homesite ese no se los pido pk aun no esta terminado xD http://www.nxtch-xpression.com/blog/ de antemano gracias ^^ -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/ ___ 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] Critiquen mi blog
Lore escribió:
Hola!
No una experta para opinar, pero me ha gustado el diseño, los contenidos
están interesantes... sólo te pediría que revisaras la ortografía... en el
cuadro rojo que aparece en las secciones de portafolios, servicios... dice
conosca y debería ser conozca...
Otro pqueño error de tipeo en portafolio:
El tarjetero digital esta diseñado para visualizar con un zoom sus tarjetas
de presentacionadems (aqui pondr{ia un punto o una coma...) contamos con
una lista completa de diferentes rubros y el usuario podra tener acceso a el
diseño e informacion de su tarjeta
Por favor, no lo tomes a mal, solo pretendo colaborar :)
Ánimo, creo que vas por buen camino :)
Me encantó el logo y la ilustración.
Saludos
Lore
___
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
No te preocupes ^^ mi homepage esta en trabajo estoy resolviendo todas
esas cosas por eso me centre en la critica del blog que es el que esta
parcialmente terminado una ves ke este este bien pasare a revisar todos
los demás pendientes ^^ aun asi gracias ^^ pongo esos horrores de
ortografia en mi lista de to-do's xD
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/
___
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
[Ovillo] ¿ID o Class que elegir?
Durante ya un buen tiempo tengo esta duda que por desgracia google no ha logrado responder(o es tal ves que yo no he buscado de la forma correcta ahora si le quede mal a mi firma xD)y es cual es la diferencia entre usar id y class y como afecta a esto a la accesibilidad y porque de antemano les agredesco sus respuestas ^^ -- Saludos!! Final 2.0 Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar. Homepage: http://www.nxtch-xpression.com/ Blog: http://www.nxtch-xpression.com/blog/ ___ 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] Problema al posicionar un div en absoluto IE6
Yo lo veo bien en IE6(1280*1024) aunke si hago mas pequeña la ventana si
hay un problema la imagen se encima sobre el titulo te recomendaría que
hicieras los anchos de las capas fijas para no tener esos problemas
algunas veces es preferible una barra de desplazamiento a que se encimen
las imágenes o los parrafos se hagan mas cortos ^^
y para lo del IE6 te recomiendo multiples IE's date una vuelta por aki
^^ http://tredosoft.com/Multiple_IE
luis cruz salanova escribió:
Hola, buenas, hacet iempo que no pasaba por aquí, siento que sea para
preguntar una vez más.
Estoy haciendo el rediño de un blog
(aquí en pruebas: http://www.bidigest.com)
El problema lo tengo con IE6, el div que tngo a la derecha con un vaso tiene
una imagen igual a la q hay en la pestaña de arriba, de manera que al bajar
la pestaña el div se oculta por debajo de la pestaña y hace la ficción al
estar ahí la misma imagen de fondo y en la misma posición de que sigue en el
mismo sitio.
No tengo instalado el IE6 así q no estoy seguro del todo del comportamiento
erroneo q hace :S pero me han dicho q no se ve bien.
Aquí está la hoja de estilos:
http://www.bidigest.com/wp-content/themes/merdeka/style.css
El div de la derecha tiene este estilo:
#fixed{
position:absolute;
width:350px;
height:350px;
top:0px;
right:0px;
background-image: url(images/vasonuevo.jpg);
background-repeat:no-repeat;
background-position:top right;
}
Se os ocurre una solución, hack o lo que sea para que también se vea en IE6?
Un saludo y gracias por anticipado
___
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
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog: http://www.nxtch-xpression.com/blog/
___
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] Problema con solapamiento de capas (z-index) en IE
Rodrigo Álvarez Virgós escribió:
Hola de nuevo
Le encuentro un pequeño fallo, y es que tanto al abrir el mapa como al
cerrarlo, la página se vuelve hacia arriba, lo cual es algo molesto si
quieres ver las tiendas de abajo de la página.
Efectivamente. No lo considero un fallo, pero sí que es incómodo...
Trataré de ajustarlo.
b) Crea una clase con un z-index de la muerte. Digamos, `.z-of-death
{ z-index: choricientosmil; }`. Cuando vayas a mostrar el mapa,
asigna esta clase al LI contenedor. Cuando lo ocultes, quítasela.
He optado por esta opción, y ha resultado :-D gracias
___
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
Encontre otro fallo si le das clic a varios mapas se hace un caos
tremendo ^^ deverias meter un script para que cuando el usuario haga
clic fuera del mapa este se cierre ^^ aki tienes un pantallaso ^^
http://www.pixilive.com/uploads/20070911/pantallaso_mapas.jpg y una cosa
mas ^^ en la tienda en granda no se ve el mapa ^^
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog: http://www.nxtch-xpression.com/blog/
___
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
[Ovillo] SOS tamaño de fuente
Hola una pregunta rapida, por lo general suelo definir los tamaños de las letras en px pero leyendo un poco de accesivilidad y todo eso quiero poner un tamaño relativo al tamaño de letra del explorador para que de esta forma al cambiar el tamaño de letra desde el mismo los cambios se vean reflejados, para esto segun he leido lo mejor es manejar EM como unidad mi pregunta es a cuantos px equivale un EM en IE y en MozillaFirefox o en su defecto cuantos em son 10px para asi poder sacar mis calculos... estoy seguro que lo ley por aki pero no logro encontrarlo de antemano gracias ^^ ___ 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
[Ovillo] Png Transparente
Bueno para empezar muchas gracias con su ayuda con el tamaño de fuentes en este momento me encuentro trabajando en ello, ahora tengo otro problemilla bueno pues resulta que tengo un div con una imagen de background y lo que quiero es poner un logo en ese div para esto hice una imagen gif pero la transparencia es pesima por lo que estoy pensando utilizar un png para esto pero como es bien sabido IE no respeta la transparencia del formato png alguna sujerencia o hack para solucionar esto?? y como podria implementarlo? de antemano gracias ^^ xD Saludos!! ___ 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] Png Transparente
Muchas gracias ya kedo como debe ^^ solo hice unos cambios para los que
les pueda interesar ^^
primero hice un comentario condicional para que la hoja solo se aplique
a versiones anteriores de IE 7
!--[if lt IE 7.]
link href=ie.css rel=stylesheet type=text/css /
![endif]--
y en la css en lugar de poner img puse la class
.png{
behavior: url(iepngfix.htc);
}
ya que lei en un documento que manejarlo por img puede ser algo pesado
para el browser por lo demas segui la guia que me envio Anjel J. Gracias^^
Angel J. Chica escribió:
final20 escribió:
Bueno para empezar muchas gracias con su ayuda con el tamaño de fuentes
en este momento me encuentro trabajando en ello, ahora tengo otro
problemilla bueno pues resulta que tengo un div con una imagen de
background y lo que quiero es poner un logo en ese div para esto hice
una imagen gif pero la transparencia es pesima por lo que estoy pensando
utilizar un png para esto pero como es bien sabido IE no respeta la
transparencia del formato png alguna sujerencia o hack para solucionar
esto?? y como podria implementarlo? de antemano gracias ^^ xD Saludos!!
http://www.anieto2k.com/2007/08/16/otra-solucion-a-los-pngs-transparentes-e-internet-explorer-6/
Salu2.
7
___
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] Valor sem á ntico de la etiqueta div
Juan Jorge Muñoz Herrero escribió: Efectivamente, es para division de contenido, otra cosa es como se use... Estoy harto de ver cosas como div class=menu ul li.../li /ul /div Pero bueno, poco a poco la gente irá tomando las buenas costumbres, aunque todavía hay quien maquete con tablas... Bueno yo estoy chapado a la antigua es mas hace poco que maqueto con css y pues debo aceptar que suelo hacer eso que mencionas arriba y pues bien con el fin de mejorar pues me gustaría pedirles algún documento o manual tutorial etc donde pueda aprender sobre las buenas costumbres la verdad es que he estado buscando sobre usabilidad, accesibilidad etc etc y pues me gustaria aprender mas sobre las buenas costumbres cualquier apunte que tengan pagina informativa(de preferencia en español mi ingles sux xD pero si no hay de otra pos ni modo xD) etc etc sera bien recibida ^^ gracias Saludos ___ 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
Hay voy de metiche otra vez... facil para no subordinar todas las anclas
le pones una clase o id... aunke no se porque dices que no te acepta
hover con class a mi me va bien pero bueno...
a#over {
display:block;
width: 200px;
height: 200px;
background-image:url(bg.jpg);
background-position: top;
background-repeat:no-repeat;
}
a#over:hover {
background-position:bottom;
}
a href=# id=over/a
O con class ke dicen que no funca...
a.over {
display:block;
width: 200px;
height: 200px;
background-image:url(bg.jpg);
background-position: top;
background-repeat:no-repeat;
}
a.over:hover {
background-position:bottom;
}
a href=# class=over/a
LISTAS escribió:
Es verdad, no presté atención... Pero de todos modos, si hago eso,
subordinaré toda ancla al mismo comportamiento, ¿o me equivoco? y sólo
quiero que ocurra en sólo algunos casos.
¡¡¡Vaya bolonqui que armé con esto...!!! Aún cuando ya lo resolví, claro,
pero sigue el jaleo... y con eso se aprende más de lo que se esperaba... :)
A.V.W.
- Original Message -
From: Hernán Beati - SaberWeb.com.ar [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, August 17, 2007 10:57 AM
Subject: Re: [Ovillo] comportamiento hover
LISTAS escribió:
El ancla (A) no admite coordenadas de ancho y alto en Firefox y primos
(Ópera, etc.)... :(
Eso no es cierto, si miras el ejemplo que te dieron vas a notar que le
asignaron una visualización de bloque al elemento A:
a:link {
display:block;
width:200px;
height:200px;
...
}
Todo lo que sea (o haya sido convertido a) bloque puede tener asignado
un ancho y un alto, y se ve bien en todos los navegadores.
Saludos,
Hernán Beati
--
www.saberweb.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
___
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 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] 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
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
[Ovillo] Codificación Firefox (letras acentuad as caracteres especiales...)
Hola como están llevo rato en esta lista (aunque no lo parezca ^^ pero es que a veces hay temas que de plano salen de mis habilidades o cuando si le se ya han sido respondidos) pues bien generalmente uso Mozilla Firefox 2.0.0.6 para desarrollar y navegar mi pregunta es algo que he notado sucede mucho en paginas web con caracteres especiales (acentos ñ's etc etc) y es que no se visualizan correctamente por lo general esto se soluciona cambiando la codificación a occidental iso-8859-1 pues bien la pregunta es como hacer que estos caracteres especiales se visualicen correctamente sin tener que cambiar la codificación? se que es fácil hacer el cambio pero si tomamos en cuenta que muchos usuarios no saben na'a de na'a y que pues dada la popularidad que ha tomado mozilla muchos lo utilizan (aquí en México por ejemplo un amigo monto FireFox en su cafe internet y oculto el IE) por lo que no podrán visualizar correctamente el contenido de una web yo en lo personal utilizo el metodo tradicional para marcar caracteres acentuados (aacute para á etc etc) una técnica que he visto que poco a poco se ha dejado de utilizar... por lo que ya sin mas rodeos voy a mi pregunta... ¿hay alguna otra forma de hacer que los caracteres especiales se muestren de forma correcta sin necesidad de cambiar la codificación del navegador? Bueno eso es todo perdon por el enbrollo y los rodeos lo he escrito como me venia a la mente jeje xD Saludos ^^ PD. aunque no participo mucho en la lista aun ^^ los estoy mirando }:-) y sigo aprendiendo ^^ ___ 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] ¿Qué os parece esta web?
Haber si estoy bien... como novato en esos casos yo suelo hacer esto en lugar de poner todo en la pagina principal o el la zona a tratar lo que hago es poner un breve resumen que llame la atención y sea lo suficientemente entendible y aparte al final de este texto pongo un link ver mas en caso de que el usuario interesado quiera saber mas acerca del tema el cual usando un poco de ajax se muestra en la misma pagina bueno como novato no se si esto esta bien echo... pero bueno creo que seria una buena idea... Saludos!! ^^ Tei escribió: La vieja discusion sobre la barra de scroll. Enfin. Quien no quiera scroll, que empiece todas sus paginas con este codigo evil:D/evil html style=overflow: hidden body h1Hi (1)/h1h1Hi (2)/h1h1Hi (3)/h1h1Hi (4)/h1h1Hi (5)/h1h1Hi (6)/h1h1Hi (7)/h1h1Hi (8)/h1h1Hi (9)/h1h1Hi (10)/h1h1Hi (11)/h1h1Hi (12)/h1h1Hi (13)/h1h1Hi (14)/h1h1Hi (15)/h1h1Hi (16)/h1h1Hi (17)/h1h1Hi (18)/h1h1Hi (19)/h1h1Hi (20)/h1h1Hi (21)/h1h1Hi (22)/h1h1Hi (23)/h1h1Hi (24)/h1h1Hi (25)/h1h1Hi (26)/h1h1Hi (27)/h1h1Hi (28)/h1h1Hi (29)/h1h1Hi (30)/h1h1Hi (31)/h1h1Hi (32)/h1h1Hi (33)/h1h1Hi (34)/h1h1Hi (35)/h1h1Hi (36)/h1h1Hi (37)/h1h1Hi (38)/h1h1Hi (39)/h1h1Hi (40)/h1h1Hi (41)/h1h1Hi (42)/h1h1Hi (43)/h1h1Hi (44)/h1 /body /html Pero no me parece una buena idea. Lo que yo propongo es que se de una especial atencion a lo que es visible en el navegador antes de escrolar. Pero que se admita que si hay mucho texto, existe scroll, porque el escroll es la mejor manera que conocemos de presentar mucho texto. Si haces tu diseño para la persona que lo va a utilizar, y te apiadas de el, le haras un diseño que le de comodidad al leer el texto. idea: el escroll es la mejor manera que conocemos de presentar mucho texto. Si escogemos otras opciones (como utilizar popups o distitnas paginas o frames, etc), son peores maneras. ___ 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] ¿Algun hack para ver menus en IE6?
Eso pasa porque IE no reconoce la pseudo-Clase Hover en otro elemento
que no sea a para fixear esto basta con poner este simple script que
solucionara tu problema aqui lo pongo esplicado:
startList = function() { // aqui se declara una función anónima que sera
cargada mas adelante con la pagina
if (document.alldocument.getElementById) { // Comprobamos que sea IE
ya que el objeto document.all es propio de IE
navRoot = document.getElementById(nav);// Referenciamos el menú por su
id aqui deveras poner el id de tu menu
for (var i=0; inavRoot.childNodes.length; i++) {// con un bucle
detectamos todos sus nodos hijos es decir todas las etiquetas dentro de
este...
node = navRoot.childNodes[i];//por cada vuelta de bucle sera
referenciado cada hijo este es el caso... donde i es el indice del hijo
(el valor dentro de childNodes es un array)
if (node.nodeName==LI) {//si el nodo seleccionado es LI
node.onmouseover=function() {//bien aquí es donde empieza la magia... le
decimos que cuando el mouse pase encima de el ejecute siempre el
siguiente codigo
this.className+= over; //cambiamos el nombre de la clase por over
checa la clase over en el css
}
node.onmouseout=function() {//lo contrario cuando el puntero salga del
nodo...
this.className=this.className.replace( over, );//quitamos over xD
}
}
}
}
}
window.onload=startList;//cargamos la función anónima cuando la page sea
cargada...
espero que este script te sea de ayuda Saludos!!!
^^
Miguel Flores escribió:
Amigos tengo un menú desplegable que no funciona en IE6x pero si lo hace en
IE7x y Firefox.
El menú en cuestión se encuentra en www.infes.edu.pe y no hallo la forma de
reparar el error.
Si alguno de ustedes me pudiese dar luces al respecto le estaré agradecido.
Gracias por sus aportes.
---
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 . MSN:[EMAIL PROTECTED]
El que no se equivoca nunca, es porque nunca hace nada
___
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] ¿Qué os parece esta web?
Hola como están pues para empezar me presento mi nombre es René Emmanuel Zamorano Flores soy nuevo en esta lista pues la pagina me gusta bastante aunque no me convence el pastito de abajo no soy un experto en usabilidad apenas estoy estudiando un poco sobre eso pero... esa pagina esta diseñada para 1024*768 ¿no? hay que recordar que aun mucha gente usa 800*600 y no se ve correctamente a esa resolución por lo demás me gusta tu diseño ^^ y si... de acuerdo con algunas criticas fue algo frustrante intentar darle clic a ¿Quieres crecer con nosotros? pero bueno es mi opinión ^^ Saludos!! David Lombardía escribió: Hola, poco constructiva? te lanzamos la crítica y en la misma página tienes la solución: DeltaIdeas. Es bastante constructivo. No pretendo ponerme corporativo, no gano nada con ello, pero los textos están bastante estudiados y cada frase tiene un objetivo. Un saludo y muchas gracias por tu crítica, David [EMAIL PROTECTED] escribió: Poner en la primera línea de texto de una web: Hoy la empresa que no vende por Internet no vale nada. me parece que implica una crítica poco constructiva hacia la empresa del cliente potencial. Emilio - Original Message - From: David Lombardía [EMAIL PROTECTED] To: Ovillo ovillo@lists.ovillo.org Sent: Tuesday, July 31, 2007 3:37 AM Subject: [Ovillo] ¿Qué os parece esta web? Hola a todos, hemos publicado hace unos días la web de la empresa en la que trabajo y quería saber que os parecía. Buscábamos crear una web sencilla y es lo que hemos hecho. Está validada para XHTML, CSS y WAI Priority 1. Ahí queda. Podéis hacer todas las críticas que queráis (sino no la pondría aquí), es más, os pido por favor que critiquéis, eso sí, de manera constructiva. Muchas gracias y espero que os guste. http://www.deltaideas.com Un saludo, David ___ 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 ___ 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
