Sujet Précédent Sujet Suivant

Css et php : choix pour le visiteur

Fermé
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 - 22 févr. 2007 à 16:48
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 - 5 mars 2007 à 15:24
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 ?
A voir également:

8 réponses

Réponse 1 / 8
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 825
23 févr. 2007 à 00:09
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.css
Ou encore :
/styles/
         bleu/
              menus.css
              news.css
              general.css
        vert/
             menus.css
             news.css
             general.css
Je 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."
1
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
23 févr. 2007 à 09:46
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
0
Réponse 2 / 8
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 825
23 févr. 2007 à 15:02
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 ?
1
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
23 févr. 2007 à 15:13
pas de problème pour le code ... mais de quel fichier veux-tu parler ? celui qui fonctionne ou celui dans lequel tu as vu cette "map" ?
@mitiés
b g
0
Réponse 3 / 8
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
22 févr. 2007 à 16:51
si quelqu'un veut le zip actuel, me le dire ... les fichiers graphiques surtout ont été revus
@+
b g
0
Réponse 4 / 8
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 825
23 févr. 2007 à 15:22
Il me faudrait le code de celui-ci :
http://unesourisetmoi.free.fr/methode2plus/index.php
0
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
23 févr. 2007 à 15:49
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 825
23 févr. 2007 à 17:28
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
0
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
24 févr. 2007 à 09:32
si tu veux, mais sinon tu as le zip, avec tous les fichiers et la 'structure' de départ à cet endroit:
http://s147948141.onlinehome.fr/exemple1/methode2.zip)
si pas suffisant, dis-le moi, je te mettrai les codes
@+
b g
0
Réponse 6 / 8
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
26 févr. 2007 à 09:02
Un petit "up" !
... @mitiés
b g
0
Réponse 7 / 8
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
1 mars 2007 à 09:43
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
0
Réponse 8 / 8
bg62 Messages postés 23605 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 31 mai 2024 2 366
5 mars 2007 à 15:24
re ...
au cas où ... un "fort" en php passerait par ici !
@+
b g
0

Discussions similaires

ALERT en php
snoopy -
appkech -

14 réponses
balise de retour à la ligne en php
2I++ -
Naguez Abderraouf -

5 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
que veut dire php natif
playboy-1990 -
avion-f16 -

2 réponses