Choix du design du site [Résolu]

antic80, le lundi 12 juin 2006 à 07:29:47

Salut

en fait le site utilise 2 choses le css et le javascript

il faut créer en css autant de feuille que de design que tu veux

ensuite en javascript il faut faire une fonction qui recupere le lien sur lequel tu clic et qu'ensuite le lien vers la page css soit modifiez

Répondre à antic80

2

Gihef, le lundi 12 juin 2006 à 12:05:12

Bonjour,

Ça s'appelle du style switching. Ça se fait avec des “alternate stylesheet” en CSS. Et en Javascript ou en PHP.
http://www.google.fr/search?as_q=&num=100&hl=fr&lr=lang_fr&as_epq=style+switching

On trouve des ressources ici :
http://forum.alsacreations.com/faq/#item12
http://www.alistapart.com/articles/alternate/

-- > Nous avons su vous aider ? Alors, aidez-nous, dites-le et
-- > • cochez le problème comme résolu. Merci.

Répondre à Gihef

3

existance, le lundi 12 juin 2006 à 23:51:03

Merci pour votre aide , mais mon code ne fonctionne pas.
Je vous le met en esperant que vous puissiez me dire d'ou vient le probleme , si mon code n'est pas correct , pouvez vous me dire a quel endroit svp , merci d'avance! Peut etre que je dois ajouter quelque chose a mes css en rapport avec le javascript?

VOICI LE CODE DE MON SITE AINSI QUE LE "STYLESWITCHER INTEGRé

<html>
<head>
<link rel="stylesheet" href="css.css" type="text/css">
<link rel="alternate stylesheet" href="css2.css" type="text/css" title="css2">
<script type="text/javascript" src="styleswitcher.js"></script>
</head>
<body background="textureor.jpg" text="#33CCCC">
<a href="#" onclick="setActiveStyleSheet('css'); return false;">activer le design classique</a>
<a href="#" onclick="setActiveStyleSheet('css2'); return false;">activer le design 2</a>

<!tableau de gauche>
<div id="gauche"> </div>
<!tableau de gauche>

<table width="180" style="position: absolute; left: 20 ; top: 230" height="50">
<tr>
<td style="background: url(textureor.jpg)"><center><b><h1>menu</h1></b>
</td>
</tr>
</table>

<div id="centre">Ce site est en train de se construire .. en attendant vous savez pas ... </div>

<div id="droite">Qui je suis .</div>

JE VOUS DONNE AUSSI MES DEUX CSS AU CAS OU

LE PREMIER

#haut
{width: 980px;
height: 200px;
background-image: url("images/flammesb.jpg")
}

#gauche
{width: 200px;
height: 600px;
background-image: url("images/cmn.jpg");
}

#centre
{width: 560px;
height: 600px;
background-image: url("images/cmn2.jpg");
position: absolute;
margin-left: 210px;
margin-top: -600px;
}

#droite
{width: 200px;
height: 600px;
background-image: url("images/cmn3.jpg");
position: absolute;
margin-left: 780px;
margin-top: -600px;
}

ET LE DEUXIEME

#haut
{width: 980px;
height: 200px;
background-color: green
}

#gauche
{width: 200px;
height: 600px;
background-color: green;
}

#centre
{width: 560px;
height: 600px;
background-color: green;
position: absolute;
margin-left: 210px;
margin-top: -600px;
}

#droite
{width: 200px;
height: 600px;
background-color: green;
position: absolute;
margin-left: 780px;
margin-top: -600px;
}

J'ATTEND VOTRE AIDE AU PLUS VITE

MERCI!

Répondre à existance

4

Gihef, le mardi 13 juin 2006 à 02:47:19

Il manque le contenu de styleswitcher.js qui n'est pas intégré mais externe.

Est-ce que css.css ne devrait pas aussi avoir un title ?
-- > Nous avons su vous aider ? Alors, aidez-nous, dites-le et
-- > • cochez le problème comme résolu. Merci.

Répondre à Gihef

5

existance, le mardi 13 juin 2006 à 14:35:00

J'ai nomé la feuille de style principale , le probleme est résolue , j'ai suivi un exemple qui apparement contenait une erreur , en effet la premiere feuille de style n'avait pas de title , merci pour votre aide !

Répondre à existance