[résolu]tuto stylewitcher alsacréation fait mais ça ne ma

ToutiWeb · Message par **ToutiWeb** » 28 avr. 2009, 08:21

Fabrice.Tres.Net a écrit :Je viens de jeter un oeil rapide, tu as 2 DOCTYPE dans ton fichier essai qui apparaisse...

<?php
header('Content-type: text/html; charset=ISO-8859-1');
require_once './styles/styleswitcher.inc.php';
?>
[color=red]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/color]
<html>
<head>
[color=red]<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">[/color]
<title>essai</title>
<base href="http://toutiweb.free.fr/essai.php?style=defaut">
[color=red]<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">[/color]
<link rel="stylesheet" media="screen, projection"
type="text/css" id="css"
href="%3C?php%20echo%20$url;%20?%3E"> ...

est-ce bien ça et ça les doctypes ? car là je pige de moins en moins

Fabrice.Tres.Net a écrit :Alors, on a oublié beaucoup de choses?
Tu ne dois avoir qu'un seul DOCTYPE et tout le reste de l'entête des fichiers html (les metas, title...)
Donc tu peux ne garder que

<?php function construire_url($dossier)
{
return 'http://toutiweb.free.fr/styles/' . htmlspecialchars($dossier) . '/style.css';
}

dans le switcher
Tu aurais pu tout garder dedans et virer les lignes en double de l'autre fichier. bref, dans l'un ou dans l'autre!

et comme ça dans la page essai2.php ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<title>essai.php</title>
<link rel="stylesheet" type="text/css"
href="modToutiWeb.css">
</head>

et dans le stylwitcher ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>

ça va mieux

désolée au cas ou je pige pas je crois que je vais laisser tomber car je veux pas prendre ton temps sur un truc pareil avec un cerveau comme le mien ...

edit :
dites on peut pas l'appeller avec une fonction include ce stylewitcher ? un peu comme pour mon menu ...

edit 2:
Je viens d'essayer ce tutoriel ... qui est différent
http://giminik.developpez.com/articles/ ... -switcher/
sur un essai3.php
rien à faire je n'y arrive pas non plus ...snif

http://toutiweb.free.fr/essai3.php

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.9) Gecko/2009040821 Firefox/3.0.9

ToutiWeb · Message par **ToutiWeb** » 29 avr. 2009, 08:21

bon je laisse la version essai 3 ...

et je risque si ça continue de laisser tomber la version 2 ...

mais je voudrais vous demander si vous n'auriez pas un tutoriel accessible à -0
car le tutoriel alsacréation ou encore celui du site du zéro ne sont pas assez simples pour moi

MERCI d'avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

electrophil · Message par **electrophil** » 01 mai 2009, 13:35

Salut,

Quand on regarde le code source de ta page d'essais, il n'y a pas d'adresse du fichier .css.
Soit ton styleswitcher ne marche pas, soit il n'y a pas de fichier .css à mon avis.
J'ai testé la méthode d'alsacréations et elle marche.
Je viens de mater ton site.
Ton fichier styleswitcher.inc.php est vide. Cela va bien moins marcher

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.10) Gecko/2009042513 Ubuntu/8.04 (hardy) Firefox/3.0.10 GTB5

ToutiWeb · Message par **ToutiWeb** » 02 mai 2009, 06:16

electrophil a écrit :Salut,

Quand on regarde le code source de ta page d'essais, il n'y a pas d'adresse du fichier .css.
Soit ton styleswitcher ne marche pas, soit il n'y a pas de fichier .css à mon avis.
J'ai testé la méthode d'alsacréations et elle marche.
Je viens de mater ton site.
Ton fichier styleswitcher.inc.php est vide. Cela va bien moins marcher

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.10) Gecko/2009042513 Ubuntu/8.04 (hardy) Firefox/3.0.10 GTB5

vide ?

ben j'y retourne alors ...

