[Ovillo] Opcion de cambio de color general
Buenas, otra vez recurro a vosoros. Mi duda es, como se puede poner una opcion para que los usuarios puedan elegir el color general de la web? Aqui teneis un ejemplo (http://demo.rockettheme.com/?template=chromatophoredonde pone color chooser) está muy elaborado, yo quiero algo más normalito, pero esa es la idea. Quiero que al elegir el color cambie el background (que va a ser un color plano) y poco más, a lo mejor el color de la fuente. No se mucho, pero si lo suficiente para saber que esto no se hace con CSS aunque le afecte directamente. Por eso me gustaría que si sabéis algun lado donde haya un tutorial o algo parecido me lo remitierais. Muchas gracias y saludos P.D.: Lo siento si esto no tiene mucho que ver con CSS ___ 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] Opcion de cambio de color general
Hola 2tonewarrior setfsdg escribió: Buenas, otra vez recurro a vosoros. Mi duda es, como se puede poner una opcion para que los usuarios puedan elegir el color general de la web? Aqui teneis un ejemplo (http://demo.rockettheme.com/?template=chromatophoredonde pone color chooser) está muy elaborado, yo quiero algo más normalito, pero esa es la idea. Quiero que al elegir el color cambie el background (que va a ser un color plano) y poco más, a lo mejor el color de la fuente. No se mucho, pero si lo suficiente para saber que esto no se hace con CSS aunque le afecte directamente. Por eso me gustaría que si sabéis algun lado donde haya un tutorial o algo parecido me lo remitierais. Debes tener un fichero css por cada tema, además de por así decirlo el. Cuando eliges un tema del desplegable, has de llamar a una función que te desactiva el css actual y activa el seleccionado. La función de cambiar el css puede ser con javascript o con un lenguaje de servidor (php, jsp...). Si decides hacerlo con js (más fácil aunque menos elegante), sólo tienes que poner cambiar css javascript en Google ___ 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] filtro alpha
*hola, que tal? he puesto esta propiedad en mi pagina, pero no me funciona
en IE*
#columna1 {
display: table-cell;
padding-right:30px;
background-color:black;
margin:16px;
filter: alpha(opacity=50);
opacity: 0.5;
*veo el fondo de la columna negro en IE.
Hay alguna otra forma de solucionarlo?*
trate poniendo
!--[if lt IE 8]
script src=
http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js
type=text/javascript/script
![endif]--
en el html pero tampoco... como podria arreglarlo?
*OTRO TEMA:
tengo que dividir el sitio en 3 columnas, y para que todas vayan quedando
con la misma altura use la propiedad display:table
el problema es que para IE tampoco me anda, me salen las tres columnas una
debajo de la otra, como podria arreglarlo?*
#contenedor {
display: table;
overflow: hidden;
margin: 10px 20px 10px 20px;
}
#contenidos {
display: table-row;
text-align: justify;
text-decoration: none;
font-family:Arial,Helvetica,sans-serif;
color:white;
font-size: 0.8em;
}
#columna1 {
display: table-cell;
padding-right:30px;
background-color:black;
margin:16px;
filter: alpha(opacity=50);
opacity: 0.5;
}
#columna2 {
display: table-cell;
padding-right:30px;
background-color:black;
margin:16px;
opacity:0.5;filter:alpha(opacity=50)
}
#columna3{
display: table-cell;
padding-top:-50px;
background-color:black;
margin:16px;
}
Espero me puedan ayudar, 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] filtro alpha
Hola, Delirium
Delirium Design escribió:
*OTRO TEMA:
tengo que dividir el sitio en 3 columnas, y para que todas vayan quedando
con la misma altura use la propiedad display:table
el problema es que para IE tampoco me anda, me salen las tres columnas una
debajo de la otra, como podria arreglarlo?*
El filtro alpha se ha comentado demasiadas veces en esta lista como para
volver a repetirlo. La maquetación a tres columnas también, no obstante:
div#container {
overflow: hidden;
}
div#izq, div#der {
float: left;
padding-bottom: 3px;
margin-bottom: -3px;
}
___
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] filtro alpha
http://www.csslab.cl/2007/10/11/100-alto-finalmente-para-todos/
Delirium Design escribió:
*hola, que tal? he puesto esta propiedad en mi pagina, pero no me funciona
en IE*
#columna1 {
display: table-cell;
padding-right:30px;
background-color:black;
margin:16px;
filter: alpha(opacity=50);
opacity: 0.5;
*veo el fondo de la columna negro en IE.
Hay alguna otra forma de solucionarlo?*
trate poniendo
!--[if lt IE 8]
script src=
http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js
type=text/javascript/script
![endif]--
en el html pero tampoco... como podria arreglarlo?
*OTRO TEMA:
tengo que dividir el sitio en 3 columnas, y para que todas vayan quedando
con la misma altura use la propiedad display:table
el problema es que para IE tampoco me anda, me salen las tres columnas una
debajo de la otra, como podria arreglarlo?*
#contenedor {
display: table;
overflow: hidden;
margin: 10px 20px 10px 20px;
}
#contenidos {
display: table-row;
text-align: justify;
text-decoration: none;
font-family:Arial,Helvetica,sans-serif;
color:white;
font-size: 0.8em;
}
#columna1 {
display: table-cell;
padding-right:30px;
background-color:black;
margin:16px;
filter: alpha(opacity=50);
opacity: 0.5;
}
#columna2 {
display: table-cell;
padding-right:30px;
background-color:black;
margin:16px;
opacity:0.5;filter:alpha(opacity=50)
}
#columna3{
display: table-cell;
padding-top:-50px;
background-color:black;
margin:16px;
}
Espero me puedan ayudar, 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
___
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] Opcion de cambio de color general
Hola,
bueno, yo veo mejor opción usar javascript ya que esto lo puedes hacer
sin cargar la página de nuevo...
Creo que esto funcionaría:|*
*|*|document.getElementById('id_de_la_hoja_de_estilo').href=nuevo.css;|*
Aún así, no me suelen gustar mucho las páginas que dejan al usuario
cambiar de estilo. A no ser, como el ejemplo que pones, una galería de
templates.
Rodrigo Álvarez Virgós escribió:
Hola
2tonewarrior setfsdg escribió:
Buenas, otra vez recurro a vosoros.
Mi duda es, como se puede poner una opcion para que los usuarios puedan
elegir el color general de la web?
Aqui teneis un ejemplo
(http://demo.rockettheme.com/?template=chromatophoredonde pone color
chooser) está muy elaborado, yo quiero algo más
normalito, pero esa es la idea. Quiero que al elegir el color cambie el
background (que va a ser un color plano) y poco más, a lo mejor el color de
la fuente.
No se mucho, pero si lo suficiente para saber que esto no se hace con CSS
aunque le afecte directamente. Por eso me gustaría que si sabéis algun lado
donde haya un tutorial o algo parecido me lo remitierais.
Debes tener un fichero css por cada tema, además de por así decirlo el.
Cuando eliges un tema del desplegable, has de llamar a una función que
te desactiva el css actual y activa el seleccionado.
La función de cambiar el css puede ser con javascript o con un lenguaje
de servidor (php, jsp...). Si decides hacerlo con js (más fácil aunque
menos elegante), sólo tienes que poner cambiar css javascript en Google
___
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] Permiso para enviar ofertas de trabajo
Hola Pilar, Las ofertas de trabajo relevantes para los integrantes la lista son bienvenidas, asi que adelante :) Aprovecho para recordar, que las demandas de trabajo asi como las ofertas de productos o servicios NO estan permitidas en la lista, por motivos obvios. Un saludo! -- Jose Florido - Administrador de Ovillo 2009/2/12 Pilar Choza pch...@emergya.es: Buenas, Me llamo Pilar Choza y trabajo en Emergya, una empresa dedicada a desarrollos en software libre. Estamos buscando un diseñador gráfico que pueda encontrarse cómodo en este entorno (hacemos portales, distros, aplicaciones...) y quería saber si os importaría que os enviara la oferta laboral. Gracias mil, Un saludo, -- Pilar Choza de Juan Responsable de Comunicación y Recursos Humanos Emergya Consultoría Avenida de la Innovación, 3. 41020, Sevilla Tlf. 954517577 Fax. 954516473 www.emergya.es i...@emergya.es ___ 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] filtro alpha
On Thu, 12 Feb 2009 09:17:42 -0300, Rodrigo Álvarez Virgós
rodri.vir...@gmail.com wrote:
Rodrigo
Algún tiempo atrás intenté usar ese método para maquetar un sitio. Todo venía
muy bien hasta que armando unas notas al pié descubri que el overflow me
perjudicaba la navegación interna de la página (lease: notas al pie, accesskey
y otro tipo de enlaces internos), el efecto que esto provocaba era que la
página se posicionaba en el lugar requerido pero luego las barras de scroll me
impedian subir. No se si me expliqué correctamente.
¿Te encontraste con este mismo problema?¿Cómo lo solucionaste?
Personalment tuve que replantear la estructura del sitio
Saludos
La maquetación a tres columnas también, no obstante:
div#container {
overflow: hidden;
}
div#izq, div#der {
float: left;
padding-bottom: 3px;
margin-bottom: -3px;
}
___
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] filtro alpha
Hola, Agustín
Agustín Bouillet escribió:
On Thu, 12 Feb 2009 09:17:42 -0300, Rodrigo Álvarez Virgós
rodri.vir...@gmail.com wrote:
Rodrigo
Algún tiempo atrás intenté usar ese método para maquetar un sitio. Todo venía
muy bien hasta que armando unas notas al pié descubri que el overflow me
perjudicaba la navegación interna de la página (lease: notas al pie,
accesskey y otro tipo de enlaces internos), el efecto que esto provocaba era
que la página se posicionaba en el lugar requerido pero luego las barras de
scroll me impedian subir. No se si me expliqué correctamente.
¿Te encontraste con este mismo problema?¿Cómo lo solucionaste?
Efectivamente, con los enlaces internos es lo que ocurre... se te
desplaza toda la página hasta donde está el ancla, y no puedes hacer
scroll hacia arriba. La única solución que encuentro a esto es poner
otro ancla volver o subir que devuelva el foco hasta arriba del
todo. Quizás algún gurú nos ilumine con otra solución más efectiva.
Personalment tuve que replantear la estructura del sitio
Saludos
La maquetación a tres columnas también, no obstante:
div#container {
overflow: hidden;
}
div#izq, div#der {
float: left;
padding-bottom: 3px;
margin-bottom: -3px;
}
___
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] filtro alpha
On Thu, Feb 12, 2009 at 12:46 PM, Delirium Design deliriumindes...@gmail.com wrote: .. http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.jshttp://ie7-js.googlecode.com/svn/version/2.0%28beta3%29/IE8.js mas que enlazar un SVN, quizas deberias hacer copia de ese fichero en tu sitio web. -- -- ℱin del ℳensaje. ___ 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] Oferta de trabajo
Hola Jose, Gracias :-)! Os envío, entonces, el enlace a nuestra oferta de trabajo para diseñadores. Tenemos otras activas que también podréis ver en la web. Os adelanto que somos una empresa de Sevilla dedicada a desarrollos en software libre (hacemos distros - como Guadalinex, Linex -, portales, aplicaciones, GIS..., todo ello con tecnologías libres). El diseñador, eso sí (por falta de tecnologías libres de suficiente calidad disponibles) trabaja con programas privativos y sobre Mac :-) Si es de vuestro interés, podéis apuntaros a la oferta en la misma web o enviar directamente el currículum (si puede ser, con referencias de web que tengáis) a r...@emergya.es Aquí tenéis la oferta: http://www.emergya.es/unete/ofertas/disenador-web Mil gracias! Salu2, Jose Florido escribió: Hola Pilar, Las ofertas de trabajo relevantes para los integrantes la lista son bienvenidas, asi que adelante :) Aprovecho para recordar, que las demandas de trabajo asi como las ofertas de productos o servicios NO estan permitidas en la lista, por motivos obvios. Un saludo! -- Jose Florido - Administrador de Ovillo 2009/2/12 Pilar Choza pch...@emergya.es: Buenas, Me llamo Pilar Choza y trabajo en Emergya, una empresa dedicada a desarrollos en software libre. Estamos buscando un diseñador gráfico que pueda encontrarse cómodo en este entorno (hacemos portales, distros, aplicaciones...) y quería saber si os importaría que os enviara la oferta laboral. Gracias mil, Un saludo, -- Pilar Choza de Juan Responsable de Comunicación y Recursos Humanos Emergya Consultoría Avenida de la Innovación, 3. 41020, Sevilla Tlf. 954517577 Fax. 954516473 www.emergya.es i...@emergya.es ___ 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 -- Pilar Choza de Juan Responsable de Comunicación y Recursos Humanos Emergya Consultoría Avenida de la Innovación, 3. 41020, Sevilla Tlf. 954517577 Fax. 954516473 www.emergya.es i...@emergya.es ___ 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] centrar pagina web
Mira aquí: http://www.cssblog.es/tipos-de-transparencia-en-css/ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar pagina web
Por favor. Haced algo con los usuarios que persisten en hacer spam. 2009/2/12 dreagnout dreagn...@yahoo.es Mira aquí: http://www.cssblog.es/tipos-de-transparencia-en-css/ 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://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] Permiso para enviar ofertas de trabajo
Hola, soy artista plàstico (pintor) diseñador grafico Free lance y me encuentro en Lima Peru. He realizado trabajos para la Organizacion Sueca Insanlingstiftelsen Handihand, Busta y my CV puedes encontrarlo en http://www.pixelperu.net/doc/curr-mff.pdfhttp://www.pixelperu.net/doc/s/curr-mff.pdf No esta actualizado pero aun funciona. Saludos cordiales. El 12 de febrero de 2009 2:58, Pilar Choza pch...@emergya.es escribió: Buenas, Me llamo Pilar Choza y trabajo en Emergya, una empresa dedicada a desarrollos en software libre. Estamos buscando un diseñador gráfico que pueda encontrarse cómodo en este entorno (hacemos portales, distros, aplicaciones...) y quería saber si os importaría que os enviara la oferta laboral. Gracias mil, Un saludo, -- Pilar Choza de Juan Responsable de Comunicación y Recursos Humanos Emergya Consultoría Avenida de la Innovación, 3. 41020, Sevilla Tlf. 954517577 Fax. 954516473 www.emergya.es i...@emergya.es ___ 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 -- -- Miguel Flores Franco Pixelperú - Arte y diseño web basado en estándares http://www.pixelperu.net • http://www.limanetwork.com Telf.: (511) 566 5116• MSN:mflo...@pixelperu.netmsn%3amflo...@pixelperu.net ___ 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] Permiso para enviar ofertas de trabajo
El 12 de febrero de 2009 17:44, Miguel Flores pixelp...@gmail.comescribió: Hola, soy artista plàstico (pintor) diseñador grafico Free lance y me encuentro en Lima Peru. He realizado trabajos para la Organizacion Sueca Insanlingstiftelsen Handihand, Busta y my CV puedes encontrarlo en http://www.pixelperu.net/doc/curr-mff.pdf http://www.pixelperu.net/doc/s/curr-mff.pdf No esta actualizado pero aun funciona. Saludos cordiales. Y para muestra un botón! el ejemplo de Miguel Flores es lo que NO se debe de hacer guiño -- Philipp Keweloh Success is not in what you have, but who you are. - Bo Bennett ___ 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] Permiso para enviar ofertas de trabajo
Totalmente de acuerdo, estos mensajes se los debe responder de manera privada. El 12/02/2009, a las 13:59, SkuNk escribió: El 12 de febrero de 2009 17:44, Miguel Flores pixelp...@gmail.comescribió: Hola, soy artista plàstico (pintor) diseñador grafico Free lance y me encuentro en Lima Peru. He realizado trabajos para la Organizacion Sueca Insanlingstiftelsen Handihand, Busta y my CV puedes encontrarlo en http://www.pixelperu.net/doc/curr-mff.pdf http://www.pixelperu.net/doc/s/curr-mff.pdf No esta actualizado pero aun funciona. Saludos cordiales. Y para muestra un botón! el ejemplo de Miguel Flores es lo que NO se debe de hacer guiño -- Philipp Keweloh Success is not in what you have, but who you are. - Bo Bennett ___ 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 Mauricio Dulce mauricio.du...@gmail.com +57 315 4183043 http://www.3zona.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
[Ovillo] Remplazo de ftp
Desde hace algún tiempo estoy con el tema de RoR y descubrí algo que para muchos puede ser de gran utilidad, Capistrano, es al go asicomo un ftp, pero tiene un plus, se mantiene sincronizado con el repositorio ya sea subersion o git, aclaro, se puede usar en cualquier tipo de desarrollo ya que es un framework, no importa la tecnología que se este usando para el proyecto puede ser grails, java, php, as3, Air etc, espero les sirva, en google pueden encontrar infinidad de información sobre el tema, host compartidos que les pueden ayudar para mayor info pueden ir a esta url http://www.capify.org/ Mauricio Dulce mauricio.du...@gmail.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
Re: [Ovillo] filtro alpha
Este método es un poco peligroso si se lo usa para un maquetado general
pero, si es usado en particularidades dentro de un sitio o página, puede ser
de grán utilidad. Usarlo del modo expuesto puede atentar contra la
navegabilidad y/o accesibilidad de un sitio. No hay que descartar el recurso
pero es imortante ser prudente.
Y sobre el enlace para la vuelta a punto de partida, es viable pero sigue
siendo molesto e inapropiado no poder disponer de las barras de scroll.
Mi opinión.
Gracias Rodrigo por atender a mi pregunta.
Saludos
Agustín
2009/2/12 Rodrigo Álvarez Virgós rodri.vir...@gmail.com
Hola, Agustín
Agustín Bouillet escribió:
On Thu, 12 Feb 2009 09:17:42 -0300, Rodrigo Álvarez Virgós
rodri.vir...@gmail.com wrote:
Rodrigo
Algún tiempo atrás intenté usar ese método para maquetar un sitio. Todo
venía muy bien hasta que armando unas notas al pié descubri que el overflow
me perjudicaba la navegación interna de la página (lease: notas al pie,
accesskey y otro tipo de enlaces internos), el efecto que esto provocaba era
que la página se posicionaba en el lugar requerido pero luego las barras de
scroll me impedian subir. No se si me expliqué correctamente.
¿Te encontraste con este mismo problema?¿Cómo lo solucionaste?
Efectivamente, con los enlaces internos es lo que ocurre... se te
desplaza toda la página hasta donde está el ancla, y no puedes hacer
scroll hacia arriba. La única solución que encuentro a esto es poner
otro ancla volver o subir que devuelva el foco hasta arriba del
todo. Quizás algún gurú nos ilumine con otra solución más efectiva.
Personalment tuve que replantear la estructura del sitio
Saludos
La maquetación a tres columnas también, no obstante:
div#container {
overflow: hidden;
}
div#izq, div#der {
float: left;
padding-bottom: 3px;
margin-bottom: -3px;
}
___
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
Re: [Ovillo] centrar pagina web
gracias, mira ya logre todo ahora lo unico que me pasa es que no me sale el
opacity en IE! ayudita
head
link rel=stylesheet type=text/css href=styleiframe.css
/head
body id=contenido
div id=container3
div id=container2
div id=container1
div id=col1
!-- Column one start --
h2Nosotros/h2
pJavaScript is not required. Some website layouts rely on
JavaScript hacks to resize divs and force elements into place but you won't
see any of that nonsense here./p
!-- Column one end --
/div
div id=col2
!-- Column two start --
h2No Images/h2
pThis three column layout requires no images. Many CSS
website designs need images to colour in the column backgrounds but that is
not necessary with this design. Why waste bandwidth and precious HTTP
requests when you can do everything in pure CSS and HTML?/p
h2Valid XHTML strict markup/h2
pThe HTML in this layout validates as XHTML 1.0
strict./p
h2This layout is FREE for anyone to use/h2
pYou don't have to pay anything. Simply view the source of
this page and save the HTML onto your computer. My only suggestion is to put
the CSS into a separate file. If you are feeling generous however, link back
to this page so other people can find and use this layout too./p
!-- Column two end --
/div
div id=col3
!-- Column three start --
h2Cross-Browser Compatible/h2
img src=images/uvas.jpg altFotografias/
h3iPhone amp; iPod Touch/h3
ul
liSafari/li
/ul
h3Mac/h3
ul
liSafari/li
liFirefox/li
liOpera 9/li
liNetscape 7 amp; 9/li
/ul
h3Windows/h3
ul
liFirefox 1.5, 2 amp; 3/li
liSafari/li
liOpera 8 amp; 9/li
liExplorer 5.5, 6 amp; 7/li
liGoogle Chrome/li
liNetscape 8/li
/ul
!-- Column three end --
/div
/div
/div
div name=bg_name class=box_background style=height: 100%; width:
100%;style=filter:alpha(opacity=50); z-index:-200; /div
/div
script src=http://www.google-analytics.com/urchin.js;
type=text/javascript
/script
script type=text/javascript
_uacct = UA-1848067-8;
urchinTracker();
/script
/body
#contenido {
margin:0;
padding:0;
color:white;
}
.box_background {
background-color:#000;
height:100%;
left:0;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position:absolute;
top:0;
width:100%;
z-index:-99;
}
/* Start of Column CSS */
#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background: transparent;
/* column 3 background colour */
}
#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:33.333%;
background:; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:33.33%;
background:#; /* column 1 background colour */
}
#col1 {
float:left;
width:29.33%;
position:relative;
left:68.67%;
overflow:hidden;
}
#col2 {
float:left;
width:29.33%;
position:relative;
left:72.67%;
overflow:hidden;
}
#col3 {
float:left;
width:29.33%;
position:relative;
left:76.67%;
overflow:hidden;
}
#col3 img {
z-index:101;
opacity:1;
}
/* -- */
2009/2/12 dreagnout dreagn...@yahoo.es
Mira aquí:
http://www.cssblog.es/tipos-de-transparencia-en-css/
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://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] filtro alpha
ya me sale todo, ahora lo unico que pasa es que la caja transparente no se
ve en IE
las columnas ya las arregle, la transparencia se ve bien en FF pero en IE
todavia no.
Capaz el problema es que la transparencia en la caja sera para una pagina
que va dentro de otra en un iframe, nose capaz por eso puede ser, hasta
ahora me ha
traido algunas complicaciones.
Aqui dejo el codigo, espero me ayuden, saludos
head
link rel=stylesheet type=text/css href=styleiframe.css
/head
body id=contenido
div id=container3
div id=container2
div id=container1
div id=col1
!-- Column one start --
h2Nosotros/h2
pJavaScript is not required. Some website layouts rely on
JavaScript hacks to resize divs and force elements into place but you won't
see any of that nonsense here./p
!-- Column one end --
/div
div id=col2
!-- Column two start --
h2No Images/h2
pThis three column layout requires no images. Many CSS
website designs need images to colour in the column backgrounds but that is
not necessary with this design. Why waste bandwidth and precious HTTP
requests when you can do everything in pure CSS and HTML?/p
h2Valid XHTML strict markup/h2
pThe HTML in this layout validates as XHTML 1.0
strict./p
h2This layout is FREE for anyone to use/h2
pYou don't have to pay anything. Simply view the source of
this page and save the HTML onto your computer. My only suggestion is to put
the CSS into a separate file. If you are feeling generous however, link back
to this page so other people can find and use this layout too./p
!-- Column two end --
/div
div id=col3
!-- Column three start --
h2Cross-Browser Compatible/h2
img src=images/uvas.jpg altFotografias/
h3iPhone amp; iPod Touch/h3
ul
liSafari/li
/ul
h3Mac/h3
ul
liSafari/li
liFirefox/li
liOpera 9/li
liNetscape 7 amp; 9/li
/ul
h3Windows/h3
ul
liFirefox 1.5, 2 amp; 3/li
liSafari/li
liOpera 8 amp; 9/li
liExplorer 5.5, 6 amp; 7/li
liGoogle Chrome/li
liNetscape 8/li
/ul
!-- Column three end --
/div
/div
/div
div name=bg_name class=box_background style=height: 100%; width:
100%;style=filter:alpha(opacity=50); z-index:-200; /div
/div
script src=http://www.google-analytics.com/urchin.js;
type=text/javascript
/script
script type=text/javascript
_uacct = UA-1848067-8;
urchinTracker();
/script
/body
#contenido {
margin:0;
padding:0;
color:white;
}
.box_background {
background-color:#000;
height:100%;
left:0;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position:absolute;
top:0;
width:100%;
z-index:-99;
}
/* Start of Column CSS */
#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background: transparent;
/* column 3 background colour */
}
#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:33.333%;
background:; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:33.33%;
background:#; /* column 1 background colour */
}
#col1 {
float:left;
width:29.33%;
position:relative;
left:68.67%;
overflow:hidden;
}
#col2 {
float:left;
width:29.33%;
position:relative;
left:72.67%;
overflow:hidden;
}
#col3 {
float:left;
width:29.33%;
position:relative;
left:76.67%;
overflow:hidden;
}
#col3 img {
z-index:101;
opacity:1;
}
/* -- */
El 13 de febrero de 2009 0:45, Agustin Bouillet
agustin.bouil...@gmail.comescribió:
Este método es un poco peligroso si se lo usa para un maquetado general
pero, si es usado en particularidades dentro de un sitio o página, puede
ser
de grán utilidad. Usarlo del modo expuesto puede atentar contra la
navegabilidad y/o accesibilidad de un sitio. No hay que descartar el
recurso
pero es imortante ser prudente.
Y sobre el enlace para la vuelta a punto de partida, es viable pero sigue
siendo molesto e inapropiado no poder disponer de las barras de scroll.
Mi opinión.
Gracias Rodrigo por atender a mi pregunta.
Saludos
Agustín
2009/2/12 Rodrigo Álvarez Virgós rodri.vir...@gmail.com
Hola, Agustín
Agustín Bouillet escribió:
On Thu, 12 Feb 2009 09:17:42 -0300, Rodrigo Álvarez Virgós
rodri.vir...@gmail.com wrote:
Rodrigo
Algún tiempo atrás intenté usar ese método
Re: [Ovillo] filtro alpha
No e estado al post, pero si estas usando png e internet explorer 6
tienes que usar un hack para el mismo
El 12/02/2009, a las 20:37, Delirium Design escribió:
ya me sale todo, ahora lo unico que pasa es que la caja transparente
no se
ve en IE
las columnas ya las arregle, la transparencia se ve bien en FF pero
en IE
todavia no.
Capaz el problema es que la transparencia en la caja sera para una
pagina
que va dentro de otra en un iframe, nose capaz por eso puede ser,
hasta
ahora me ha
traido algunas complicaciones.
Aqui dejo el codigo, espero me ayuden, saludos
head
link rel=stylesheet type=text/css href=styleiframe.css
/head
body id=contenido
div id=container3
div id=container2
div id=container1
div id=col1
!-- Column one start --
h2Nosotros/h2
pJavaScript is not required. Some website layouts
rely on
JavaScript hacks to resize divs and force elements into place but
you won't
see any of that nonsense here./p
!-- Column one end --
/div
div id=col2
!-- Column two start --
h2No Images/h2
pThis three column layout requires no images. Many
CSS
website designs need images to colour in the column backgrounds but
that is
not necessary with this design. Why waste bandwidth and precious HTTP
requests when you can do everything in pure CSS and HTML?/p
h2Valid XHTML strict markup/h2
pThe HTML in this layout validates as XHTML 1.0
strict./p
h2This layout is FREE for anyone to use/h2
pYou don't have to pay anything. Simply view the
source of
this page and save the HTML onto your computer. My only suggestion
is to put
the CSS into a separate file. If you are feeling generous however,
link back
to this page so other people can find and use this layout too./p
!-- Column two end --
/div
div id=col3
!-- Column three start --
h2Cross-Browser Compatible/h2
img src=images/uvas.jpg altFotografias/
h3iPhone amp; iPod Touch/h3
ul
liSafari/li
/ul
h3Mac/h3
ul
liSafari/li
liFirefox/li
liOpera 9/li
liNetscape 7 amp; 9/li
/ul
h3Windows/h3
ul
liFirefox 1.5, 2 amp; 3/li
liSafari/li
liOpera 8 amp; 9/li
liExplorer 5.5, 6 amp; 7/li
liGoogle Chrome/li
liNetscape 8/li
/ul
!-- Column three end --
/div
/div
/div
div name=bg_name class=box_background style=height: 100%; width:
100%;style=filter:alpha(opacity=50); z-index:-200; /div
/div
script src=http://www.google-analytics.com/urchin.js;
type=text/javascript
/script
script type=text/javascript
_uacct = UA-1848067-8;
urchinTracker();
/script
/body
#contenido {
margin:0;
padding:0;
color:white;
}
.box_background {
background-color:#000;
height:100%;
left:0;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position:absolute;
top:0;
width:100%;
z-index:-99;
}
/* Start of Column CSS */
#container3 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background: transparent;
/* column 3 background colour */
}
#container2 {
clear:left;
float:left;
width:100%;
position:relative;
right:33.333%;
background:; /* column 2 background colour */
}
#container1 {
float:left;
width:100%;
position:relative;
right:33.33%;
background:#; /* column 1 background colour */
}
#col1 {
float:left;
width:29.33%;
position:relative;
left:68.67%;
overflow:hidden;
}
#col2 {
float:left;
width:29.33%;
position:relative;
left:72.67%;
overflow:hidden;
}
#col3 {
float:left;
width:29.33%;
position:relative;
left:76.67%;
overflow:hidden;
}
#col3 img {
z-index:101;
opacity:1;
}
/* -- */
El 13 de febrero de 2009 0:45, Agustin Bouillet
agustin.bouil...@gmail.comescribió:
Este método es un poco peligroso si se lo usa para un maquetado
general
pero, si es usado en particularidades dentro de un sitio o página,
puede
ser
de grán utilidad. Usarlo del modo expuesto puede atentar contra la
navegabilidad y/o accesibilidad de un sitio. No hay que descartar el
recurso
pero es imortante ser prudente.
Y sobre el enlace para la vuelta a punto de partida, es viable pero
sigue
siendo molesto e inapropiado no poder disponer de las barras de
scroll.
Mi opinión.
Gracias Rodrigo por atender a mi pregunta.
[Ovillo] Menú Vertical CSS
Buenas a todos. Donde puedo conseguir un código de un menú vertical que cuando se le de click a una opción que tiene submenu de desplace hace abajo corriendo las opciones que estén debajo de a la que se le dio click. Gracias por sus comentarios ___ 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] Menú Vertical CSS
Busca informacion de menus con jquery en google existen cantidades de ejemplos El 12/02/2009, a las 21:46, William Diaz Pabón escribió: Buenas a todos. Donde puedo conseguir un código de un menú vertical que cuando se le de click a una opción que tiene submenu de desplace hace abajo corriendo las opciones que estén debajo de a la que se le dio click. Gracias por sus comentarios ___ 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 Mauricio Dulce mauricio.du...@gmail.com +57 315 4183043 http://www.3zona.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
Re: [Ovillo] Menú Vertical CSS
¿Algo así? http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm Saludos! – Pablo Rodríguez Molinari Maquetador Web (+54 9) 11 5527 2808 | www.niceslice.com.ar 2009/2/12 William Diaz Pabón wid...@hotmail.com Buenas a todos. Donde puedo conseguir un código de un menú vertical que cuando se le de click a una opción que tiene submenu de desplace hace abajo corriendo las opciones que estén debajo de a la que se le dio click. Gracias por sus comentarios ___ 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] Menú Vertical CSS
Mira el código fuente de http://almorca.es/portafolio/verde/ aunque ese código es algo antiguo y seguro que ya está mejorado. El 13 de febrero de 2009 4:42, niceslice :: maquetador web maquet...@gmail.com escribió: ¿Algo así? http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm Saludos! – Pablo Rodríguez Molinari Maquetador Web (+54 9) 11 5527 2808 | www.niceslice.com.ar 2009/2/12 William Diaz Pabón wid...@hotmail.com Buenas a todos. Donde puedo conseguir un código de un menú vertical que cuando se le de click a una opción que tiene submenu de desplace hace abajo corriendo las opciones que estén debajo de a la que se le dio click. Gracias por sus comentarios ___ 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
