Plusieurs skins, feuilles de style et blablabla

Plusieurs skins, feuilles de style et blablabla - HTML/CSS - Programmation

Marsh Posté le 21-12-2005 à 22:03:57    

:fou:  GrRrRrR !! Je galère graaaaaave !!
Alors voilà je vous explique le truc !!
Je suis en train de refaire mon site (actuellement en i-frames et html et un peu de php pour le sondage et les news) en un truc de fou (selon moi ^^) à savoir des include php et du css. ET ! Plusieurs skins...
 
Bon déjà alléluia j'arrive pas avoir les include php mais bon c'est un autre débat !!
Si je crée ce topic, c'est pour le CSS.
Contenu :
 
- plusieurs index avec une bannière différente à chaque fois
- plusieurs feuilles de style pour des couleurs (polices, bg, liens) différentes
- plusieurs pages sans mise en forme qui n'attendent qu'une feuille de style pour s'embellir
 
Mais grande question, qui paraîtra débilos aux yeux de certains est la suivante :
Quand une personne choisit par exemple le skin n°1 (et donc la feuille de style n°1), comment faire pour que lorsqu'on clique sur une autre page (du genre "contact.php ou .htm" ) la même feuille de style soit choisie !??
 
J'espère etre claire  :(  


---------------
http://www.imperiumhp.be
Reply

Marsh Posté le 21-12-2005 à 22:03:57   

Reply

Marsh Posté le 21-12-2005 à 22:14:03    

cookies...


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 21-12-2005 à 22:32:45    

Tu as posté la réponse que j'attendais !! Alors le cookie est valide pour TOUTES  les pages ?


---------------
http://www.imperiumhp.be
Reply

Marsh Posté le 21-12-2005 à 22:34:12    

bha oui


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 21-12-2005 à 22:34:22    

ben oui si tu fais de la sorte....qu'il y soit partout..

Reply

Marsh Posté le 21-12-2005 à 23:10:21    

oki mici ^^
et comment on fait pour qu'une feuille de style soit "possible" sur une page ?  :??:


---------------
http://www.imperiumhp.be
Reply

Marsh Posté le 21-12-2005 à 23:13:07    

ben il va te faloir utiliser du php est des variables...
 
tu mets dans une variable la feuille css à afficher  
et tu fait:
 
<link href="<?=$variableX?>" rel="stylesheet" type="text/css" />

Reply

Marsh Posté le 21-12-2005 à 23:24:59    

Ne me prend pas pour une blonde (en même temps j'en suis une ^^)
mais ya un truc à modifier là non ?
<link href="<?=$variableX?>" rel="stylesheet" type="text/css" />
 
C'est "variable" ??


---------------
http://www.imperiumhp.be
Reply

Marsh Posté le 21-12-2005 à 23:35:31    

mdr oui dans <?=$variableX?> tu le nommes comme tu veux le "variableX"

Reply

Marsh Posté le 22-12-2005 à 03:31:17    

Un style Witcher ???

Reply

Marsh Posté le 22-12-2005 à 03:31:17   

Reply

Marsh Posté le 22-12-2005 à 11:20:52    

Ptite remarque en passant... il vaux mieux éviter les écritures raccourcies de ce genre :

Code :
  1. <?=$variableX?>

, qui ne sont pas autorisées sur tous les serveurs.  
 
... à remplacer, plutôt, par  
 

Code :
  1. <?php echo $variableX; ?>


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 22-12-2005 à 11:44:12    

1°) c'est quoi Witcher ?
 
2°) j'ai pas trop trop capté pour les variableX. dites moi si c'est que je pense avoir compris est juste  :D  
si jai comme feuilles css : style1.css style2.css style3.css
alors je met les 3 ??
<?php echo $style1.css; ?>  
<?php echo $style2.css; ?>  
<?php echo $style3.css; ?>  
 
3°) oui oui, vous avez pas de bol !! vous êtes tombé sur LA BLONDE des sites web  :hello:

Message cité 1 fois

---------------
http://www.imperiumhp.be
Reply

Marsh Posté le 22-12-2005 à 12:36:16    

imperium a écrit :

1°) c'est quoi Witcher ?
 
2°) j'ai pas trop trop capté pour les variableX. dites moi si c'est que je pense avoir compris est juste  :D  
si jai comme feuilles css : style1.css style2.css style3.css
alors je met les 3 ??
<?php echo $style1.css; ?>  
<?php echo $style2.css; ?>  
<?php echo $style3.css; ?>
 