j'arrête pas de le mettre ce fichu code mais à l'enregistrement ça foire encore ... j'avais enfin (du moins je le croyais) réussi à ce qu'il reste écrit le temps que j'enregistre ma page mais pfiouu ... je vais retenter de le faire avec webdevelopper mais là encore de mémoire mon dernier essai était avec ça ...
merci je vais taffer !

edit :
voici le code que j'ai dans mon stylewitcher... au cas ou je viens de le retélécharger dans mon ftp ...mais voici ce que j'ai d'écris :

Code : Tout sélectionner

<?php

function construire_url($dossier)

{

	return 'http://toutiweb.free.fr/styles/' . htmlspecialchars($dossier) . '/style.css';

}



$dossiers = array(

	'defaut',

	'pink',
        
        'aquaforest'

);



$actuel = htmlspecialchars($PHP_SELF);



if(in_array($_GET['style'], $dossiers, true))

{

	setcookie('style', $_GET['style'], time() + (365 * 24 * 3600));

	$url = construire_url($_GET['style']);

}



else if(in_array($_COOKIE['style'], $dossiers, true))

{

	$url = construire_url($_COOKIE['style']);

}



else

{

	$url = construire_url($dossiers[0]);

}

?>

ToutiWeb · Message par **ToutiWeb** » 02 mai 2009, 17:36

bon ben c'est réglé j'y arrive plus que vraiment pas
je m'étais inscrite sur le forum d'alsacréation mais c'est encore pire maintenant je pige plus rien

donc soit je réussit à le faire en javascript (

)
soit j'abandonne ... dommage c'est pour cette fonction que j'avais refait tout mon design ...

MERCI encore de l'aide mais je dois vraiment être cruche.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

Message par **chinon37** » 02 mai 2009, 18:28

Avec quel logiciel enregistres-tu le fichier styleswitcher.inc.php??
Parce qu'il est vide, immaculé...
Il faut le faire avec un éditeur de texte comme notepad++. Est-ce le cas?
Si tu n'y arrives vraiment pas, dis-le, je l'enregistrerais pour toi et te l'e-mailerais...

ToutiWeb · Message par **ToutiWeb** » 02 mai 2009, 18:34

je le faisais avec le bloc note ou kompozer mais je viens de télécharger notepad++
mais franchement je suis paumé avec leurs conseils
je préfère et de loin les vôtres même si j'ai du mal et que je mets votre patience à rude épreuve au moins j'avance je recule pas

là je refais un dernier essais ^_^
sinon j'essayerais ce tutoriel :
http://batraciens.net/css-astuces/skins-changement.htm

je refais le ménage je revérifie tout
et je poste tous mes codes + mes pages essais oki ?
merci chinon37 !
et au fait regarde tes mp

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

ToutiWeb · Message par **ToutiWeb** » 02 mai 2009, 20:43

bon ben voilà j'ai tout revu corrigé vérifier ...
pfff je laisse tomber !

voilà ce que j'ai dans le fichier stylewitcher.inc.php :

Code : Tout sélectionner

<?php
function construire_url($dossier)
{
	return 'http://toutiweb.free.fr/styles/' . htmlspecialchars($dossier) . '/style.css';
}

$dossiers = array(
	'defaut',
	'pink',
	'aquaforest'
);

$actuel = htmlspecialchars($_SERVER['PHP_SELF']);
$new_style = (isset($_GET['style'])) ? $_GET['style'] : '';
$cookie_style = (isset($_COOKIE['style'])) ? $_COOKIE['style'] : '';

if(in_array($new_style, $dossiers, true))
{
	setcookie('style', $new_style, time() + (365 * 24 * 3600), '/');
	$url = construire_url($new_style);
}

else if(in_array($cookie_style, $dossiers, true))
{
	$url = construire_url($cookie_style);
}

else
{
	$url = construire_url($dossiers[0]);
}
?>

voilà le haut de ma page essai2.php :

