Sos css help please !!!
Fermé
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
-
6 mai 2008 à 10:15
coeurdepierre Messages postés 9 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 6 mai 2008 - 6 mai 2008 à 19:38
coeurdepierre Messages postés 9 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 6 mai 2008 - 6 mai 2008 à 19:38
A voir également:
- Sos css help please !!!
- Css premier plan ✓ - Forum CSS
- Enlever couleur lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Css retour à la ligne ✓ - Forum CSS
9 réponses
loute08
Messages postés
227
Date d'inscription
jeudi 24 avril 2008
Statut
Membre
Dernière intervention
29 août 2015
1
6 mai 2008 à 10:17
6 mai 2008 à 10:17
tu as deux solutions veux-tu intégrer directement la css à ton code. Ou veux-tu un fichier indépendant?
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
6 mai 2008 à 10:23
6 mai 2008 à 10:23
Je pense qu'un fichier .css externe fera l'affaire en plus je veux pas compliquer trop les pages. l'essentiel pour moi et de réaliser une exemple simple avec les fonctionnalités cité ci-dessus, merci de m'expliquer commentcamarche.
loute08
Messages postés
227
Date d'inscription
jeudi 24 avril 2008
Statut
Membre
Dernière intervention
29 août 2015
1
6 mai 2008 à 10:55
6 mai 2008 à 10:55
Je pense que le plus simple soit que tu fasses 2 css et quand l'internaute choisira l'effet css qu'il voudra c'est celui qui sera alors appliqué à tes pages... Pour le reste je peux pas t'aider beaucoup plus, malheureusement aujourd'hui mon net ne veux bien fonctionner que sur ce site...
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
6 mai 2008 à 11:09
6 mai 2008 à 11:09
Alors tu peux pas me passer un pti exemple sur l'exemple du choix de couleur et moi je termine les autres options seul, je t'envoie une message avec un doc avec plus de détaille sur ces options quand je termine.
loute08
Messages postés
227
Date d'inscription
jeudi 24 avril 2008
Statut
Membre
Dernière intervention
29 août 2015
1
6 mai 2008 à 11:30
6 mai 2008 à 11:30
Désolée mais je n'y arrive pas...
burnedsyn
Messages postés
170
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
21 février 2009
16
6 mai 2008 à 12:44
6 mai 2008 à 12:44
Hello
Une question le choix interviens sur un lien ou quand le curseur de la souris passe dessus comment ?
Une question le choix interviens sur un lien ou quand le curseur de la souris passe dessus comment ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
6 mai 2008 à 13:03
6 mai 2008 à 13:03
nn juste que l'internaute clique sur un lien, a voir l'exemple de www.yahoo.fr et www.msn.fr (options d'affichage).
burnedsyn
Messages postés
170
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
21 février 2009
16
6 mai 2008 à 13:10
6 mai 2008 à 13:10
ok alors
tes pages sont en php ?
si oui
un test simple peux aider
donc par exemple
<a href="?th='bleu'>theme bleu </a>
<a href="?th='rouge'>theme rouge</a>
dans ton fichier php de base au debut
<html>
<head>
<?php
if (isset($_GET['th'])
{
$th=$_GET['th'];
switch($th) :
case 'bleu':
echo ("<LINK rel='stylesheet' type='text/css' href='stylebleu.css'>");
break;
case 'rouge':
echo ("<LINK rel='stylesheet' type='text/css' href='stylerouge.css'>");
break;
case 'jaune':
echo ("<LINK rel='stylesheet' type='text/css' href='stylejaune.css'>");
break;
default:
echo ("<LINK rel='stylesheet' type='text/css' href='style.css'>");
break;
}
?>
</head>
tes pages sont en php ?
si oui
un test simple peux aider
donc par exemple
<a href="?th='bleu'>theme bleu </a>
<a href="?th='rouge'>theme rouge</a>
dans ton fichier php de base au debut
<html>
<head>
<?php
if (isset($_GET['th'])
{
$th=$_GET['th'];
switch($th) :
case 'bleu':
echo ("<LINK rel='stylesheet' type='text/css' href='stylebleu.css'>");
break;
case 'rouge':
echo ("<LINK rel='stylesheet' type='text/css' href='stylerouge.css'>");
break;
case 'jaune':
echo ("<LINK rel='stylesheet' type='text/css' href='stylejaune.css'>");
break;
default:
echo ("<LINK rel='stylesheet' type='text/css' href='style.css'>");
break;
}
?>
</head>
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
>
burnedsyn
Messages postés
170
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
21 février 2009
6 mai 2008 à 13:13
6 mai 2008 à 13:13
décidément qu'est-ce qu'on se croise !
-:oD
pour mettre en forme le code, c'est avec ce bouton.
merci
-:oD
pour mettre en forme le code, c'est avec ce bouton.
merci
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
922
6 mai 2008 à 13:05
6 mai 2008 à 13:05
salut,
le plus simple est de changer de feuille de style selon le choix de l'utilisateur.
tu peux le faire en Javascript (tutoriel chez A List Apart) ou en PHP
(tutoriels chez AlsaCréations ou développez.com).
et merci de solutionner les problèmes sur le forum et pas dans votre coin.
problème publique : solution publique.
le plus simple est de changer de feuille de style selon le choix de l'utilisateur.
tu peux le faire en Javascript (tutoriel chez A List Apart) ou en PHP
(tutoriels chez AlsaCréations ou développez.com).
et merci de solutionner les problèmes sur le forum et pas dans votre coin.
problème publique : solution publique.
burnedsyn
Messages postés
170
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
21 février 2009
16
6 mai 2008 à 13:16
6 mai 2008 à 13:16
j'avoue honte a moi j'ecris a la suite sans mise en forme ;)
mais bon c petit et encore claire :d
mais bon c petit et encore claire :d
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
6 mai 2008 à 13:57
6 mai 2008 à 13:57
Oui les pages sont en php, mais svp si ya quelqu'un pourrai nous donner un exemple complet, parexemple deux fichiers de style externe .css avec deux couleurs (bleu et vert) et une page qui contient deux liens bleu et vert pour appliquer ces deux effets. Aussi un petit question pourquoi si on change le couleur de fond la couleur de fond des tableaux change aussi ? a voir la page d'accueil de www.msn.fr
burnedsyn
Messages postés
170
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
21 février 2009
16
6 mai 2008 à 14:01
6 mai 2008 à 14:01
je te ferais un exemple cet aprem car je dois partir
mais pour ta question si le tableau n'as pas de couleur de fond il prend celui de la page
mais pour ta question si le tableau n'as pas de couleur de fond il prend celui de la page
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
6 mai 2008 à 14:47
6 mai 2008 à 14:47
oui comme l'exemple de www.msn.fr les tableaux prennent la couleur de fond de la page. merci je t'attend à cette aprés midi et bonne journée.
burnedsyn
Messages postés
170
Date d'inscription
samedi 29 septembre 2007
Statut
Membre
Dernière intervention
21 février 2009
16
6 mai 2008 à 19:11
6 mai 2008 à 19:11
Re :
Voici un ptit exemple ca mange pas de pain mais tu pourras comprendre le systeme
voici donc l'index.php
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>test page avec choix de thèmes (php et html,css)</title>
<?php
/* Ici on controle simplement
si la variable th existe au sein du tableau $_GET
*/
if (isset($_GET['th']))
{
/* Sachant qu'il n'est pas sage d'utiliser une variable externe
sans en controler rigoureusement la validité je te conseille de
faire tes test ici :) */
$th=$_GET['th'];
/* bien qu'il y aurait plein d'autre manière l'utilisation d'un
switch n'est pas mauvaise ici pour la simplicité de l'exemple */
switch($th)
{
case 'bleu':
echo ("<LINK rel='stylesheet' type='text/css' href='stylebleu.css'>");
break;
case 'rouge':
echo ("<LINK rel='stylesheet' type='text/css' href='stylerouge.css'>");
break;
default:
echo ("<LINK rel='stylesheet' type='text/css' href='style.css'>");
break;
} // Fin du switch
}//fin du If isset($_GET['th'])
else
{
/* ici on n'as pas la variable th (sans doute quelqu'un qui ne
veut pas jouer avec nos merveilleux style ,) ) */
echo ("<LINK rel='stylesheet' type='text/css' href='style.css'>");
} // fin du else
?>
</head>
<body>
<h3>Ici en cliquant sur les différents liens vous pouvez choisir votre
thème</h3>
<div class="titre">
Voici ici un titre
</div>
ici un tableau ci dessous
<table>
<th>COL 1</th><th>COL 2</th>
<tr><td><a href="?th=rouge">Theme Rouge</a></td><td><a href="?th=bleu">Theme Bleu</a></td></tr>
</table>
</body>
</html>
/code
Ensuite les différents css donc bleu rouge et normal
style.css
[code]
/* CSS Document style normal blanc et noir*/
body {
background-color: white;
font-family: Verdana;
font-size: 12px;
color : black;
margin:0px;
text-align : center;
overflow:auto;
}
.titre
{
position : relative;
margin: 20px auto;
text-align: center;
background-color:#000000;
color:#FFFFFF;
}
th
{
background-color:#4B4B4B;
color:#DDDDDD;
}
td
{
background-color:#C0C0C0;
color:#DDDDDD;
}
/code
Puis stylebleu.css
[code]
/* CSS Document style normal bleu*/
body {
background-color: white;
font-family: Verdana;
font-size: 16px;
color : black;
margin:0px;
text-align : center;
overflow:auto;
}
.titre
{
position : relative;
font-size: 16px;
margin: 20px auto;
text-align: center;
background-color:#0033CC;
color:#FFFFFF;
}
th
{
font-size: 20px;
background-color:#0066CC;
color:#DDDDDD;
}
td
{
background-color:#CC6666;
color:#DDDDDD;
}
/code
stylerouge.css
[code]
/* CSS Document style normal blanc et noir*/
body {
background-color: white;
font-family: Verdana;
font-size: 12px;
color : black;
margin:0px;
text-align : center;
overflow:auto;
}
.titre
{
position : relative;
margin: 20px auto;
text-align: center;
background-color:#ff0000;
color:#FFFFFF;
}
th
{
background-color:#CC3333;
color:#DDDDDD;
}
td
{
background-color:#CC6666;
color:#DDDDDD;
}
/code
Voila j'espère que comme cela c'est plus clair, il y a bien d'autre moyen d'y parvenir notament en js mais bon ...
dis moi quoi ;)
Voici un ptit exemple ca mange pas de pain mais tu pourras comprendre le systeme
voici donc l'index.php
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>test page avec choix de thèmes (php et html,css)</title>
<?php
/* Ici on controle simplement
si la variable th existe au sein du tableau $_GET
*/
if (isset($_GET['th']))
{
/* Sachant qu'il n'est pas sage d'utiliser une variable externe
sans en controler rigoureusement la validité je te conseille de
faire tes test ici :) */
$th=$_GET['th'];
/* bien qu'il y aurait plein d'autre manière l'utilisation d'un
switch n'est pas mauvaise ici pour la simplicité de l'exemple */
switch($th)
{
case 'bleu':
echo ("<LINK rel='stylesheet' type='text/css' href='stylebleu.css'>");
break;
case 'rouge':
echo ("<LINK rel='stylesheet' type='text/css' href='stylerouge.css'>");
break;
default:
echo ("<LINK rel='stylesheet' type='text/css' href='style.css'>");
break;
} // Fin du switch
}//fin du If isset($_GET['th'])
else
{
/* ici on n'as pas la variable th (sans doute quelqu'un qui ne
veut pas jouer avec nos merveilleux style ,) ) */
echo ("<LINK rel='stylesheet' type='text/css' href='style.css'>");
} // fin du else
?>
</head>
<body>
<h3>Ici en cliquant sur les différents liens vous pouvez choisir votre
thème</h3>
<div class="titre">
Voici ici un titre
</div>
ici un tableau ci dessous
<table>
<th>COL 1</th><th>COL 2</th>
<tr><td><a href="?th=rouge">Theme Rouge</a></td><td><a href="?th=bleu">Theme Bleu</a></td></tr>
</table>
</body>
</html>
/code
Ensuite les différents css donc bleu rouge et normal
style.css
[code]
/* CSS Document style normal blanc et noir*/
body {
background-color: white;
font-family: Verdana;
font-size: 12px;
color : black;
margin:0px;
text-align : center;
overflow:auto;
}
.titre
{
position : relative;
margin: 20px auto;
text-align: center;
background-color:#000000;
color:#FFFFFF;
}
th
{
background-color:#4B4B4B;
color:#DDDDDD;
}
td
{
background-color:#C0C0C0;
color:#DDDDDD;
}
/code
Puis stylebleu.css
[code]
/* CSS Document style normal bleu*/
body {
background-color: white;
font-family: Verdana;
font-size: 16px;
color : black;
margin:0px;
text-align : center;
overflow:auto;
}
.titre
{
position : relative;
font-size: 16px;
margin: 20px auto;
text-align: center;
background-color:#0033CC;
color:#FFFFFF;
}
th
{
font-size: 20px;
background-color:#0066CC;
color:#DDDDDD;
}
td
{
background-color:#CC6666;
color:#DDDDDD;
}
/code
stylerouge.css
[code]
/* CSS Document style normal blanc et noir*/
body {
background-color: white;
font-family: Verdana;
font-size: 12px;
color : black;
margin:0px;
text-align : center;
overflow:auto;
}
.titre
{
position : relative;
margin: 20px auto;
text-align: center;
background-color:#ff0000;
color:#FFFFFF;
}
th
{
background-color:#CC3333;
color:#DDDDDD;
}
td
{
background-color:#CC6666;
color:#DDDDDD;
}
/code
Voila j'espère que comme cela c'est plus clair, il y a bien d'autre moyen d'y parvenir notament en js mais bon ...
dis moi quoi ;)
coeurdepierre
Messages postés
9
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mai 2008
6 mai 2008 à 19:38
6 mai 2008 à 19:38
Merci je vais essayer avec ce script, aussi pour celui de la taille d'affichage du texte je lai déja eu, il ne reste que l'option d'affichage de la page (mode étroite et compact), en attendant veuillez accepter mes meilleures salutations.
