Choix du design du site
Résolu
existance
-
existance -
existance -
Bonjour et bonsoir a tout le monde
http://www.phpdebutant.org/
sur ce site en dessandant un petit peu sur la page , on peux choisir le design du site...
J'aimerais pouvoir faire la meme chose sur mon site , mais je ne sais pas du tout comment il faut faire , pouvez vous m'aider s'il vous plait , je vous remerci par avance...
Je connais le html , donc mon site est fait dans ce language , et je conais les bases du css...
Si quelqu'un pouvait me donner le code tout pret avec quelques explications , ca serait sympa!
Merci beaucoup...
http://www.phpdebutant.org/
sur ce site en dessandant un petit peu sur la page , on peux choisir le design du site...
J'aimerais pouvoir faire la meme chose sur mon site , mais je ne sais pas du tout comment il faut faire , pouvez vous m'aider s'il vous plait , je vous remerci par avance...
Je connais le html , donc mon site est fait dans ce language , et je conais les bases du css...
Si quelqu'un pouvait me donner le code tout pret avec quelques explications , ca serait sympa!
Merci beaucoup...
A voir également:
- Choix du design du site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Liste déroulante de choix excel - Guide
5 réponses
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
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!
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