Code : Tout sélectionner

<?php
header('Content-type: text/html; charset=ISO-8859-1');
require_once './styles/styleswitcher.inc.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr"><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index.php</title>

<link rel="stylesheet" href="modToutiWeb.css" type="text/css"></head>
<body style="color: rgb(255, 204, 51); background-color: black;" alink="#ffffcc" link="#00cccc" vlink="#cccc00">
<div class="page">
<div id="entete">texte entete<br>
<ul id="styleswitcher">
		<li><a href="<?php echo $actuel; ?>?style=defaut">mon style par défaut</a></li>
		<li><a href="<?php echo $actuel; ?>?style=pink">On se met au rose</a></li>
		<li><a href="<?php echo $actuel; ?>?style=aquaforest">Un peu de fraicheur</a></li>
	</ul>

</div>
<div style="" id="menu"><?php include ("menugeneral.inc.php")?><br>
</div>

tout ça est donc côté notepad++

côté serveur je crois qu'on dit ça ? (client ftp filezilla)

pour le stylewitcher :

pour la page essai2.php

voilà si tu trouves pourquoi je suis "nulle" oki sinon j'arrête !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

electrophil · Message par **electrophil** » 03 mai 2009, 18:35

Salut,

Il y a un gros problème sur ta page essais2.php
Tu ne peux pas mettre de balises <li> ou <div> entre <head> et </head>
Donc

Code : Tout sélectionner

<body style="color: rgb(255, 204, 51); background-color: black;" alink="#ffffcc" link="#00cccc" vlink="#cccc00">
<div class="page">
<div id="entete">texte entete<br>
<ul id="styleswitcher">
		<li><a href="/essai2.php?style=defaut">mon style par défaut</a></li>
		<li><a href="/essai2.php?style=pink">On se met au rose</a></li>

		<li><a href="/essai2.php?style=aquaforest">Un peu de fraicheur</a></li>
	</ul>

</div>
<div style="" id="menu">

Doit se retrouver après la balise </head>
Et il ne peut y avoir plusieurs balises <head>
Il y a du ménage à faire dans cette page avant de s'attaquer au styleswitcher.inc.php

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; es-AR; rv:1.9.0.9) Gecko/2009040821 Firefox/3.0.9

ToutiWeb · Message par **ToutiWeb** » 03 mai 2009, 20:48

electrophil a écrit :Salut,

Il y a un gros problème sur ta page essais2.php
Tu ne peux pas mettre de balises <li> ou <div> entre <head> et </head>
Donc
Code : Tout sélectionner
<body style="color: rgb(255, 204, 51); background-color: black;" alink="#ffffcc" link="#00cccc" vlink="#cccc00">
<div class="page">
<div id="entete">texte entete<br>
<ul id="styleswitcher">
		<li><a href="/essai2.php?style=defaut">mon style par défaut</a></li>
		<li><a href="/essai2.php?style=pink">On se met au rose</a></li>

		<li><a href="/essai2.php?style=aquaforest">Un peu de fraicheur</a></li>
	</ul>

</div>
<div style="" id="menu">
Doit se retrouver après la balise </head>
Et il ne peut y avoir plusieurs balises <head>
Il y a du ménage à faire dans cette page avant de s'attaquer au styleswitcher.inc.php

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; es-AR; rv:1.9.0.9) Gecko/2009040821 Firefox/3.0.9

bonsoir ,
je comprends pas j'ai que ça moi dans mon <head> sur ma page essai2.php

Code : Tout sélectionner

<?php
header('Content-type: text/html; charset=ISO-8859-1');
require_once './styles/styleswitcher.inc.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr"><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index.php</title>

<link rel="stylesheet" href="modToutiWeb.css" type="text/css"></head>

et je n'ai qu'une balise head...
bizarre au cas ou je le retélécharge masi je viens de vérifier...
y'a qu'à moi que ça arrive ça ou bien j'ai juste pas de bol ?

