Journal CSS spéciale Ubuntu 8.10 : explication

Posté par  .
Étiquettes :
8
30
oct.
2008
Pourquoi une CSS pour la sortie de Ubuntu ?
Parce que j'aime bien Ubuntu et que je voulais bien tenter cette expérience en commençant par Ubuntu.
Je sais qu'il va y avoir des remarques du style : "pourquoi pas mandriva / openoffice / ...".
Il fallait bien commencer quelque part ! Au niveau du temps de préparation quand j'en ai eu l'idée (fin septembre), ça correspondait bien avec la sortie d'Ubuntu surtout que la prévision de la date de lancement a facilité les choses.

La feuille de style n'est pas parfaite, il reste sûrement des endroits mal fichus parce qu'il reste des indications de style dans certains pages html ou bien j'ai oublié des endroits. J'en proposé des petites corrections au niveau du code html mais il reste encore des choses à faire pour l'avenir.

Vous pouvez aussi proposer votre feuille de style. Il faut savoir que ça demande du temps. J'ai demandé de l'aide à zazo0o pour faire le logo. La feuille de style s'est faite autour ensuite.

Le code de LinuxFR peut désormais accueillir une feuille de style spéciale événement.

La feuille de style est forcée pour tout le monde, y compris pour ceux qui ont choisi une CSS perso. Bon alors comme je suis sympa, j'ai prévu un moyen d'en échapper :-) mais attention pour le moment c'est manuel et puis comme ça vous apprendrez quelque chose :
pour retrouver le comportement d'origine : revoir la CSS normale ou sa CSS perso, il faut ajouter un cookie dans son navigateur (OK faut être motivé :-) )
Ce cookie se nomme specialstyleok et vous lui donner la valeur 2 par exemple. Ne le mettez pas en durée infinie sinon ça va vous désactiver les futurs CSS surprises pour la vie.

Mais alors je suis vraiment sympa car j'ai fait un script perl pour le faire (vous allez me dire qu'un simple clic sur le site aurait fait la même chose mais non c'est bien plus drôle comme ça)
Si vous utilisez firefox 3 et que vous voyez un fichier cookies.sqlite dans le répertoire de firefox alors mon script perl est fait pour vous :
  • si vous utilisez Ubuntu ;-) (ou Debian), installez le paquet : "libclass-dbi-sqlite-perl"

  • puis téléchargez et lancez le script perl : http://rootix.info/tmp/linuxfr-antidote-ff3-sqlite.pl avec en premier paramètre le chemin qui mène au fichier des cookies et en second paramètre, vous mettez 1 si vous surfez sur linuxfr en https et 0 sinon.
    Exemple de lancement chez moi :

    perl linuxfr-antidote-ff3-sqlite.pl /home/rootix/.mozilla/firefox/4akbfc8a.default/cookies.sqlite 1

  • ensuite il faut relancer firefox :-] et puis voilà tout est revenu.

Sinon vous attendez l'expiration de la CSS spéciale :-)

