Re: [Ovillo] Imagen transparente, enlaces OK
Buenos días,
Excelente Inti, muchas gracias. Busqué en manuales pero no encontré nada.
En cuanto tenga la plantilla completa, y termine con los textos, empezaré a
pulir el código y a mejorar la accesibilidad; asi que espero sus críticas,
opiniones y consejos.
Gracias a todos
Un saludo.
From: Inti Castro <[EMAIL PROTECTED]>
Reply-To: "Ovillo, la lista de CSS en castellano"
To: "Ovillo, la lista de CSS en castellano"
Subject: Re: [Ovillo] Imagen transparente
Date: Wed, 10 Aug 2005 14:01:43 -0300
On 8/10/05, Ramón Campa . <[EMAIL PROTECTED]> wrote:
>
> he colocado las imagenes (un poco chapuza, pero en fin) dentro de los
> enlaces. El tema es que me gustaria que los bordes de estas fueran de
unos
> colores en cocreto, segun esten visitados o no
> http://www.pinillayestepa.com/prueba.php
>
#menu a:link img { border: 2px solid #f00; }
#menu a:visited img { border: 2px solid #0f0; }
#menu a:focus img, #menu a:hover img { border: 2px solid #00f; }
#menu a:active img { border: 2px solid #ff0; }
inti castro
[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] Imagen transparente
On 8/10/05, Ramón Campa . <[EMAIL PROTECTED]> wrote:
>
> he colocado las imagenes (un poco chapuza, pero en fin) dentro de los
> enlaces. El tema es que me gustaria que los bordes de estas fueran de unos
> colores en cocreto, segun esten visitados o no
> http://www.pinillayestepa.com/prueba.php
>
#menu a:link img { border: 2px solid #f00; }
#menu a:visited img { border: 2px solid #0f0; }
#menu a:focus img, #menu a:hover img { border: 2px solid #00f; }
#menu a:active img { border: 2px solid #ff0; }
inti castro
[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
[Ovillo] Imagen transparente
Buenas, Antes de nada agradeceros la ayuda con el tema de la imagen. Al final he decidido pasar de ella y dejar el fondo transparente. Por supuesto *_*, ahora tengo otros, y diversos, "problemillas". A ver si podeis darme el empujoncito que faltaOs cuento: Por un lado tengo el #contenido (arriba del todo, que pone hol) que no soy capaz de colocarlo en su sitio, no se si el problema sera exclusivamente de #contenido, o vendra de otro . Con el menu ya bueno, el caso es que he colocado las imagenes (un poco chapuza, pero en fin) dentro de los enlaces. El tema es que me gustaria que los bordes de estas fueran de unos colores en cocreto, segun esten visitados o no (entendia que con las pseudoclases link y visited). Pero no, he visto que solo afectan al texto, no a las imagenes, por lo que quedan los colores predefinidos de los enlaces. ¿Existe algún propiedad para esto? Otros "detalles" que aun me quedan, creo que seré capaz de resolverlos yo solo (.espero.) de todas formas os mantendré informados. http://www.pinillayestepa.com/prueba.php Gracias de nuevo por vuestros consjos, que estan siendo de gran utilidad. Un saludo. ___ 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] Imagen transparente
On 8/8/05, Ramón Campa . <[EMAIL PROTECTED]> wrote: > > El fondo del cuadrado, debería ser transparente, de tal forma que se > pudiera ver (sutilmente) el background a través de este. > http://www.pinillayestepa.com/prueba.php > otra opción: http://www.apptools.com/examples/translucent.php tengo entendido que, al contrario de lo que dice el articulo, la propiedad opacity de css3 ya tiene algun tipo de soporte en safari (mac). habria que averiguar como es el tema con opera. si alguien puede aclararme bien que browsers reconocen la transparencia aplicada con este metodo se lo agradeceria. de mas esta decir que una hoja de estilos que aplique esta tecnica no va a validar. inti castro [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
Re: [Ovillo] Imagen transparente
Una idea sencilla. Ingredientes: *El mismo fondo duplicado *Div contenedor (marco general) *Div para disponer contenidos Si el marco blanco donde se dispone el contenido tiene una posición fija (me ha dado esta impresión), una idea sería posicionar en este de nuevo el background del marco general, pero aclarado con photoshop/fireworks o el soft con el que trabajes (al 50%, 30%...). Posicionándolo con los atributos: background: 0px 0%; puedes hacer que coincida con respecto al fondo del marco general. La diferencia de opacidad entre una imagen y otra hará que consigas el efecto que deseeas. No sé si me expliqué bien :-/ Saludos, Abel Domínguez Dirección Creativa E: [EMAIL PROTECTED] W: www.nemografica.com - Original Message - From: "Ramón Campa ." <[EMAIL PROTECTED]> To: Sent: Monday, August 08, 2005 11:23 AM Subject: Re: [Ovillo] Imagen transparente Buenos días a todos, Después de un corto fin de semana.los "privilegiados" que seguimos trabajando, retomamos con "ganas" la semana. Dejo aqui un enlace con lo que seria el background y la foto (cuadrado) que me gustaria que fuera el div del contenido. El fondo del cuadrado, debería ser transparente, de tal forma que se pudiera ver (sutilmente) el background a través de este. http://www.pinillayestepa.com/prueba.php No está colocado, ni es del tamaño que debería, pero esos detalles no me importan mucho ahora mismo. Muchas gracias y saludos. From: Federico Santoalla <[EMAIL PROTECTED]> Reply-To: "Ovillo, la lista de CSS en castellano" To: "Ovillo, la lista de CSS en castellano" Subject: Re: [Ovillo] Imagen transparente Date: Thu, 4 Aug 2005 16:06:42 -0300 Bueno ayer me confundi de post y respondi a uno con el asunto "imagen" queriendo responder a este, "imagen trasparente" quizas lo que estas buscando es algo así: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html aunque me cuesta entender un poco lo que queres, quisa si puedes poner una imagen en algun servidor así la podemos ver sería mejor. Un Saludo. Federico ___ 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
Re: [Ovillo] Imagen transparente
Buenos días a todos, Después de un corto fin de semana.los "privilegiados" que seguimos trabajando, retomamos con "ganas" la semana. Dejo aqui un enlace con lo que seria el background y la foto (cuadrado) que me gustaria que fuera el div del contenido. El fondo del cuadrado, debería ser transparente, de tal forma que se pudiera ver (sutilmente) el background a través de este. http://www.pinillayestepa.com/prueba.php No está colocado, ni es del tamaño que debería, pero esos detalles no me importan mucho ahora mismo. Muchas gracias y saludos. From: Federico Santoalla <[EMAIL PROTECTED]> Reply-To: "Ovillo, la lista de CSS en castellano" To: "Ovillo, la lista de CSS en castellano" Subject: Re: [Ovillo] Imagen transparente Date: Thu, 4 Aug 2005 16:06:42 -0300 Bueno ayer me confundi de post y respondi a uno con el asunto "imagen" queriendo responder a este, "imagen trasparente" quizas lo que estas buscando es algo así: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html aunque me cuesta entender un poco lo que queres, quisa si puedes poner una imagen en algun servidor así la podemos ver sería mejor. Un Saludo. Federico ___ 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] Imagen transparente
Es algo parecido, solo que donde estan los textos, mi idea es que se vea el fondo. De todas formas, voy a intentar ponerlo en un servidor para que sea mas visual. Por cierto, el enlace que has puesto, hay un detalle que estudiare un poco mas adelante, que me ha encantado, y son los botones del menu, que al pasar el raton por encima (imagino que sera onmouseover) dejan ver el fondo de la web interesante... Gracias por todos lo comentarios, que me estan ayudando en mis albores como programador. From: Federico Santoalla <[EMAIL PROTECTED]> Reply-To: "Ovillo, la lista de CSS en castellano" To: "Ovillo, la lista de CSS en castellano" Subject: Re: [Ovillo] Imagen transparente Date: Thu, 4 Aug 2005 16:06:42 -0300 Bueno ayer me confundi de post y respondi a uno con el asunto "imagen" queriendo responder a este, "imagen trasparente" quizas lo que estas buscando es algo así: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html aunque me cuesta entender un poco lo que queres, quisa si puedes poner una imagen en algun servidor así la podemos ver sería mejor. Un Saludo. Federico ___ 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] Imagen transparente
Bueno ayer me confundi de post y respondi a uno con el asunto "imagen" queriendo responder a este, "imagen trasparente" quizas lo que estas buscando es algo así: http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html aunque me cuesta entender un poco lo que queres, quisa si puedes poner una imagen en algun servidor así la podemos ver sería mejor. Un Saludo. Federico ___ 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] Imagen transparente
Buenos días, A ver si logro expresarme un poco mejor. Por un lado tengo una imagen de fondo, por otro lado, esta el logo en la parte superior (sin problema), y luego quisiera poner el menu en la parte izda (luchare un poco con la posicion ya que me nivel no es muy alto). El problema viene en el contenido, encima del background me gustaria poner una especie de cuadrado, el cual será transparente (que se vea el background) pero los bordes se marcaran (de tal forma que delimite el espacio donde luego se leera el contenido). Dentro de este cuadrado es donde iran los textos de la web. Un saludo. From: kemie guaida <[EMAIL PROTECTED]> Reply-To: "Ovillo, la lista de CSS en castellano" To: "Ovillo, la lista de CSS en castellano" Subject: Re: [Ovillo] Imagen transparente Date: Wed, 03 Aug 2005 13:51:29 +0200 A que te refieres con "transparente"? Quieres que el fondo de un objeto en la imagen sea transparente? Quieres que toda la imagen tenga transparencia de manera que se vea lo que hay detrás? Ramón Campa . wrote: Buenos días, Llevo un par de días intentando "colocar" una página web que estoy haciendo. Bien, el problema que tengo (además de poca experiencia) es que me gustaría poner una capa con una imagen transparente, donde posteriormente se mostrara el contenido. La capa transparente no ha sido problema, pero no consigo poner la imagen y mucho menos que sea transparente. La imagen la tengo en formato .tif, .jpg, .gif y .png, y de ninguna de las formas he conseguido que sea transparente. ¿Existe algun documento que pueda ayudarme?¿ALguien podría orientarme? Un saludo. ___ 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
Re: [Ovillo] Imagen transparente
A que te refieres con "transparente"? Quieres que el fondo de un objeto en la imagen sea transparente? Quieres que toda la imagen tenga transparencia de manera que se vea lo que hay detrás? Ramón Campa . wrote: Buenos días, Llevo un par de días intentando "colocar" una página web que estoy haciendo. Bien, el problema que tengo (además de poca experiencia) es que me gustaría poner una capa con una imagen transparente, donde posteriormente se mostrara el contenido. La capa transparente no ha sido problema, pero no consigo poner la imagen y mucho menos que sea transparente. La imagen la tengo en formato .tif, .jpg, .gif y .png, y de ninguna de las formas he conseguido que sea transparente. ¿Existe algun documento que pueda ayudarme?¿ALguien podría orientarme? Un saludo. ___ 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] Imagen transparente
La solución más sencilla suele ser la correcta. ¿Que lleva tu imagen transparente detrás? ¿Quizás el color plano de la Web? Usa un editor de imagen y coloca la capa de fondo de dicho color y a tu imagen dale una opacidad menor (50%, 30%...) Me ha dado la impresión de que tu problema es más de diseño gráfico que de CSS :-/ Asi que no sé si es esto [1] lo que buscas. Sino, por favor, indica algún ejemplo :) [1] http://www.nemografica.com/bitacora/ejemplo/ Saludos, Abel Domínguez Dirección Creativa E: [EMAIL PROTECTED] W: www.nemografica.com - Original Message - From: "Ramón Campa ." <[EMAIL PROTECTED]> To: Sent: Wednesday, August 03, 2005 12:14 PM Subject: [Ovillo] Imagen transparente Buenos días, Llevo un par de días intentando "colocar" una página web que estoy haciendo. Bien, el problema que tengo (además de poca experiencia) es que me gustaría poner una capa con una imagen transparente, donde posteriormente se mostrara el contenido. La capa transparente no ha sido problema, pero no consigo poner la imagen y mucho menos que sea transparente. La imagen la tengo en formato .tif, .jpg, .gif y .png, y de ninguna de las formas he conseguido que sea transparente. ¿Existe algun documento que pueda ayudarme?¿ALguien podría orientarme? Un saludo. ___ 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] Imagen transparente
Buenos días, Llevo un par de días intentando "colocar" una página web que estoy haciendo. Bien, el problema que tengo (además de poca experiencia) es que me gustaría poner una capa con una imagen transparente, donde posteriormente se mostrara el contenido. La capa transparente no ha sido problema, pero no consigo poner la imagen y mucho menos que sea transparente. La imagen la tengo en formato .tif, .jpg, .gif y .png, y de ninguna de las formas he conseguido que sea transparente. ¿Existe algun documento que pueda ayudarme?¿ALguien podría orientarme? Un saludo. ___ 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
