Changer la CSS à chaque visite [Résolu]

[thecaco]

Bonjour à tous!

J'ai ma petite question à vous poser. J'avais trouvé la réponse il y a un moment, mais impossible d'y remettre la main dessus.
Je souhaiterais que la CSS de mon site (fait en grande partie avec Wordpress) change automatiquement toutes les 3 visites par exemple.
J'imagine bien qu'il faut un code php (correct?), et l'image de mon fond d'écran est appelée dans ma CSS.
Il me semble que ce n'est pas très compliqué à mettre en place, mais j'ai oublié comment faire! J'ai cherché sur le forum et un peu partout sur le web, mais ma requête ne doit pas être assez bien formulée: je ne trouve rien....

Si vous pouvez m'aider, j'en serai ravie!

[Gaetan_]

Bonjour,

Mhh avec un cookie ça devrait se faire...
En pondant un bout de code comme ça ca devrait te donner une piste :

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
// Durée de vie de mon cookie, presque 6 mois par exemple :
$expire = (6*30*24*3600);
 
// Je zieute combien de fois mon visiteur est venu, s'il a un "theme" css défini :
if(isset($_COOKIE['nb_visite'])){ 
$nb_visite = $_COOKIE['nb_visite'];
$themecss = $_COOKIE['themecss'];
} else {
// S'il n'est jamais venu je lui en assigne un de base :	
$nb_visite = 0;
$themecss= 'themecss1';
setcookie("themecss","themecss1", time()+$expire, "/");
}
$nb_visite=($nb_visite+1);
setcookie("nb_visite",$nb_visite, time()+$expire, "/");
// Toutes les 3 visites tu changes le thème :
if ($nb_visite%3==0) { 
// tu insères ici un code pour déterminer ton nouveau thème css
setcookie("themecss",$monnouveautheme, time()+$expire, "/");
$themecss=$monnouveautheme;
}
?>

Tu n'auras plus qu'à appeler ton thème css en fonction de cette variable :

Code :

<link rel="stylesheet" type="text/css" media="screen,projection" href="<?php echo $themecss; ?>">

Une idée comme ça...

[12monkeys]

Bonjour

C'est exact, il faut un langage coté serveur comme PHP, voici un tutoriel : http://css4design.developpez.com/tut...ique-avec-php/.

Sinon on peut aussi modifier des styles avec JavaScript, mais je ne maitrises pas assez ce langage pour t'en dire plus...

[thecaco]

waouw, ça a l'air super! Merci beaucoup.
Je vais faire des tests et je vous tiendrai au courant.

[thecaco]

Bien, évidemment j'ai encore des questions....
En ce qui concerne le cookie, je pense que ça va. Là où je ne comprends pas bien, c'est au niveau de la CSS.

$themecss= 'themecss1';
Est-ce que 'themecss1' correspond au nom de mon fichier css?

$themecss=$monnouveautheme;
Là j'imagine que je dois préciser à quoi correspond $monnouveautheme, en faisant par exemple:
$monnouveautheme='themecss2'

C'est bien ça?
Ce sont des questions de débutants...

[FirePrawn]

Envoyé par thecaco

Bien, évidemment j'ai encore des questions....
En ce qui concerne le cookie, je pense que ça va. Là où je ne comprends pas bien, c'est au niveau de la CSS.

$themecss= 'themecss1';
Est-ce que 'themecss1' correspond au nom de mon fichier css?

$themecss=$monnouveautheme;
Là j'imagine que je dois préciser à quoi correspond $monnouveautheme, en faisant par exemple:
$monnouveautheme='themecss2'

C'est bien ça?
Ce sont des questions de débutants...

Oui ces variables correspondent à tes différentes css

[thecaco]

Ça marche! Merci beaucoup!
Voici le code que j'ai mis:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php
$monnouveautheme='style2.css';
// Durée de vie de mon cookie, presque 6 mois par exemple :
$expire = (6*30*24*3600);
 
// Je zieute combien de fois mon visiteur est venu, s'il a un "theme" css défini :
if(isset($_COOKIE['nb_visite'])){ 
$nb_visite = $_COOKIE['nb_visite'];
$themecss = $_COOKIE['themecss'];
} else {
// S'il n'est jamais venu je lui en assigne un de base :	
$nb_visite = 0;
$themecss= 'stationweb.css';
setcookie("themecss","style2.css", time()+$expire, "/");
}
$nb_visite=($nb_visite+1);
setcookie("nb_visite",$nb_visite, time()+$expire, "/");
// Toutes les 3 visites tu changes le thème :
if ($nb_visite==3) { 
// tu insères ici un code pour déterminer ton nouveau thème css
setcookie("themecss",$monnouveautheme, time()+$expire, "/");
$themecss=$monnouveautheme;
}
?>

