Choix du design du site
Résolu/Fermé
A voir également:
- Choix du design du site
- Site de telechargement - Guide
- Liste déroulante de choix excel - Guide
- Site inaccessible - Guide
- Site de vente entre particulier - Guide
- Darkino site - Guide
5 réponses
antic80
Messages postés
4751
Date d'inscription
lundi 30 mai 2005
Statut
Contributeur
Dernière intervention
9 septembre 2009
1 159
12 juin 2006 à 07:29
12 juin 2006 à 07:29
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
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
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
12 juin 2006 à 12:05
12 juin 2006 à 12:05
Bonjour,
Ça s'appelle du style switching. Ça se fait avec des “alternate stylesheet” en CSS. Et en Javascript ou en PHP.
https://www.google.fr/search?as_q=&num=100&hl=fr&lr=lang_fr&as_epq=style+switching&gws_rd=ssl
On trouve des ressources ici :
http://forum.alsacreations.com/faq/#item12
https://alistapart.com/article/alternate/
Ça s'appelle du style switching. Ça se fait avec des “alternate stylesheet” en CSS. Et en Javascript ou en PHP.
https://www.google.fr/search?as_q=&num=100&hl=fr&lr=lang_fr&as_epq=style+switching&gws_rd=ssl
On trouve des ressources ici :
http://forum.alsacreations.com/faq/#item12
https://alistapart.com/article/alternate/
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!
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!
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
13 juin 2006 à 02:47
13 juin 2006 à 02:47
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 ?
Est-ce que css.css ne devrait pas aussi avoir un title ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question