3°) oui oui, vous avez pas de bol !! vous êtes tombé sur LA BLONDE des sites web  :hello:


 
 
Tu vois la sortie... :sweat:  :sweat:  :hello:  
 
Mais non dans une variable
 
tu mettras l'un des noms de ta feuille de style...
 
ta variable change pas... :heink:  
 
Tu feras donc ailleur un sorte de $variableX="style1.css" ou autre....

Reply

Marsh Posté le 22-12-2005 à 21:01:18    

Heummm...
Vous voulez que je vous désespère encore + !?? OK  :)  
J'ai rien pigé  :(

Reply

Marsh Posté le 22-12-2005 à 21:08:31    

ben tans pis va sur google et cherche....apprend un peu les bases et reviens nous voir avec des questions d'un niveau plus élevé ;)
 
Bonne continuation

Reply

Marsh Posté le 22-12-2005 à 22:28:37    

essaye d'abord de faire que ca marche avec une seule feuille de style avant d'en proposer 3 :o


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 25-12-2005 à 15:18:28    

Ouai ouai ca marche avec 1 feuille !! Et maintenant avec plusieurs  :pt1cable:  
Alors bon je vais vous dire un peu comment j'ai fait (au cas où des personnes passeraient par là dans le même besoin)
Dans les balises <head></head> j'ai mis :
 

Code :
  1. <link rel="stylesheet" type="text/css" href="css.css">
  3.   <link rel="alternate stylesheet" href="css2.css" type="text/css" title="css2">


 
Dans les balises <body></body> j'ai mis :

Code :
  1. <script type="text/javascript" src="styleswitcher.js"></script>


 
Ce "styleswitcher.js" contient ca :

Code :
  1. function setActiveStyleSheet(title) {
  2.   var i, a, main;
  3.   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
  4.     if(a.getAttribute("rel" ).indexOf("style" ) != -1 && a.getAttribute("title" )) {
  5.       a.disabled = true;
  6.       if(a.getAttribute("title" ) == title) a.disabled = false;
  7.     }
  8.   }
  9. }
  10. function getActiveStyleSheet() {
  11.   var i, a;
  12.   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
  13.     if(a.getAttribute("rel" ).indexOf("style" ) != -1 && a.getAttribute("title" ) && !a.disabled) return a.getAttribute("title" );
  14.   }
  15.   return null;
  16. }
  17. function getPreferredStyleSheet() {
  18.   var i, a;
  19.   for(i=0; (a = document.getElementsByTagName("link" )[i]); i++) {
  20.     if(a.getAttribute("rel" ).indexOf("style" ) != -1
  21.        && a.getAttribute("rel" ).indexOf("alt" ) == -1
  22.        && a.getAttribute("title" )
  23.        ) return a.getAttribute("title" );
  24.   }
  25.   return null;
  26. }
  27. function createCookie(name,value,days) {
  28.   if (days) {
  29.     var date = new Date();
  30.     date.setTime(date.getTime()+(days*24*60*60*1000));
  31.     var expires = "; expires="+date.toGMTString();
  32.   }
  33.   else expires = "";
  34.   document.cookie = name+"="+value+expires+"; path=/";
  35. }
  36. function readCookie(name) {
  37.   var nameEQ = name + "=";
  38.   var ca = document.cookie.split(';');
  39.   for(var i=0;i < ca.length;i++) {
  40.     var c = ca[i];
  41.     while (c.charAt(0)==' ') c = c.substring(1,c.length);
  42.     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  43.   }
  44.   return null;
  45. }
  46. window.onload = function(e) {
  47.   var cookie = readCookie("style" );
  48.   var title = cookie ? cookie : getPreferredStyleSheet();
  49.   setActiveStyleSheet(title);
  50. }
  51. window.onunload = function(e) {
  52.   var title = getActiveStyleSheet();
  53.   createCookie("style", title, 365);
  54. }
  55. var cookie = readCookie("style" );
  56. var title = cookie ? cookie : getPreferredStyleSheet();
  57. setActiveStyleSheet(title);


 
Voilà ^^ (Bien sûr ne croyez pas que j'ai inventé ca toute seule, mais je connais + le nom du site)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed