Foros del Web » Creando para Internet » CSS »

2 hojas CSS y un sólo contenido

Estas en el tema de 2 hojas CSS y un sólo contenido en el foro de CSS en Foros del Web. Hola! Nuevo escribiendo por aquí... estoy haciendo una web, y me gustaría relacionar una sóla página con dos hojas de estilo diferente, de tal forma ...
  #1 (permalink)  
Antiguo 09/04/2008, 17:05
 
Fecha de Ingreso: junio-2005
Mensajes: 4
Antigüedad: 12 años, 6 meses
Puntos: 0
2 hojas CSS y un sólo contenido

Hola!

Nuevo escribiendo por aquí... estoy haciendo una web, y me gustaría relacionar una sóla página con dos hojas de estilo diferente, de tal forma que existan dos páginas con el mismo contenido, pero con diferentes estilos... algo como:

verde.css ( establece que el color de la fuente es verde)
rojo.css (establece que el color de la fuente es rojo)

verde.php (el color del texto es verde, aplicada la verde.css)
rojo.php (el color del texto es rojo, aplicada la roja.css)


Espero haberme explicado bien... ¡¡gracias por la ayuda!!
  #2 (permalink)  
Antiguo 09/04/2008, 20:16
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: 2 hojas CSS y un sólo contenido

Lo siento mucho, estoy intentando decifrar lo que dijiste, pero ya pensé como en tres posibilidades y no creo que sea ninguna. Para empezar, no entiendo bien lo que haces o como se cargan estas páginas. Intentaré adivinar a ver si puedo ayudarte: ¿Estás diciendo que tienes una página, y (por ejemplo), al picar un botón te cargue uno de los php con su css respectivo en la misma página desde donde le picaste?
  #3 (permalink)  
Antiguo 10/04/2008, 05:03
Avatar de arriaka  
Fecha de Ingreso: febrero-2008
Mensajes: 45
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: 2 hojas CSS y un sólo contenido

Hola danielin

No entiendo bien si quieres tener una sola pagina y que segun una variable que le entre se cargue una css u otra (seria cuestion de hacer un if else), o son paginas diferentes y cada una tiene su css (rojo.php y verde.php, por lo que no tendria ningun misterio).
  #4 (permalink)  
Antiguo 10/04/2008, 09:56
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: 2 hojas CSS y un sólo contenido

Hola danielin

¿Te refieres a esto...?

http://kusor.net/traducciones/ala.es...ate/index.html

Saludos,
  #5 (permalink)  
Antiguo 10/04/2008, 10:17
Avatar de djdraft  
Fecha de Ingreso: abril-2008
Mensajes: 118
Antigüedad: 9 años, 8 meses
Puntos: 0
Re: 2 hojas CSS y un sólo contenido

Hola pues para eso no tienes porque hacer dos ojas de estilo, basta con que al div contenedor de una pagina le pongas un id="" o una class="" po ejemplo
-----------------------------------------------------------------------------------
pagina 1
#contenedor1 {
pondras el color que quieras para el contenedor 1 que abarca toda la pag

}

este es el contenido html

<div id="contendor1">
esta es la pagina 1
<div>
--------------------------------------------------------------------------------------

pagina 2
#contenedor1 {
pondras el color que quieras para el contenedor 1 que abarca toda la pag

}

este es el contenido html

<div id="contendor2">
esta es la pagina 2
<div>
-----------------------------------------------------------------------------------------

por como tiene un id diferente puedes hacerlo asi
#contenedor1 {
color: green;
}

#contenedor2 {
color: red;
}

ESO ES TODO. BYE
  #6 (permalink)  
Antiguo 10/04/2008, 16:15
 
Fecha de Ingreso: junio-2005
Mensajes: 4
Antigüedad: 12 años, 6 meses
Puntos: 0
Re: 2 hojas CSS y un sólo contenido

no me he explicado... quiero que se enlace una hoja de estilo A con un contenido, y otro link que enlace una hoja de estilo B con ese mismo contenido.

