Re: [Ovillo] Cambio de fondo dependiendo de la página
Quisiera aclarar que la de Marc es una propuesta mas idónea (que no más
correcta) al separar el código html del diseño.
Cumple con los estándares, aunque claro, que si lo que se quiere es hacer
sólo unas pruebas ambos son funcionales. Saludos. Jorge.
El 19 de abril de 2011 05:51, Nacho [www.nomiresatras.com]
na...@nomiresatras.com escribió:
La verdad es que la solución es muy sencilla y funciona perfectamente.
Muchas gracias a ambos.
-Mensaje original-
From: Guadalupe Cervilla
Sent: Tuesday, April 19, 2011 10:48 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo]Cambio de fondo dependiendo de la página
Hola,
Se me ocurre algo, aunque ya me corregirán los que saben más, si me
equivoco.
Si el único fondo diferente es el del index, y los de las pág. interiores
son siempre el mismo, ¿por qué no le pones un class al body del index,
indicando el fondo específico que quieres para él? Algo así como:
HTML del index:
body class=fondoIndex
CSS:
body {
background-image: url(imgFondoInteriores.jpg);
}
body.class {
background-image: url(imgFondoIndex.jpg);
}
Un saludo,
Guadalupe Cervilla
El 19 de abril de 2011 10:19, Nacho [www.nomiresatras.com]
na...@nomiresatras.com escribió:
Hola a todos.
Tengo un diseño en el que el fondo de la página principal es diferente al
fondo de las páginas interiores. Ahora tengo puesto el código con el
fondo
de los interiores en el head de las páginas interiores pero no me
parece
una solución elegante. ¿Cómo puedo hacer que el fondo cambie dependiendo
de
cuál sea la página utilizando el mismo archivo CSS?
Muchas gracias.
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
--
Guadalupe
www.hacerwebs.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 la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] cajas ...aún sin solución...
Hola Rosa:
Estuve probando y no te aparece porque no está escrito correctamente.
Fijate, el codigo es así:
#datos02 {
height:502px;
width:668 px;
background-color:red;
}
#datos02 .col1 {
background-color: #fff;
float:left;
width:340px;
height:191px;
}
Al height de #datos02 le faltaba la medida px (que tiene que ir pegado al
número ya que sino no funciona). Además le agregué un color de fondo
diferente a los 2 div. Fijate que ahora si se vé porque ya lo probé.
El 3 de marzo de 2011 23:20, Rosa González loqldalqu...@gmail.comescribió:
Jorge:
Lo cambié...el código html...eso me ordenó algo...pero la caja del
segundo div=datos02;
me sigue sin aparecer
Me queda borrar todo el código CSS y hacerlo de nuevo...
No ha funkado...pero probando otra vez...aviso...
Gracias...
Rosa
El 03/03/11, jorge adrian gonzalez jorge...@gmail.com escribió:
Rosa me imagino que te referías a que el menú de navegación te aparece en
el
centro de la página y no arriba.
Fijate que si ves el código te falte cerrar el div cabecera (fijate que
te
lo puse en rojo en el código); en tu codigo fijate que vos la abrís y
cerras
al lado y la lista ul queda furera del contenedor cabecera.
Avisame si era ese el problema. Yo lo probé ya y con ese cambio el menú
se
ve arriba.
También borre en la etiqueta #datos01 .col1 pusiste la palabra ma
abajo;
eso lo borré también.
Fijate que en tu código también te puse en rojo para que lo veas.
Avisame
si te funkó.
Saludos.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; lang=es xml:lang=es
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
/
style type=text/css
html, body{height:100%}
#contenedor{
background-color:#DDD;
width:960px;
margin:0 auto;
height:auto !important;
height:100%;
min-height:100%;}
#cabezal{
margin:left;
height:360px;
background-image:
url(interfaz/fondoCabezal.jpg)
}
#menu ul{
height:40px;
border: 1px solid red;/*lo puse para ver si está correcta la propiedad
y el html*/
}
#menu{height:40px;
background-color:#CCC;}
#menu li {
float:left;
width:119px;
list-style-type:none;
height:40px;}
#datos01{
height:502px;
background-color:#CCC;}
#datos01 .col1{
float:left;
width:253px;
height:480px;
}
#datos02{ height:502;
width:668 px;
background-color:#3C0;}
#daots02 .col1{float:left;
width:340px;
height:191px;
}
#pie{
height:35px;
background-color:#CCC;
margin-top:-35px;
width:960px;
margin:0 auto;
}
.restaurador{
clear:both;
height:0;
}
#restaurador_final{clear:both;
height:50px;
}
/style
/head
body
div id=contenedor
div id=cabezal
ul id=menu li a href=index.html/aEmpresa
/li
li/aProductos /li
liServicios/a/li
/ul
/*fin div cabecera*/
/div
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
El 3 de marzo de 2011 17:51, Rosa González loqldalqu...@gmail.com
escribió:
No vi respuesta ...pero es porque subí un archivo adjunto y la lista no
lo
permite...
Para todo caso, lo dejo aquí abajo ya que es un trabajo suspendido al
que
no
encuentro vuelta ...
Gracias...
Rosa
html
body
div id=contenedor
div id=cabezal/div
ul id=menu li a href=index.html/aEmpresa /li
li/aProductos /li
liServicios/a/li
/ul
div id=datos01 div class=col1 /div
/div
div id=datos02 div class=col1 /div
div class=col2/div
div class=col3/div
/div
div class=restaurador /div
div id=restaurador final
/div
div id=pie
/div
/body
/html
-
- CSS :
- html, body{height:100%}
-
- #contenedor{
- background-color:#DDD;
- width:960px;
- margin:0 auto;
- height:auto !important;
- height:100%;
- min-height:100%;}
-
- #cabezal{
- margin:left;
- height:360px
Re: [Ovillo] cambiar estilo a una sola palabra
No me queda claro lo que preguntas sin ver el ejemplo.
Pero si queres darle estilo a una palabra de un enlace encerra esa palabra
dentro de una etiqueta spam y dale estilo a ese spam en particular.
Lo mejor es definir una clase para ese span:
aEsto es un span class=resaltarenlace/span/a
En css:
a {
color: black;
}
.resaltar {
color: red;
}
Así el enlace se verá negro salvo la palabra enlace que se verá en rojo.
No se si esa era tu pregunta. Saludos. Jorge.
El 28 de febrero de 2011 16:13, GiLgAmEzH gilgam...@gmail.com escribió:
Hola a todos,
Creo que no hay ningún selector en CSS que me permita hacerlo, pero
ante la duda consulto para estar seguro.
Tengo una web en Drupal y el diseño que me pidieron requiere que un
titulo del menú tenga 2 estilos diferentes. El tema es que como es un
drupal no puedo meterle un div por ejemplo a la parte que quiero que
tenga estilo diferente.
Mi pregunta es si hay alguna manera de seleccionar (con css 2.1) una
sola palabra de un link y aplicarle un estilo.
por ejemplo: a title=Biografía href=/?q=bioBIOGRAFÍA Biography/a
yo quiero aplicar un estilo diferente a Biography.
Por ahora lo solucione con un pseudo-Script (sé muy poco de js y jquery)
$(document).ready(function(){
$('#primary').html($('#primary').html().replace(/Biography/ig,
englishBiography/english))
});
entonces después le doy otro estilo a english. pero en IE no logro
hacerlo funcionar y además no es muy prolijo.
gracias y saludos!
--
Los filósofos no han hecho más que interpretar de diversos modos el
mundo, pero de lo que se trata es de transformarlo C.M. Tesis 11
Uno no siempre hace lo que quiere
pero tiene el derecho de no hacer
lo que no quiere.
http://www.flickr.com/bolche
MSN, Gtalk, Jabber: gilgam...@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
___
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] Mostrar estilos en una etiqueta a pasar el mouse por otra etiqueta de tipo enlace
Hola a todos:
Les consultaba por una duda. Tengo una barra de navegación con 6 items.
A su vez más abajo tengo otra barra con dibujos que son los mismos links que
arriba pero sólo imagen sin texto.
Lo que me pidieron es que al pasar por los link de la primera barra en la
segunda cambie el color del icono de la (segunda barra) que lleva al mismo
link.
La cuestión es que puedo lograrlo posicionando una etiqueta dentro de otra y
luego al icono que muestra la imagen
lo posiciono de manera absoluta y logro el efecto así.
ul id=barra_1
lia class=a1 href=link_1texto_1/a/li
lia class=a2href=link_2texto_2/a/li
/ul
ul id=barra_2
lia class=a3 href=link_1imagen_1/a/li
lia class=a4 href=link_2imagen_2/a/li
style
#barra_1 a.a1:hover a.a3 {
background: url(ruta_imagen);
}
/style
/ul
Se bien que asi no funciona. Para que el estilo funcione se hace esto:
ul id=barra_1
lia class=a1 href=link_1texto_1/aa class=a3
href=link_1imagen_1/a/li
lia class=a2href=link_2texto_2/aa class=a4
href=link_2imagen_2/a/li
/ul
Luego se posicionan las clases a3 y a4 de forma absoluta. Lo que quería
saber es si era posible mantener la estructura de las 2 listas separadas y
que funcione sin usar javaScript. (Es lo que me pidieron).
¿Tienen alguna sugerencia?
Desde ya muchas gracias!!! Jorge
___
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] Mostrar estilos en una etiqueta a pasar el mouse por otra etiqueta de tipo enlace
Gerardo tienes razón disculpá, cometí un error; las etiquetas van anidadas ,
no una a continuación de la otra.
También me di cuenta que no funciona cuando las etiquetas anidadas son 2
enlaces, pero si con otras etiquetas.
Este código está probado:
style
#barra_1 .a1:hover h2 {color: red;}
#barra_1 .a2:hover h2 {color: red;}
/style
ul id=barra_1
lia class=a1 href=link_1texto_1h2 class=a3imagen_1/h2/a/li
lia class=a2href=link_2texto_2h2 class=a4imagen_2/h2/a/li
/ul
Esta opción se vuelve bastante interesante cuando la etiqueta interna (en
este caso h2) la posicionas de forma absoluta y luego la mueves al punto de
la página que quieras; o con la propiedad display.
Hace poco buscando me topé con esto:
http://www.grafikas.es/web_apuntes/galerias.htm
Hice varias pruebas pero nunca con dos enlaces; parece que no funciona.
Ahora tal vez puedas entender por donde va mi pregunta. Saludos!!!
El 26 de febrero de 2011 12:13, jorge adrian gonzalez
jorge...@gmail.comescribió:
Hola a todos:
Les consultaba por una duda. Tengo una barra de navegación con 6 items.
A su vez más abajo tengo otra barra con dibujos que son los mismos links
que arriba pero sólo imagen sin texto.
Lo que me pidieron es que al pasar por los link de la primera barra en la
segunda cambie el color del icono de la (segunda barra) que lleva al mismo
link.
La cuestión es que puedo lograrlo posicionando una etiqueta dentro de otra
y luego al icono que muestra la imagen
lo posiciono de manera absoluta y logro el efecto así.
ul id=barra_1
lia class=a1 href=link_1texto_1/a/li
lia class=a2href=link_2texto_2/a/li
/ul
ul id=barra_2
lia class=a3 href=link_1imagen_1/a/li
lia class=a4 href=link_2imagen_2/a/li
style
#barra_1 a.a1:hover a.a3 {
background: url(ruta_imagen);
}
/style
/ul
Se bien que asi no funciona. Para que el estilo funcione se hace esto:
ul id=barra_1
lia class=a1 href=link_1texto_1/aa class=a3
href=link_1imagen_1/a/li
lia class=a2href=link_2texto_2/aa class=a4
href=link_2imagen_2/a/li
/ul
Luego se posicionan las clases a3 y a4 de forma absoluta. Lo que quería
saber es si era posible mantener la estructura de las 2 listas separadas y
que funcione sin usar javaScript. (Es lo que me pidieron).
¿Tienen alguna sugerencia?
Desde ya muchas gracias!!! Jorge
___
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] Formación gratuita de HTML5 . Pildora formativa
Dale Manuel, sos un capo. Muchas gracias por el aporte! 2011/2/14 Manuel medina manumed...@gmail.com Hola Jorge, No te sabría contestar. La pildora formativa que se dará en marzo no creo que tengamos medios para hacer algo en streaming, pero si puedes seguir la evolución del curso con el Hashtag de twitter #html5mor #html5 (madrid on rails) que es donde se celebra. Si quieres el 9 de marzo me mandas un email y te mando la presentación Saludos Manuel Medina 647 63 39 76 manumed...@gmail.com @medinamanu Message: 5 Date: Sun, 13 Feb 2011 22:06:28 -0300 From: jorge adrian gonzalez jorge...@gmail.com Subject: Re: [Ovillo] Formación gratuita de HTML5 . Pildora formativa To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Message-ID: aanlktikf6nfgg2whdpps0hsbdqw9nhxmbeyq5bh5i...@mail.gmail.com Content-Type: text/plain; charset=UTF-8 Hola Manuel. Me llamo Jorge, de Argentina. Me parece estupendo el curso, pero lamentablemente se me hace un poco dificil llegarme...Por eso una pregunta, conocés algún curso de este tipo que sea gratuito y de modalidad online??? Saludos. Jorge. 2011/2/13 Manuel medina manumed...@gmail.com Hola, A toda la gente de Madrid a principios de Marzo doy una formación de HTML5 y CSS3. Para apuntarte te tienes que registrar en Madridonrails y unirte a esta formación. Es gratuita: http://madridonrails.com/modules/?r=events/view/P-ldora-formativa-HTML-5-Empieza-la-revoluci-n -- Manuel Medina 647 63 39 76 manumed...@gmail.com @medinamanu ___ ___ 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] Formación gratuita de HTML5 . Pildora formativa
Hola Manuel. Me llamo Jorge, de Argentina. Me parece estupendo el curso, pero lamentablemente se me hace un poco dificil llegarme...Por eso una pregunta, conocés algún curso de este tipo que sea gratuito y de modalidad online??? Saludos. Jorge. 2011/2/13 Manuel medina manumed...@gmail.com Hola, A toda la gente de Madrid a principios de Marzo doy una formación de HTML5 y CSS3. Para apuntarte te tienes que registrar en Madridonrails y unirte a esta formación. Es gratuita: http://madridonrails.com/modules/?r=events/view/P-ldora-formativa-HTML-5-Empieza-la-revoluci-n -- Manuel Medina 647 63 39 76 manumed...@gmail.com @medinamanu ___ 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 r ___ 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
