Thème amovible
Spottedz
-
magicshark Messages postés 445 Statut Membre -
magicshark Messages postés 445 Statut Membre -
Bonsoir à tous,
Voilà mon site http://durostarz.power-heberg.com/
En haut vous pouvez voir les onglets "wow" et "forum", Je vais rajouter 4 onglets, qui changerons le thème.
Les thèmes changerons uniquement en modifiant l'image du fond.
Cependant je ne sais pas comment faire?
Crée 4 pages css en modifiant juste le nom de l'image?Mais je peux mettre qu'un seul chemin dans mes pages html.
ou multiplier tout mes pages html par 4 ainsi que mes dossier image/css/... ?(déjà testé j'ai recommencé, trop de pages/dossier/....)
Comme vous l'avez compris je souhaite que les visiteurs du site puisse en cliquant sur les onglets en haut, changé l'image de fond.
J'attend votre aide avec impatiente.
Voilà mon site http://durostarz.power-heberg.com/
En haut vous pouvez voir les onglets "wow" et "forum", Je vais rajouter 4 onglets, qui changerons le thème.
Les thèmes changerons uniquement en modifiant l'image du fond.
Cependant je ne sais pas comment faire?
Crée 4 pages css en modifiant juste le nom de l'image?Mais je peux mettre qu'un seul chemin dans mes pages html.
ou multiplier tout mes pages html par 4 ainsi que mes dossier image/css/... ?(déjà testé j'ai recommencé, trop de pages/dossier/....)
Comme vous l'avez compris je souhaite que les visiteurs du site puisse en cliquant sur les onglets en haut, changé l'image de fond.
J'attend votre aide avec impatiente.
1 réponse
-
tu peux tres bien avoir un liens dynamique admettons 4 themes
DEFAULT
BLEU
ROUGE
VERT<?php If(isset($_POST['theme'])) { $color=$_POST['theme']; } else { $color=default; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>??</title> <?php echo '<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design_".$color.".css" />' ?> </head>
il te faut donc 4 css different :
-design_default.css
-design_bleu.css
-design_rouge.css
-design_vert.css