Acceder al mismo contenido con dos css diferentes.
  #7 (permalink)  
Antiguo 11/04/2008, 10:22
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: 2 hojas CSS y un sólo contenido

¡Lo que tú quieres es una página en la que puedas cambiar de estilos! ¿No es así?

Si es eso, la verdad es batante sencillo. Primero debemos crear un archivo llamado estilos.js y ponerle este contenido:

Código:
function cambiarestilo(archivo){
	document.getElementById('estilo').href=archivo;
}
Después, poner en el HEAD estas dos líneas, para llamar a los estilos (el id es importante), y al javascript:

Código HTML:
<link rel="StyleSheet" href="rojo.css" type="text/css" id="estilo">
<script src="estilos.js" type="text/javascript"></script> 
Por último, agregar los links correspondientes, como este ejemplo:

Código HTML:
<p><a href="javascript:cambiarestilo('rojo.css')">Rojo</a> |
<a href="javascript:cambiarestilo('verde.css')">Verde</a></p> 
Espero sea lo que necesitas y te sirva.
  #8 (permalink)  
Antiguo 11/04/2008, 10:26
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: 2 hojas CSS y un sólo contenido

Cita:
Iniciado por danielin Ver Mensaje
no me he explicado... quiero que se enlace una hoja de estilo A con un contenido, y otro link que enlace una hoja de estilo B con ese mismo contenido.

Acceder al mismo contenido con dos css diferentes.
¿Dos hojas de estilo iguales? ¿Para qué?

Saludos,
  #9 (permalink)  
Antiguo 11/04/2008, 10:45
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Re: 2 hojas CSS y un sólo contenido

Cita:
Iniciado por JavierB Ver Mensaje
¿Dos hojas de estilo iguales? ¿Para qué?

Saludos,
Les digo que al chico le falta habilidad para expresar sus ideas, pero con un poco de lógica se le entiende. Al referirse con contenido, no dice de los CSS, si no de los HTML. En otras palabras, quiere que una página pueda desplegar su información con dos estilos distintos (Y sin tener que subir dos páginas distintas para eso especificando sus respectivos estilos)... O al menos eso fue lo que le entendí ^^'

Saludos de regreso ^^
  #10 (permalink)  
Antiguo 11/04/2008, 10:49
 
Fecha de Ingreso: junio-2005
Mensajes: 4
Antigüedad: 12 años, 6 meses
Puntos: 0
Re: 2 hojas CSS y un sólo contenido

Cita:
Iniciado por daPhyre Ver Mensaje
Les digo que al chico le falta habilidad para expresar sus ideas, pero con un poco de lógica se le entiende. Al referirse con contenido, no dice de los CSS, si no de los HTML. En otras palabras, quiere que una página pueda desplegar su información con dos estilos distintos (Y sin tener que subir dos páginas distintas para eso especificando sus respectivos estilos)... O al menos eso fue lo que le entendí ^^'

Saludos de regreso ^^



jajaja gracias! exactamente es eso !
  #11 (permalink)  
Antiguo 11/04/2008, 16:28
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 9 años, 8 meses
Puntos: 2526
Re: 2 hojas CSS y un sólo contenido

por cierto... no es posible cambiar el href o src, de nuestros <link rel....

para hacer esto, debemos usar document.stylesheets, asi entonces... podemos usar el atributo disabled="disabled"

http://www.webmasterworld.com/forum83/8096.htm
  #12 (permalink)  
Antiguo 14/04/2008, 09:08
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Pregunta Re: 2 hojas CSS y un sólo contenido

Cita:
Iniciado por pateketrueke Ver Mensaje
por cierto... no es posible cambiar el href o src, de nuestros <link rel....
¿Y que hay de la solución que yo propuse poco arriba?
  #13 (permalink)  
Antiguo 15/04/2008, 00:50
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Re: 2 hojas CSS y un sólo contenido

hechale un vistazo al proyecto camaleon www.camaleoncss.com
__________________
_______
Jorge Rojas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:59.