Sinon à part ça, si vous pensez que l'opération est à renouveler à l'avenir, exprimez-vous !
  • # Interpid Ibex

    Posté par  (site web personnel) . Évalué à 7.

    Interpid Ibex on peut le trouver dans quelle version des Pokémon?? Silver, gold ou rubis??

    (au vu de la css, on me souffle rubis dans le creux de l'oreille...)
    • [^] # Re: Interpid Ibex

      Posté par  . Évalué à 7.

      Les pokemon Ubuntu c'est plutot dans pokemon python que dans pokemon ruby, je crois.
      A noter que ce sont des évolutions des pokemon debian qu'on trouvait dans pokemon perl.

      Pourquoi ces derniers ont eu moins de succés que leurs évolutions, c'est un des mystères du marketing, pourtant Erretéhéffème, Takacoderconnard, Nonhoclikodrome et Onvepadusers (évolution lui même de Userslusers) avaient eu leur heure de gloire.

      C'est le plus beau vendredi que j'ai vu depuis longtemps, j'en pleure de joie! ... Ah non, c'est pas des larmes, c'est du sang ...
      • [^] # Re: Interpid Ibex

        Posté par  (site web personnel) . Évalué à 2.

        Sauf qu'on est que Jeudi ...

        Faudrait peut être demander à Cannonical de faire leurs releases que le Vendredi rapport aux Trolls sur LinuxFR toussa ...
        • [^] # Re: Interpid Ibex

          Posté par  . Évalué à 4.

          Sauf qu'on est que Jeudi ...
          Non, ils n'ont pas que changé la css pour fêter ça, ils ont aussi changer le calendrier.
    • [^] # Re: Interpid Ibex

      Posté par  . Évalué à 2.

      Parce qu'il fallait bien que quelqu'un le link: http://xkcd.com/178/ ;)
  • # Gardons les CSS événements

    Posté par  . Évalué à 10.

    Moi je trouve plutôt amusant le fait de mettre une CSS spéciale pour un événement. Donc oui il faut continuer.

    Mais par contre il faut juste encore quelques modifications pour des choses qui sont devenues peu lisibles voire illisibles.
    • [^] # Re: Gardons les CSS événements

      Posté par  . Évalué à 3.

      Et puis elle est super jolie cette CSS, j'en ferait bien ma feuille de style par défaut tient !!
    • [^] # Re: Gardons les CSS événements

      Posté par  . Évalué à 10.

      Effectivement, c'est une bonne idée. Mais là il faut avouer que ce thème est plutôt agressif et ne reflète pas tellement le style ubuntu plutôt sobre.
      • [^] # Re: Gardons les CSS événements

        Posté par  . Évalué à 4.

        Oui trop rouge et pas assez orange/marron. Ça irait mieux pour FreeBSD (voir Red Hat, mais en forçant un peu moins sur le rouge, et moins foncé).
        • [^] # Re: Gardons les CSS événements

          Posté par  . Évalué à 4.

          on me souffle : RED FLAG Linux ! :)

          Je trouve ce thème assez réussi, même si un peu aggressif il est vrai (je n'aime pas les lettres blanches sur fond sombre de façon générale, cela me tue les yeux), et je trouve l'idée de faire des CSS événements une très bonne idée qui marque bien le coup.

          Bravo Rootix !

          Only wimps use tape backup: real men just upload their important stuff on megaupload, and let the rest of the world ~~mirror~~ link to it

          • [^] # Re: Gardons les CSS événements

            Posté par  . Évalué à 5.

            Merci, juste pour repréciser, le thème n'a pas été conçu pour être ergonomique mais pour être artistique et provoquer un choc ainsi qu'un moment inoubliable. C'est le genre de chose que j'aime bien faire.
            Les CSS spéciales ne sont activées que quelques heures, ça m'a permis de faire une entorse aux règles habituelles.
            Demain, tout redeviendra normal mais on se souviendra de ce jour pendant quelques temps. J'ai atteint mon objectif. Moi aussi je trouve la CSS agressive et je ne la garderais pas.

            On attend vos contributions pour une CSS spéciale debian lenny sans problème. Vous pouvez proposer un logo, des CSS et nous envoyer un mail sur la liste des modérateurs. Cette fois-ci, on peut faire une CSS qui corresponde aux standards habituels.
    • [^] # Re: Gardons les CSS événements

      Posté par  (site web personnel) . Évalué à 4.

      j'attends la CSS bourée aux pandas roux !

      ... ou avec un panda roux bourré ( au choix )
    • [^] # Re: Gardons les CSS événements

      Posté par  (site web personnel) . Évalué à 2.

      Pour ma part je pense que c'est une erreur : un site internet est identifié par les visiteurs grâce à son apparence (et non grâce à l'url). Modifier l'apparence d'un site revient donc à perdre la continuité dans cette identification, perdre la cohérence. Précédemment, c'était le logo qui était changé, ce qui suffisait amplement à mettre en avant certains évènements…
  • # A noter également la CSS black

    Posté par  . Évalué à 2.

    Dans les CSS alternatives, la CSS spéciale ubuntu en couleur rouge est présente mais j'ai aussi mis une version en noir.
    Il faut attendre la fin de l'opération "CSS spéciale ubuntu" et ensuite, ceux qui veulent pourront continuer avec la CSS ou bien choisir l'autre, celle en noir.

    Comme je le disais, il reste des bouts de html avec des couleurs en dur. On va corriger.
    • [^] # Re: A noter également la CSS black

      Posté par  . Évalué à 10.

      ha mince j'étais persuadé que c'était la css spéciale haloween ^^ en tout cas elle fait peur :D

      Il ne faut pas décorner les boeufs avant d'avoir semé le vent

  • # Super sympa !

    Posté par  (site web personnel) . Évalué à 5.

    ça me rappelle la belle époque où y'avait le logo qui changeait régulièrement sur linuxfr.

    Y'a pas à dire, c'était mieux à vent, mais c'est pas mal maintenant ;-)

    Axel
    • [^] # Re: Super sympa !

      Posté par  . Évalué à 5.

      Il risque plus de changer, de vilaines moules ont vexé ayo
      • [^] # Re: Super sympa !

        Posté par  (site web personnel) . Évalué à 2.

        Il n'y avait pas qu'Ayo qui soumettait des logos : http://infernal-quack.net/linuxfr_logo

        Ah DaMeteoFrenchPage ! Que de souvenirs ;-)

        L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

  • # Oui, plein!

    Posté par  . Évalué à 2.

    Je trouve ces thèmes très bien, ça marque le coup. Maintenant, il nous faudra souffler aux distributions d'étaler leurs sorties...

    ⚓ À g'Auch TOUTE! http://afdgauch.online.fr

  • # Firefox est pris en charge

    Posté par  . Évalué à 5.

    Ça fait plaisir, parce que c'est quand même le navigateur principal ; pour ainsi dire le standard.

    J'attends impatiemment la manœuvre pour les utilisateurs de googlebot, ce qui me permettra d'envisager un délai pour la couverture de konqueror 4 (0.65% de parts de marché).

    Bon, en cherchant un poil, on voit que c'est nettement plus simple que pour le reste du monde :
    % vim ~/.kde4/share/apps/kcookiejar/cookies
  • # Des corrections à apporter pour plus tard...

    Posté par  (site web personnel) . Évalué à 3.

    ... et des félicitations, par ce que c'est du bon boulot !

    Parmi les petits bugs :

    - le logo n'est plus clicable pour retourner sur la page d'accueil

    - il y a du texte en jaune sur fond blanc lorsque l'on poste un commentaire (Vous êtes identifié sous le compte... et vous êtes responsable de vos écrits...).

    Et je trouve que l'encadré en haut de la page d'accueil ressort bien, j'y ai plus fait attention que d'habitude.
    • [^] # Re: Des corrections à apporter pour plus tard...

      Posté par  . Évalué à 4.

      Je rajouterais :
      * Le mot "nouveau!!!" ne ressort pas suffisamment : le rouge sur fond clair avait le mérite de sauter aux yeux (là c'est le fond qui me saute à la rétine, plutôt) ;
      * Par contre, les cadres contenant des citations ressortent beaucoup (trop ?) ;

      bonne continuation :-)

      Et j'aime bien l'idée de faire une CSS pour des évènements importants, mais peut-être la faire plus discrète, la prochaine fois ?
  • # Ca n'empêche pas d'avoir du goût !

    Posté par  . Évalué à 6.

    Il faudrait peut-être un design moins intrusif (juste changer la couleur grise foncé des titres, et le logo)
    Je veux bien aider pour d'autres évènements sinon. C'est dommage qu'il soit un peu tard pour OpenBSD demain ;-)
  • # Plus simple pour le cookie

    Posté par  . Évalué à 5.

    Ouvrir une page linuxfr.org, puis taper dans la barre d'adresse:

    javascript:alert(document.cookie="specialstyleok=2;path=/;domain=linuxfr.org")
  • # et encore plus simple

    Posté par  . Évalué à 2.

    Vous allez sur la page "Changer le style" en cliquant dans le menu à gauche et ensuite y a un lien pour désactiver la CSS spéciale.
  • # Groumpf

    Posté par  (site web personnel) . Évalué à 10.

    La feuille de style est forcée pour tout le monde, y compris pour ceux qui ont choisi une CSS perso. Bon alors comme je suis sympa, j'ai prévu un moyen d'en échapper :-) mais attention pour le moment c'est manuel et puis comme ça vous apprendrez quelque chose :

    En gros, tu enlèves aux gens la liberté de choisir comment ils veulent afficher le site, sauf à faire des manips particulières (et apparemment pas complètement triviales). Pour un peu, ça me rappellerait des pratiques de microsoft, tiens...
    • [^] # Re: Groumpf

      Posté par  (site web personnel) . Évalué à 3.

      avec une prise en charge uniquement de Firefox !!! Comme si les linuxiens était formaté pour n'utiliser que Firefox.

      Et puis l'explication pour le paquet perl pour Ubuntu ou Debian, les autres peuvent aussi aller se faire voir et se démerder pour trouver le nom.
      • [^] # Re: Groumpf

        Posté par  . Évalué à 2.

        Je rajoute aux griefs un énorme bug lors de la lecture des message du forum, qui s'affichent avec le thème "normal" mais pas complètement, entraînant un truc vraiment affreux (et des variations de couleurs entre les pages assez dure à suivre).

        Sinon si je ne suis pas forcément contre les css "spéciales", je trouve le premier jet un peu trop imposé, et véritablement pas dans l'esprit de la diversité (que ce soit pour les navigateurs, pour le choix que peu faire l'utilisateur, etc).

  • # si vous pensez que l'opération est à renouveler à l'avenir?

    Posté par  (site web personnel) . Évalué à 8.

    Sinon à part ça, si vous pensez que l'opération est à renouveler à l'avenir, exprimez-vous !

    Je m'exprime, mais pour l'inverse : non, ce n'est pas à renouveller.
    Un peu brut comme réponse, mais bon je vais essayer de m'expliquer :
    - qu'une partie du site soit changée, qu'un logo change, à l'occasion d'un événement, c'est très bien. Ca montre un peu plus le sujet, le site bouge. Mais les changements doivent être pas trop agressifs.
    - la, d'une part c'est très agressif comme thème "forcé", mais en plus c'est... Pour quel événement? Rien, juste parce que tu avais envie de changer le style, alors que j'ai mon style.

    Du coup, j'ai interdit les CSS spéciales pour m'en sortir de ce thème TRES agressif. C'est dommage, car j'aurai sans doute apprécié des CSS spéciales lors d'événements spéciaux, mais comme j'aurai bloqué les CSS spéciales je ne les verrai plus.
  • # ghuuu

    Posté par  (site web personnel) . Évalué à 5.

    c'est quand même globalement illisible. Surtout pour ajouter des commentaires.

    Faire des changements de logo me semble bien suffisant !
    • [^] # Re: ghuuu

      Posté par  . Évalué à 1.

      c'est vrai que c'est un peu le bordel, mais j'aime bien ce côté "salon d'ambiance".

      Bravo pour l'initiative en tout cas.
  • # laid

    Posté par  (site web personnel) . Évalué à 10.

    J'apprécie l'idée, mais ya que moi qui trouve ce CSS super laid ?

    Les graphistes derrières moi me demande c'est quoi "cette horreur" ...
  • # Merci pour les yeux qui saignent!

    Posté par  . Évalué à 8.

    Franchement, trop merci, c'est un véritable supplice de consulter le site...

    Là, en écrivant le commentaire, j'arrive même pas à lire ce qu'il y a au-dessus des zones de saisie parce que c'est jaune clair sur blanc.
    De plus, la couleur du fond est super agressive.
  • # Mouais

    Posté par  . Évalué à 6.

    Sérieux c'est affreux :)
    J'ai passé 10 minutes à trouver comment repasser à la présentation habituelle. Au début je croyais que c'était Firefox qui avait merdé tellement c'est illisible.
  • # Oui mais ...

    Posté par  . Évalué à 4.

    Moi je trouve que c'est une bonne idée, mais avec des changements "plus sobres"
    - logo adapté à l'événement ( lui peut être coloré )
    - Image de fond qui respecte l'harmonie du thème par défaut ( http://linuxfr.org/images/rootix-linuxfr-ubuntu-top-right-v2(...) c'est bien )

    Et c'est tout parce que la ça pique trop les yeux pour être utilisable ...
    • [^] # Re: Oui mais ...

      Posté par  . Évalué à 3.

      Au départ, j'avais prévu du blanc comme tu viens juste de le voir mais la personne qui a fait le logo a proposé ce rouge. C'est pas toujours évident de travailler à plusieurs.
      • [^] # Re: Oui mais ...

        Posté par  . Évalué à 1.

        Oui je me réponds : le fond est transparent mais en fait c'était bien le blanc dans le fond que j'avais prévu à un moment.
        En même temps, ce premier essai va permettre de fixer des règles pour la prochaine fois.
        Je pense qu'une première règle sera d'avoir un fond de couleur dans les tons habituels du site.
        D'ailleurs, regarde ma CSS perso qui n'est pas sur le site : http://rootix.info/tmp/rootix-linuxfr-2.css
        • [^] # Re: Oui mais ...

          Posté par  (site web personnel) . Évalué à 7.

          J'en profite pendant que tu es là.

          Beau boulot :)

          Même si je le trouve super agressif, ta démarche est super sympa et ça peut donner des idées pour d'autres.

          Bon par contre, le prochain qui met un rouge qui te toast les sourcils, je me déplace IRL pour l'égorger !
          • [^] # Re: Oui mais ...

            Posté par  . Évalué à 3.

            Le but recherché étant vraiment "le choc" et faire de ce jour un moment inoubliable. J'ai atteint ce but :-)
            La CSS sera désactivée demain pour ceux qui ne sont pas encore morts.
  • # Le beaujolais nouveau...

    Posté par  . Évalué à 10.

    ... est arrivé !!!


    Non, c'est pas ça qu'on fête ?

    ====>[]
  • # Confédération des imbéciles

    Posté par  . Évalué à 1.

    Ce que j'en dis, c'est que cette nouvelle skin manque totalement de théologie et de géométrie...
    • [^] # Re: Confédération des imbéciles

      Posté par  . Évalué à 4.

      > de théologie
      Tu sais, un peu de code spaghetti, et ça donne toute suite une ambiance plus pastafariste :)
  • # travail

    Posté par  . Évalué à 3.

    je trouve ca horrible.
    désolé.
    vive les fond clairs sur caractères de couleurs foncés.

    et j'ai rien contre le rouge et ses dérivés
    http://demo.rockettheme.com/sep07/index.php?option=com_conte(...)
    :)
    • [^] # Re: travail

      Posté par  . Évalué à 6.

      Je suis d'accord.

      D'ailleurs je me souviens, jadis, j'écrivais toujours avec du papier blanc sur de l'encre noire (ou parfois bleue foncée).
  • # Ca marche pas !

    Posté par  . Évalué à 2.

    L'idée de style événementiel est une bonne idée qui réveille dlfp, une idée surprenante qui vous réveille une soirée.

    Mais, il n'y a que quelques pages qui utilisent ce style événementiel, les autres (dont journaux, dépêche et commentaires) ont l'horrible style par défaut (pire que l'événementiel à mon goût) et pas celui que je me suis choisi :-(

    Je retourne de ce pas à la css lordcow (qui a un bug que j'ai corrigé grâce à l'extension stylish).

    Vous comprendrez bien que je ne débattrai pas car l'égout et les couleurs ne se discutent pas.

    ---
    - L'égout ?
    - Oui ! Parce que le goût des couleurs c'est souvent le dégout !
  • # Tiens !

    Posté par  (site web personnel) . Évalué à 1.

    /home/rootix/.mozilla/firefox/4akbfc8a.default/cookies.sqlite

    J'aurais juré que le but de ce genre de nom de répertoire était prévu pour éviter les hacks. Maintenant que tu l'as divulgué on va tous pirater ton firefox…


    (PS : les trolleurs qui se reconnaîtront seront ravis d'apprendre que ce commentaire est écrit en bépo)
    • [^] # Re: Tiens !

      Posté par  . Évalué à 2.

      ah ah ah :-) J'ai changé mon nom de login et le hash avant de poster.

Suivre le flux des commentaires

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