ToutiWeb · Message par **ToutiWeb** » 04 mai 2009, 20:51

bon voilà avec notepad++
j'ai tout revu et corriger...
j'ai repris tous vos messages
et même lorsque je fais celui de fabrice ...
pfiou rien ne marche
alors je vais faire en javascript enfin si j'y arrive ...

MERCI

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

Invité · Message par **Invité** » 05 mai 2009, 22:13

Salut,

Ouvres un peu tes yeux:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index.php</title>
<link rel="stylesheet" href="modToutiWeb.css" type="text/css">
<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="http://www.site.com/styles/defaut/style.css" />

</head>

<body style="color: rgb(255, 204, 51); background-color: black;" alink="#ffffcc" link="#00cccc" vlink="#cccc00">
<div class="page">
<div id="entete">texte entete<br>
<ul id="styleswitcher">
		<li><a href="/essai2.php?style=defaut">General ToutiWeb</a></li>

		<li><a href="/essai2.php?style=pink">Voir la vie en rose!</a></li>
		<li><a href="/essai2.php?style=aquaforest">Un peu de fraîcheur...</a></li>
	</ul>

</div>
<div style="" id="menu"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title></title>
<style type="text/css">
.cadeaux {
  border: 1px dashed #ffcc33;
  width: 150px;
  color: #00cccc;
  font-size: small;
  text-decoration: blink;
  height: 180px;
}
.ToutiWeboutique {
  border-style: dotted ridge;
  border-color: #b60000;
  border-width: 1px;
  width: 150px;
  font-size: small;
  text-align: center;
  color: #ffcc33;
  height: 165px;
}
</style>

</head>

Compte bien le nombre de fois que tu vois head.
Apres, tu as des balises xhtml alors que tu as declare une page html.
Bon courage pour le javascript qui ne s'executera pas avec un navigateur qui justement le filtre.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

electrophil · Message par **electrophil** » 05 mai 2009, 22:23

Salut

Code : Tout sélectionner

<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="http://www.site.com/styles/defaut/style.css" />

Je crois que tu as fait un copier/coller sans bien lire le tuto alsacreations.
Il s'appelle comment ton site ?
www.site.com?
De plus la syntaxe avec le / a la fin, c'est pour du xhtml et non du html comme tu le déclares d'ailleurs 2 fois.
Relie un peu mieux le tuto.
Bon courage

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

Code : Tout sélectionner

ToutiWeb · Message par **ToutiWeb** » 06 mai 2009, 07:20

Anonymous a écrit :Salut,

Ouvres un peu tes yeux:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index.php</title>
<link rel="stylesheet" href="modToutiWeb.css" type="text/css">
<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="http://www.site.com/styles/defaut/style.css" />

</head>

<body style="color: rgb(255, 204, 51); background-color: black;" alink="#ffffcc" link="#00cccc" vlink="#cccc00">
<div class="page">
<div id="entete">texte entete<br>
<ul id="styleswitcher">
		<li><a href="/essai2.php?style=defaut">General ToutiWeb</a></li>

		<li><a href="/essai2.php?style=pink">Voir la vie en rose!</a></li>
		<li><a href="/essai2.php?style=aquaforest">Un peu de fraîcheur...</a></li>
	</ul>

</div>
<div style="" id="menu"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">

<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title></title>
<style type="text/css">
.cadeaux {
  border: 1px dashed #ffcc33;
  width: 150px;
  color: #00cccc;
  font-size: small;
  text-decoration: blink;
  height: 180px;
}
.ToutiWeboutique {
  border-style: dotted ridge;
  border-color: #b60000;
  border-width: 1px;
  width: 150px;
  font-size: small;
  text-align: center;
  color: #ffcc33;
  height: 165px;
}
</style>

</head>

Compte bien le nombre de fois que tu vois head.
Apres, tu as des balises xhtml alors que tu as declare une page html.
Bon courage pour le javascript qui ne s'executera pas avec un navigateur qui justement le filtre.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6

