[Ovillo] CSS o JS
Es posible realizar en CSS tal como se suele hacer en JS, que al colocar el mouse sobre la primera imagen aparezca una segunda y al hacer clic una tercera. Lo que he podido localizar es solamente o uno ú otro pero no la combinación de los dos. La primera y segunda imagen tienen las mismas dimensiones, pero la tercera es diferente en las medidas por lo que se deberá posicionar de diferente forma. Un cordial saludo de...santosVZ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Información clara y precisa sobre estan dares, semantica, usabilidad, y demás
Hay una web con ejemplos prácticos con su correspondiente código y que además puedes interactuar modificando los ejemplos, viendo los resultados directamente. http://www.w3schools.com/css/css_examples.asp Un cordial saludo de...santosVZ #-Mensaje original- #De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom #Enviado el: Miércoles, 31 de Mayo de 2006 09:46 p.m. #Para: Ovillo, la lista de CSS en castellano #Asunto: [Ovillo] Información clara y precisa sobre estandares, semantica, usabilidad, y demás # #Pues lo del título... # #Alguién sabe de algún enlace en concreto que abarque la explicación de #estos temas, es para referncia a un grupo de gente que no se entera de #nada de ello, solo manejan el viejo y mal formateado html y además lo #manejan bastante mal para colmo... # #Lo que pido es una web de información , dana de curso ni manual, ni #tecnisismo del W3C... # #Y si es posible que hable del uso de xHTTML, CSS y las codificaciones DOCTYPE... # #Gracias de antemano, disculpen y un saludo..., #DJ-Dom # #-- #www.dj-dom.net [EMAIL PROTECTED] #___ #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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tabs con rollover
Mira este ejemplo:
http://www.tutorialized.com/tutorial/CSS-Rollovers-1-MSIE-Fixes/13089
Un cordial saludo de...santosVZ
#-Mensaje original-
#De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de carlos campderrós
#Enviado el: Viernes, 26 de Mayo de 2006 03:02 a.m.
#Para: Ovillo, la lista de CSS en castellano
#Asunto: Re: [Ovillo] Tabs con rollover
#
#On 5/26/06, Reynier Perez Mira [EMAIL PROTECTED] wrote:
# Hola lista:
# Tengo que maquetar una web y el menu tiene un rollover de imagenes. Es
# posible maquetar esto usando CSS ? Imagino que pueda hacerse con:
#
#si las imagenes están de fondo, puedes. Si están incrustadas en el
#html, no puedes y necesitas javascript a la fuerza.
#
#como background:
#
#li a
#{
# display: block;
# width: 100%;
# height: 100%
# background-image: url(blabla.png);
#}
#
#li a:hover
#{
# background-image: url(bleble.png);
#}
#
#
#con javascript seria similar a esto (puede requerir modificaciones, no
#lo he testado):
#
#img src=blabla.png id=rollme alt=pues eso
#onmouseover=rollon(this.id) onmouseout=rollof(this.id)
#
#script type=text/javascript
#function rollon(id)
#{
# var im = document.getElementById(id);
# im.src = bleble.png;
#}
#
#function rollof(id)
#{
# var im = document.getElementById(id);
# im.src = blabla.png;
#}
#
#seguro q hay formas más cómodas y/o limpias, pero algo similar debería
#funcionar.
#
#--
#Si no puedes deslumbrar con tu inteligencia,
#desconcierta con tus gilipolleces
#___
#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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquinas redondeadas
Cuando son diseños un poco simples como por ejemplo en un solo color son aplicables, pero cuando el diseño es mas complejo estas obligado a usar posicionamientos, requiriendo mas conocimientos y practica de CSS. Personalmente siempre he utilizado tablas y Photoshop para este tipo de diseño y más cuando son más elaborados ya que no domino lo suficiente CSS. También es una cuestión de hábitos supongo. Una muestra podría ser http://mipc.santosvz.com/bgcell61a.htm Normalmente no tardo más de diez minutos entre Photoshop y Dreamweaver, pero con CSS todavía tardo una eternidad. Con relación a este tema, ¿hay algún programa de diseño grafico y web que utilice CSS? El único que conozco es Xara Webstyle 4 Un cordial saludo de...santosVZ #-Mensaje original- #De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Abel Domínguez #Enviado el: Domingo, 21 de Mayo de 2006 10:34 a.m. #Para: Ovillo, la lista de CSS en castellano #Asunto: Re: [Ovillo] Esquinas redondeadas # #De todas formas la carencia de todas estas herramientas, como tantas #otras colaboraciones en este sentido [1] es que hablamos de cajas con un #color de fondo. # #Quiero decir, ¿que pasaría si mi caja de esquinas rendondeadas tiene un #fondo blanco y la situo sobre un sitio con fondo blanco? Está claro que lo #que #interesa es pintar el borde de la caja y especialmente el de las esquinas #redondeadas (y hacerlos coincidir, claro). # #Yo ya solucioné esto y me va bien. ¿Alguien conoce algún enlace al respecto #para contrastar? Gracias # #Saludos, #Abel # # #- Original Message - #From: Miguel Benítez [EMAIL PROTECTED] #To: 'Ovillo, la lista de CSS en castellano' ovillo@lists.ovillo.org #Sent: Sunday, May 21, 2006 1:49 PM #Subject: Re: [Ovillo] Esquinas redondeadas # # #Cuando me refiero a curvas a tu gusto, me refiero a que puedes ir #haciendolas más grandes o más pequeñas tocando los css, incluso hacer en un #lado y en otro no... No sabría como explicarte. En la herramienta viene para #hacer las curvas de 5px pero yo por ejemplo las he hecho de 3, incluso de #10px tocando parámetros y añadiendo o quitando los css que sean necesarios. # #Te recomiendo que cojas el ejemplo que te hace y trastees con ello. # #Saludos, # #- #Miguel Angel Benítez Martínez #Diseñador gráfico / Desarrollador web #Tel.: +34 678 456 843 [EMAIL PROTECTED] #www.miguelbenitez.com # # #-Mensaje original- #De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] #En nombre de laura #Enviado el: domingo, 21 de mayo de 2006 13:45 #Para: Ovillo, la lista de CSS en castellano #Asunto: Re: [Ovillo] Esquinas redondeadas # #puedes mostrar un ejemplo de eso que llamas curvas a tu gusto? me #parece muy interesante y no he encontrado nada que hable de crear #curvas mas alla de unos pixeles para hacer las esquinitas. # #gracias # #On 5/21/06, Miguel Benítez info@ .com wrote: # El segundo lo he usado yo en varios temas, incluso tocandolo para hacer #las # curvas a mi gusto y la verdad es que al principio te lias un pelín, pero # luego es un lujo. #___ #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://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://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://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Esquinas redondeadas
Como recién me incorporo a la lista y todavía no puedo aportar muchos conocimientos y soluciones, os dejaré algo que creo puede ser de interés para vosotros. Esquinas redondeadas en CSS con imágenes y sin JS: Spanky Corners 1.1 beta http://tools.sitepoint.com/spanky/index.php Pero el que me llamo más la atención fue: Esquinas redondeadas en CSS sin imágenes y sin JS http://www.spiffycorners.com/ Un cordial saludo de...santosVZ ___ 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://ovillo.org/mailman/listinfo/ovillo