Il me reste juste une petite question.
- Ce code permet-il de faire une boucle? (il me semble que non). J'aimerais qu'on puisse obtenir cela: 1ère visite: style1.css / 3ème visite: style2.css / 6ème visite: style1.css ou quelque chose d'approchant...

Je suppose dans ce cas qu'il faut utiliser la boucle foreach....
Je vais chercher encore.

Merci de votre aide!

[jreaux62]

Bonjour,
as-tu lu (et compris) le code ?
Car il répond à tes questions ...

[thecaco]

Envoyé par jreaux62

Bonjour,
as-tu lu (et compris) le code ?
Car il répond à tes questions ...

Bien sûr, j'ai lu le code. Je n'ai peut-être pas tout compris, mais j'essaie. En tout cas, je ne suis pas du genre à faire des copier-coller sans chercher à comprendre, si ça peut te rassurer.


Je suis en train de tester des modifications pour arriver à ce que je veux, mais je fais des erreurs.
Je teste en ce moment avec des else, else if.... mais j'avoue que je patauge un peu, surtout dans la syntaxe. Car en lisant le code je comprends vers où je dois aller, et je vois à quoi correspondent les choses. Mon problème est que je n'arrive pas à écrire, tout simplement.
En tout cas, je continue.
J'avance petit à petit, et j'essaie en ce moment de reproduire une partie de ce code pour faire afficher une troisième css.
Voilà où j'en suis:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
$monnouveautheme='style2.css';
$monnouveautheme2='style3.css';
 
// Durée de vie de mon cookie, presque 6 mois par exemple :
$expire = (6*30*24*3600);
 
// Je zieute combien de fois mon visiteur est venu, s'il a un "theme" css défini :
if(isset($_COOKIE['nb_visite'])){ 
$nb_visite = $_COOKIE['nb_visite'];
$themecss = $_COOKIE['themecss'];
} else {
// S'il n'est jamais venu je lui en assigne un de base :	
$nb_visite = 0;
$themecss= 'style.css';
setcookie("themecss","style.css", time()+$expire, "/");
}
$nb_visite=($nb_visite+1);
setcookie("nb_visite",$nb_visite, time()+$expire, "/");
// Toutes les 3 visites tu changes le thème :
else ($nb_visite%3==0) { 
// tu insères ici un code pour déterminer ton nouveau thème css
setcookie("themecss",$monnouveautheme, time()+$expire, "/");
$themecss=$monnouveautheme;
}
else ($nb_visite%6==0) { 
// tu insères ici un code pour déterminer ton nouveau thème css
setcookie("themecss",$monnouveautheme, time()+$expire, "/");
$themecss=$monnouveautheme2;
}

[jreaux62]

Tout ce que tu as à faire, c'est indiquer les noms de tes fichiers CSS.

J'ai posé la question ,car tu n'as peut-etre pas bien compris le fonctionnement du fichier, ou l'utilisation du cookie

regarde ici :

Code :

1
2
3
4
5
6
7
8
9
10
<?php
...
$nb_visite=($nb_visite+1); // ici : on incrémente le cookie AUTOMATIQUEMENT
// Toutes les 3 visites tu changes le thème :
if ($nb_visite==3) { 
	// tu insères ici un code pour déterminer ton nouveau thème css
	setcookie("themecss",$monnouveautheme, time()+$expire, "/");
	$themecss=$monnouveautheme;
}
?>

[thecaco]

Je pense avoir assez bien compris le code. Je me suis du coup également mieux renseignée sur les cookies (que je connaissais quand même déjà).

J'ai bien mis le nom de mes fichiers, mais je n'arrive pas à revenir à la première css après être passée par la deuxième...

Je sais, ça peut paraître tout bête!

Code :

1
2
// Toutes les 3 visites tu changes le thème :
else ($nb_visite==3)

Effectivement, j'étais bien dans ce coin. Mais au lieu de ça, j'avais:

Code :

1
2
// Toutes les 3 visites tu changes le thème :
else ($nb_visite%3==0)

Chose que je ne comprends pas...

[jreaux62]

Tu peux faire simplement

Code :

1
2
3
4
5
6
7
8
9
<?php
if ($nb_visite%3==1) { 
	// -> theme 1
} elseif ($nb_visite%3==2) { 
	// -> theme 2
} else { 
	// -> theme 3
}
?>

