Css et php : choix pour le visiteur
bg62
Messages postés
23433
Date d'inscription
Statut
Modérateur
Dernière intervention
-
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23433 Date d'inscription Statut Modérateur Dernière intervention -
bonjour .
je remets le 'post' à zéro, la situation ayant un peu bougé !
... et depuis que l'on m'a demandé de laisser le choix de la couleur aux visiteurs / JE RAME !!! malgré toutes les aides que j'ai pues avoir ...
En résumé
actuel : http://unesourisetmoi.free.fr
je voudrais faire un 'switcher' comme ici:
http://s147948141.onlinehome.fr/exemple1/methode2/index.php (le zip se trouve là : http://s147948141.onlinehome.fr/exemple1/methode2.zip) mais n'est plus adapté aux modifications que je voudrais faire au switcher comme ici :
http://unesourisetmoi.free.fr/css5/index.php
(il y a encore pas mal de corrections à faire !)
si je pouvais avoir le même genre de modèle de base, avec la nouvelle image du switcher et les suppression des cases du haut, je pense que je pourrai très certainement avancer ensuite ...
alors ... avis aux espéchialistes !!!
et grand merci à l'avance
b g
--
le 'www' est fait aussi pour communiquer, partager et échanger, non ?
je remets le 'post' à zéro, la situation ayant un peu bougé !
... et depuis que l'on m'a demandé de laisser le choix de la couleur aux visiteurs / JE RAME !!! malgré toutes les aides que j'ai pues avoir ...
En résumé
actuel : http://unesourisetmoi.free.fr
je voudrais faire un 'switcher' comme ici:
http://s147948141.onlinehome.fr/exemple1/methode2/index.php (le zip se trouve là : http://s147948141.onlinehome.fr/exemple1/methode2.zip) mais n'est plus adapté aux modifications que je voudrais faire au switcher comme ici :
http://unesourisetmoi.free.fr/css5/index.php
(il y a encore pas mal de corrections à faire !)
si je pouvais avoir le même genre de modèle de base, avec la nouvelle image du switcher et les suppression des cases du haut, je pense que je pourrai très certainement avancer ensuite ...
alors ... avis aux espéchialistes !!!
et grand merci à l'avance
b g
--
le 'www' est fait aussi pour communiquer, partager et échanger, non ?
Configuration: Windows XP Internet Explorer 6.0
8 réponses
-
Salut.
Apprends le PHP et tu sauras faire ça facilement.
Je te donne un bout de solution.
Il faut faire un dossier un tu mettras les différents designs, avec un dossier nommé différemment pour chaque design.
Le plus facile est de numéroter les dossiers.
Par exemple :/designs/ 1/ menus.css news.css general.css 2/ menus.css news.css general.cssOu encore :/styles/ bleu/ menus.css news.css general.css vert/ menus.css news.css general.cssJe répète qu'il est plus simple d'utiliser des numéros.
Et le code sur chaque page :<?php //a mettre dans les premières lignes function designs($page) { if(!isset($_SESSION['design'])) { if(isset($_GET['design']) && is_dir($_SERVER['DOCUMENT_ROOT'].'ton_dossier_designs/'.$_GET['design'].'/')) $design=$_GET['design']; else $design='nom_du_dossier_de_ton_design_par_defaut'; $_SESSION['design']=$design; } return str_replace('{&design_choisi&}',$_SESSION['design'],$page); } ob_start('designs'); session_name('SESSION_NOM_DE_TON_SITE'); session_start(); //.... //ton code html ou php (n'oublies pas de refermer la balise bien sur !) ?> <!--....--> <!--entre les balises head, et ce pour chaque fichier CSS.--> <link rel="stylesheet" type="text/css" href="ton_dossier_designs/{&design_choisi&}/fichier.css" />Et quelquepart dans ta page, pour choisir ou changer de design :
(un lien par design, en mettant autant de liens que de designs, avec le nom du dossier correspondant à chaque fois)<a href="?design=dossier_design">Lien pour choisir le design ...</a>
--
Sylvain
"Join us now, and share the software. You'll be Free, hackers."-
Merci sylvain
mais je galère toujours autant !!!
quant à apprendre le php, un peu ... oui (à force !) mais à mon âge, pas évident !
finalement je voudrais réussir à faire ce switcher pour qu'il fonctionne comme ici : http://unesourisetmoi.free.fr/css5/index.php
mais en donnant le choix à partir de l'image "couleurs", mise ici, à droite : http://unesourisetmoi.free.fr/methode2plus/
(en supprimant donc la partie située dans la bande grise horizontale)
.... et c'est pas évident du tout pour moi ....
@mitiés
b g
-
-
Salut bg.
Je vois, dans ton code html, tu as ca :<img src="images/colors.jpg" usemap="#Map" border="0" height="121" width="145"> <map name="Map" id="Map"> <area shape="rect" coords="23,1,47,84" href="#"> <area shape="rect" coords="47,1,70,85" href="#"> <area shape="rect" coords="72,3,95,84" href="#"> <area shape="rect" coords="0,2,22,84" href="#"> <area shape="rect" coords="96,3,122,82" href="#"> <area shape="rect" coords="121,3,143,84" href="#"> </map>C'est l'attribut href qui n'est pas bon.
Remplaces-le par le nom du dossier qui correspond à la couleur.
Par exemple :
href="?dossier=1"
sachant que tu auras un dossier numéroté 1 qui correspondra à la couleur bleue (la première dans ta liste), dans un autre dossier apellé "designs".
Est-ce que tu peux me montrer les 10 premières lignes de ton fichier ? -
si quelqu'un veut le zip actuel, me le dire ... les fichiers graphiques surtout ont été revus
@+
b g -
Il me faudrait le code de celui-ci :
http://unesourisetmoi.free.fr/methode2plus/index.php-
voilà:
ce n'est que le code du 'zip' cité plus haut, mais avec le 'switcher' image + map ajouté là où je le voudrais (si pas suffisant, dis-le !)
<?php
//on initialise une session
session_start();
?>
<!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" lang="fr">
<head>
<title>
Index
</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" href="andreas09.css" />
<?php
// on appel le fichier qui gère la sélection de la couleur
include("selection_couleur.php");
?>
</head>
<body>
<div id="mainmenu">
<?php
// Menu du haut
include("menu_couleurs.php");
?>
</div>
<div id="wrap">
<div id="leftside">
<?php
// Menu de gauche
include ("menu_gauche.php");
?>
</div>
<div id="rightside">
<p><img src="images/colors.jpg" width="145" height="121" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="23,1,47,84" href="#" />
<area shape="rect" coords="47,1,70,85" href="#" />
<area shape="rect" coords="72,3,95,84" href="#" />
<area shape="rect" coords="0,2,22,84" href="#" />
<area shape="rect" coords="96,3,122,82" href="#" />
<area shape="rect" coords="121,3,143,84" href="#" />
</map>
</p>
<p><a class="nav sub" href="plan.php">Plan du Site</a></p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam rhoncus libero sed turpis. Morbi mollis magna ac nunc. Ut vel elit. Vivamus augue turpis, auctor non, porttitor non, vestibulum eget, massa. Nulla posuere. Pellentesque sit amet pede. Aliquam accumsan, purus vel molestie mattis, enim justo sollicitudin lorem, in varius mi lacus ac sapien. Nunc vulputate consectetuer massa. Nunc augue tortor, varius nec, pulvinar id, blandit at, diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Suspendisse sed lacus.
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Je vois.
Si j'ai bien compris tu as plusieurs dossiers nommés de cette façon :
img/css-couleur/
Tu as compris le principe.
Est-ce que tu peux me donner le code des fichiers suivants (entre les balises code) :
selection_couleur.php
menu_couleurs.php
menu_gauche.php -
Un petit "up" !
... @mitiés
b g -
Voilà où j'en suis ...
http://unesourisetmoi.free.fr/css5/index.php
(fonctionne avec une seule page !)(plus des colonnes trop colorées)
http://unesourisetmoi.free.fr/methode2plus/index.php
(là ok ... mais je voudrais enlever le choix des couleurs à partir des 'mots' dans la bande horizontale ET le mettre sur le 'switcher' avec
les différentes couleurs proposées dans la colonne de droite
et que cela fonctionne pour toutes les autres pages ...
les fichiers se trouvent ici:
http://unesourisetmoi.free.fr/methode2plus/methode2.zip
@mitiés
b g -
re ...
au cas où ... un "fort" en php passerait par ici !
@+
b g
