High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Choix du design du site

Dernière réponse le 13 jun 2006 à 14:35:00 existance, le 11 jun 2006 à 20:58:15 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « choix du design du site » dans :
Recruter sur Internet de manière efficace Voir
Choisir une image et savoir l’optimiser pour son site pro VoirChoisir une image et savoir l’optimiser pour son site professionnel Pour rendre un affichage optimal des images de votre site Internet professionnel, le choix du format doit être impérativement réalisé en fonction de son utilisation. Choisir...
Choisir un hébergeur pour votre site Internet professionnel Voir
Webmastering - Conception d'un site web VoirConception d'un site web La conception d'un site web doit être une démarche participative, orientée utilisateurs, c'est-à-dire qu'elle doit se faire, autant que possible, en concertation avec un ensemble de représentants de l'entreprise ou de...
Webmastering - Webdesign VoirIntroduction au webdesign Le terme « webdesign » désigne la discipline consistant à structurer les éléments graphiques d'un site web afin de traduire, à travers une dimension esthétique, l'identité visuelle de la société ou de l'organisation. Il...
Posez votre question Répondre

1

antic80, le 12 jun 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 12 jun 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 12 jun 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 13 jun 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 13 jun 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
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net