Encore plus simple :

Code :

1
2
3
4
5
6
<?php
// 3 themes css en alternance
$mes_themes = array('theme1.css','theme2.css','theme3.css');
	setcookie("themecss",$mes_themes[($nb_visite%3)], time()+$expire, "/");
	$themecss=$mes_themes[($nb_visite%3)];
?>

[Edit] Ah non, j'ai mal lu ta demande ... Ici je change à chaque nouvelle visite ...

[thecaco]

D'accord! C'est en plein dans la partie qui n'était pas claire pour moi!

Code :

$nb_visite%3==1

Je vais faire ça. Merci beaucoup!

[jreaux62]

Ce qui porte encore à confusion, c'est ca :

Envoyé par thecaco

toutes les 3 visites

Ca veut dire :
-> à la 3ème visite
-> OU après la 3ème visite ?

Car c'est CA qui va déterminer l'algorithme correct.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
visite 1 -> theme 1		-	1%3 = 1		-	1%9 = 1
visite 2 -> theme 1		-	2%3 = 2		-	2%9 = 2
visite 3 -> theme 1		-	3%3 = 0		-	3%9 = 3
-------------------
visite 4 -> theme 2		-	4%3 = 1		-	4%9 = 4
visite 5 -> theme 2		-	5%3 = 2		-	5%9 = 5
visite 6 -> theme 2		-	6%3 = 0		-	6%9 = 6
-------------------
visite 7 -> theme 3		-	7%3 = 1		-	7%9 = 7
visite 8 -> theme 3		-	8%3 = 2		-	8%9 = 8
visite 9 -> theme 3		-	9%3 = 0		-	9%9 = 0
-------------------
visite 10 -> theme 1		-	10%3 = 1	-	10%9 = 1
visite 11 -> theme 1		-	11%3 = 0	-	11%9 = 2
...

=> donc :

Code :

1
2
3
4
- tu changes de thème à chaque fois que $nb_visite%3==1
- tu passes au thème 1 à chaque fois que $nb_visite%9==1
- tu passes au thème 2 à chaque fois que $nb_visite%9==4
- tu passes au thème 3 à chaque fois que $nb_visite%9==7

[thecaco]

Envoyé par jreaux62

Encore plus simple :

Code :

[Edit] Ah non, j'ai mal lu ta demande ... Ici je change à chaque nouvelle visite ...

Mais c'est pas mal ça. J'ai voulu l'essayer, mais ça me laisse toujours le premier thème.
Pourrais-tu m'expliquer ce que signifie: ($nb_visite%3)
Ça m'aiderait beaucoup pour pouvoir travailler le code.

[jreaux62]

le modulo (xxx%yyy) renvoie "le reste de la division de XXX par YYY".
exemple avec "modulo3" et "modulo9" :

1%3 = 1 - 1%9 = 1
2%3 = 2 - 2%9 = 2
3%3 = 0 - 3%9 = 3
-------------------
4%3 = 1 - 4%9 = 4
5%3 = 2 - 5%9 = 5
6%3 = 0 - 6%9 = 6
-------------------
7%3 = 1 - 7%9 = 7
8%3 = 2 - 8%9 = 8
9%3 = 0 - 9%9 = 0
-------------------
10%3 = 1 - 10%9 = 1
11%3 = 0 - 11%9 = 2
...

$nb_visite%3 ne prends que 3 valeurs : 0,1 ou 2
$nb_visite%9 ne prends que 9 valeurs : 0,1,2,3,4,5,6,7 ou 8
...

Voici 2 exemples concrets d'utilisation : table html - Affichage "en ligne" avec array() et V-B. Affichage "en Colonne"

[thecaco]

Encore une fois, merci beaucoup pour tes explications et ton temps.
Je pense avoir bien compris.
J'avais étudié les modulos, mais j'avais eu beaucoup de mal avec ça il y a quelques années, et là je ne les avais pas reconnus.

J'ai fait quelques tests, je pense que ça marche. J'arrive bien à changer les CSS selon le nombre de visites que je choisis.
Je teste encore un peu, et quand je serai sûre de moi, je mettrai le message comme "réglé".

[thecaco]

Merci beaucoup. J'arrive maintenant à bien manipuler le code pour en faire ce que je veux grâce à vos explications!
J'ai encore quelques soucis pour l'appeler sur Wordpress, mais c'est une autre histoire. Je vais bien arriver à trouver.

Merci encore!