2 hojas CSS y un sólo contenido

[danielin]

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!!

[daPhyre]

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?

[arriaka]

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).

[JavierB]

Hola danielin

¿Te refieres a esto...?

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

Saludos,

[djdraft]

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

[danielin]

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.

[daPhyre]

¡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.

[JavierB]

Iniciado por danielin

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,

[daPhyre]

Iniciado por JavierB

¿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 ^^

[danielin]

Iniciado por daPhyre

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 !

[pateketrueke]

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

[daPhyre]

Iniciado por pateketrueke

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?

[iconogt]

hechale un vistazo al proyecto camaleon www.camaleoncss.com