Journal Des CSS pour DLFP

Posté par .
Tags : aucun
0
9
juin
2004
Bonjour à tous,

j'ai eu une idée qui serait vraiment pas mal pour ceux qui n'utilise pas la barre javascript de DLFP.

Il faudrait organiser un vote pour élire quelques CSS (4 ou 5, voir plus, pourquoi pas) et les mettre dans le code HTML "en dur".

Comme ça, avec notre Mozilla préféré, on pourrait utiliser la petite icône en bas à gauche qui permet de changer les CSS quand il y en a plusieurs. Il n'y a quasiment pas de modification à faire sur le code de Templeet (si c'est pas trop mal conçu) et ça ferait plaisir à beaucoup de monde (et moi accessoirement :-)).

Parce que, la barre c'est pratique mais ça fait ramer mon pauvre Duron 600 dès qu'il y a plus de 50 commentaires, et ici, les commentaires ça fusent vite.

Enfin voilà...
A vous de choisir.

PS : avec quel autre navigateur que les Mozilla * peut on changer les CSS à la volée par un menu spécial ?
  • # ...

    Posté par . Évalué à 3.

    opera, konqueror...

    Par contre sous Moz ou Konq ou même Opera ça garde pas la préférence de feuille de style d'une connexion à l'autre...
    • [^] # Re: ...

      Posté par . Évalué à 2.

      C'est vrai, mais le changement est rapide, en tout cas plus rapide que de "calculer une page entière" en javascript à chaque page.

      Etrange, aurais tu infiltrer les serveurs de linuxfr.org, je croyait que l'on etait limité à +/- 2 points pour une évaluation par défaut.
      Du changement dans l'air ?
      • [^] # Re: ...

        Posté par (page perso) . Évalué à 2.

        Je pense que oui, j'ai vu du 4 par défaut tout à l'heure...
      • [^] # Re: ...

        Posté par (page perso) . Évalué à 1.

        + rapide... quand ca clignote, c'est pas super agreable.. surtout avec un modem.
  • # Euh...

    Posté par . Évalué à 2.

    Et pour ceux qui utilisent Konqueror ? Safari ? (Galeon peut-être ?) Pas top tout ça...

    Le mieux serait de pouvoir choisir dans une liste déroulante une CSS qui sera intégrée à la place de celle par défaut, dans nos options, et qui suive notre profil de poste en poste. Mais il me semble qu'on peut déjà donner une URL sans passer par la DLFPTB non ? Je n'ai pas testé, mais j'ai vu ça dans mes options. Quelqu'un pour confirmer ?

    Quoi qu'il en soit, je ne peux pas changer le style à la volée sous Safari si le site propose plusieurs CSS, personnellement. Donc personnellement toujours je préférerai la possibilité de choisir dans une liste ou donner une URL.
    • [^] # Re: Euh...

      Posté par . Évalué à 4.

      Après test, effectivement, pas besoin de la DLFPTB pour changer la CSS, ça marche avec le profil. Mais en mettre quelques unes en vote pour les mettre dans une liste défilante, ça serait bienvenu je pense.
      • [^] # Re: Euh...

        Posté par . Évalué à 3.

        Formidable, j'avais pas vui cette nouvelle option. Depuis quand est elle là ?

        Faut ,nous prévenir quand il y a des trucs tout nouveau sur le site.

        allez : [+1]
    • [^] # Re: Euh...

      Posté par (page perso) . Évalué à 4.

      Mais il me semble qu'on peut déjà donner une URL sans passer par la DLFPTB non ?
      Oui mais c'est pour l'instant valable que pour la session en cours (ça positionne le cookie mais n'est pas sauvegardé).
    • [^] # Re: Euh...

      Posté par (page perso) . Évalué à 2.

      >Et pour ceux qui utilisent Konqueror ?

      Moi avec konqueror je peux ! Via le menu Affichage->Utiliser la feuille de style. Mais c'est pas franchement super accessible, j'ai essayer de le mettre dans la barre d'outils, mais ça ne marche pas :-(
    • [^] # Re: Euh...

      Posté par . Évalué à 4.

      (Galeon peut-être ?)

      Je vois dans mon Galeon un petit menu "Affichage -> Style" avec un choix multiple. Quelqu'un aurait l'url d'une page où il y a comme ça des CSS alternatives spécifiées pour que je regarde comment ça marche (si elles sont bien listées, si c'est sauvegardé, etc.) ?
      Merci.
      • [^] # Re: Euh...

        Posté par . Évalué à 3.

        • [^] # Re: Euh...

          Posté par (page perso) . Évalué à 3.

          Attention, le systeme sur le standblog utilise un cookie pour stocker ca et re-ecrire les [link] en fonction de ce que tu as choisi, ca peut fausser les tests...
        • [^] # Re: Euh...

          Posté par . Évalué à 4.

          Merci.

          Bon, résultat : les CSS sont bien listées, le changement marche bien, par contre rien n'est sauvé (un simple reload suffit à revenir à la CSS par défaut). Dans les autres browsers, y'en c'est pareil ou il y en a qui retiennent le choix de l'utilisateur ?
  • # Et pourquoi pas un style switcher ?

    Posté par . Évalué à 6.

    Il suffirait de mettre un petit menu déroulant quelque part qui créerais un petit cookie qui va bien. Comme ça ça passerais sur tous les brouteurs. On pourrais aussi rajouter la liste des css dispo dans la page "modifier mes préférences".
  • # code code code

    Posté par (page perso) . Évalué à 6.

    Justement, il n'y a pas très longtemps, je me suis créé cette dropdown qui est rempli avec les stylesheets et alternates de la page ...
    avec generation de cookie, et reselection suivant cookie à l'init.
    C'est quasiment que du code javascript ... il fonctionne sous IE/Firefox sans prob ...
    je peux le poster ici ?!
    • [^] # Re: code code code

      Posté par (page perso) . Évalué à 0.

      je prends!
    • [^] # Re: code code code

      Posté par (page perso) . Évalué à 4.

      voilà une page html ...
      les 3 trucs importants :
      - le script contenu dans la balise "script"
      - la balise "select id='selsheet'"
      - et le onload du body pour appeler "myinit();"

      bien evidemment, il faut saisir plus d'une alternate/stylesheet ...
      il faudra juste remplacer les "[[" par "<", et "]]" par ">"
      [[html]]
      [[head]]
      [[meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"]]

      [[link rel="stylesheet" title="colored" href="style4.css"]]
      [[link rel="alternate stylesheet" title="red" href="style2.css"]]
      [[link rel="alternate stylesheet" title="look ahead" href="style3.css"]]
      [[link rel="alternate stylesheet" title="buttonface" href="style1.css"]]
      [[link rel="alternate stylesheet" title="colored IE" href="style4ie.css"]]

      [[script language='javascript']]

      function getcookie(name, defaultvalue)
      {
      name += "=";
      if (document.cookie.length ]] 0)
      {
      offset = document.cookie.indexOf(name);
      if (offset != -1)
      {
      offset += name.length;
      end = document.cookie.indexOf(";", offset)
      return unescape(document.cookie.substring(offset, (end != -1) ? end : document.cookie.length));
      }
      }
      return (defaultvalue);
      }

      function setcookie(name, value)
      {
      var cookie = name + "=" + escape(value);
      var today = new Date();
      var expire = new Date();

      expire.setTime(today.getTime() + 1000 * 60 * 60 * 24 * 365);
      cookie += "; expires=" + expire.toGMTString();
      cookie += "; path=/";
      document.cookie = cookie;
      }

      function changeSheet(val)
      {
      setSheet(val);
      setcookie('style',val);

      }

      function populate() {
      var sel = document.getElementById('selsheet');

      for (var o=sel.options.length-1; o]]=0; o--) sel.options[o]=null;
      for(var i=0;i[[document.styleSheets.length;i++)
      sel.options[sel.options.length]=new Option(document.styleSheets[i].title,i+1);

      document.getElementById('selsheet').value=getcookie("style",1);
      }


      function setSheet(whichSheet) {
      var s;
      whichSheet=parseInt(whichSheet);
      whichSheet=whichSheet-1;
      if(document.styleSheets){
      var c = document.styleSheets.length;
      for(var i=0;i[[c;i++){
      if(i!=whichSheet){
      document.styleSheets[i].disabled=true;
      }else{
      document.styleSheets[i].disabled=false;
      s=document.styleSheets[i].href;
      }
      }
      }
      }

      function myinit() {
      populate();
      changeSheet( getcookie("style",1) );
      }
      [[/script]]
      [[/head]]
      [[body onload="myinit()"]]
      je suis du texte ...[[a href="#"]]je suis un lien[[/a]]
      [[select id="selsheet" onchange="changeSheet( this.value );"]][[/select]]
      [[/body]]
      [[/html]]

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.