Bonjour,
Tout d'abord merci de votre aide
Franchement je ne comprends pas sur dans le code que vous donnez je vois bien deux fois la balise head mais sur mes pages que ce soit dans notepad++ ou sur kompozer cette balise n'y est qu'une fois !
j'ai même demandé à mon mari de vérifier cette fois-ci !

comment se fait-il que le code bouge entre l'enregistrement et le moment ou je l'écris ? ou alors c'est le ftp ou alors y'a une fonction que je ne connais pas

pour le xhtml ou le html je crois savoir qu'il y en a un "plus propre" mais franchement ce n'est pas moi qui demande l'un ou l'autre mais parfois kompozer et notepad++ peut-être même si je le connais moins...
donc là pfffrrtttt ça dépasse et de loin mes compétences alors je m'en vais potasser quelques tutoriels ...
pour le javascript je ne savais pas que le navigateur ne le prenait pas pfiouuu je suis donc "condamnée" à réussir avec php

en tout cas après autant de messages merci de tenter encore et toujours de m'aider.

electrophil a écrit :Salut
Code : Tout sélectionner
<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="http://www.site.com/styles/defaut/style.css" />
Je crois que tu as fait un copier/coller sans bien lire le tuto alsacreations.
Il s'appelle comment ton site ?
www.site.com?
De plus la syntaxe avec le / a la fin, c'est pour du xhtml et non du html comme tu le déclares d'ailleurs 2 fois.
Relie un peu mieux le tuto.
Bon courage

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.6) Gecko/2009011912 Firefox/3.0.6
Code : Tout sélectionner

Bonjour,
Le tutoriel est lu lu et relu et à mon avis c'est que je suis pas de ce niveau pour le faire...(ou que je fais un blocage comme avec les maths

) enfin bref je vais essayer et lorsque j'aurais sufisamment avancé je reposterais ici car sinon je crois que ça sert à rien. Merci de l'aide en tout cas.
pour le xhtml je vais voir ...
pour les deux balises head j'en vois qu'une franchement et honnètement sur mon pc y'en a qu'une et ça ça me gonfle

***
MERCI à tous de votre aide ...j'essaie je bidouille et lorsque j'aurais avancer je reposterais .
à bientôt et merci de votre patience.

electrophil · Message par **electrophil** » 06 mai 2009, 15:18

Salut,

On parle bien de la même page?
Moi je regarde ici: http://toutiweb.free.fr/essai2.php
Et quand je regarde le code source via Firefox, il y a bien deux fois les balises head et /head.
Et on ne peut pas avoir des balise <ul> et <li> dans le head.

Après, la feuille de style change bien, mais le fond de page est toujours en noir puisque il est écrit:

Code : Tout sélectionner

<body style="color: rgb(255, 204, 51); background-color: black;" alink="#b10000" link="#00cccc" vlink="#ffcc33">

Dans ta feuille de style pink, tu faits apparaitre la classe page avec un fond pink.gif
Or dans ta page essais2, dans le code source, il n'y a pas de classe page.
Il va être difficile de voir la couleur qui change.
Il faudrait aussi supprimer le / à la fin de la ligne concernant la feuille de style qui change.

Code : Tout sélectionner

<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="http://toutiweb.free.fr/styles/aquaforest/styles.css" />

Pour mettre:

Code : Tout sélectionner

<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="http://toutiweb.free.fr/styles/aquaforest/styles.css">

Le plus simple, à mon avis, pour essayer les styles, serait de mettre une seule petite règle css concernant le body et son background et de virer le style en ligne dans ta page essais2.
Bon courage pour la suite

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; es-AR; rv:1.9.0.10) Gecko/2009042316 Firefox/3.0.10

Geckozone

[résolu]tuto stylewitcher alsacréation fait mais ça ne ma

Qui est en ligne ?