Visualiser une révision

CSS LinuxFR

Benoît Sibaud : https + obsolètes (05 janvier 2025 18:39:14)

Actuellement, LinuxFr alpha ressemble à cela : http(追記) s (追記ここまで)://alpha.linuxfr.org
Des CSS peuvent être ajoutées sur https://alpha.linuxfr.org/stylesheet/modifier (il faut être loggué)
Toutes les [css](//linuxfr.org/css.html) n'ont pas encore été portées pour la nouvelle version de LinuxFr :/ De nouvelles suggestions sont les bienvenues aussi :-)
# Liste Initiale de css
## évènement (en lien avec distro ou environnement de bureau)
* FreeBSD-dlfp.css [original]
* dlfp_debian.css [original]
* kde.css
* lucidlynx.css [original]
* opensuse.css [original]
* rootix-linuxfr-ubuntu-8.10-black.css [original] /!\ obsolète /!\
* rootix-linuxfr-ubuntu-8.10-red-ibex.css [original] /!\ obsolète /!\
* rootix-linuxfr-ubuntu-8.10-red.css [original]
* zazooo_fedora.css [original]
## CSS générique
* N97.css [original]
* crevette.css [original]
* geeko.css
* gr3mi.css [original]
* kaiska.css [original](削除) , voir http://linuxfr.indefero.net/p/concours-yggdras/source/file/master/kaiska-new.css (削除ここまで)
* lordcow.css [original]
* nightgrey.css [original]
* original.css
* rootix-linuxfr-1.css [original]
* rootix.css [original] /!\ obsolète /!\
* springtime.css [original]
* yneveu.css [original]
* zenburn.css [original]
# Nouvelles CSS suggérées ou proposées
ajouter son nom (ou équipe) prenant en charge une nouvelle CSS, en donnant un lien vers un exemple (voire le suivi)
* bmo (opensuse) https://github.com/nono/linuxfr.org/issues#issue/53
 * lien css : (削除) http:// (削除ここまで)(追記) ` (追記ここまで)bmo-perso.pagesperso-orange.fr/linuxfr/alpha/opensuse(追記) ` (追記ここまで)
* barmic
 * [css]((追記) https: (追記ここまで)//linuxfr.org/(削除) ~ (削除ここまで)(追記) users/ (追記ここまで)barmic/(削除) 30498.html (削除ここまで)(追記) journaux/participer-au-concours-dlfp (追記ここまで))
 * voir l'avancement: (削除) http:// (削除ここまで)(追記) ` (追記ここまで)linuxfr.indefero.net/p/concours-barmic/timeline/(追記) ` (追記ここまで)
* yellowiscool vintage css
 * (削除) http:// (削除ここまで)(追記) ` (追記ここまで)bordel.unevu.com/alphalinuxfr/bis/blue.css(追記) ` (追記ここまで)
 * (削除) http:// (削除ここまで)(追記) ` (追記ここまで)bordel.unevu.com/alphalinuxfr/blue.css(追記) ` (追記ここまで)
* 0WtP0
 * Making small changes on the current default css so people stop complaining about it.
 * lien css : (削除) http:// (削除ここまで)(追記) ` (追記ここまで)linuxfr.indefero.net/p/0wtp0/source/file/master/original_quickfix.css(追記) ` (追記ここまで)
 * voir l'avancement : (削除) http:// (削除ここまで)(追記) ` (追記ここまで)linuxfr.indefero.net/p/0wtp0/timeline/(追記) ` (追記ここまで)
* Sygne
 * [css]((追記) https: (追記ここまで)//linuxfr.org/(削除) ~Sygne/30547.html (削除ここまで)(追記) users/sygne/journaux/css-pour-alphalinuxfr (追記ここまで))
 * lien css : (削除) http:// (削除ここまで)(追記) ` (追記ここまで)souffles.eu/dlfp.css(追記) ` (追記ここまで)
* 2PetitsVerres
 * (削除) http:// (削除ここまで)(追記) ` (追記ここまで)alpha.linuxfr.org/users/2petitsverres/journaux/css-en-cours-de-dev(追記) ` (追記ここまで)
 * lien css : (削除) http:// (削除ここまで)(追記) ` (追記ここまで)linuxfr.indefero.net/p/concours-yoda222/source/file/master/RonRonnement.css(追記) ` (追記ここまで)
* yggdras
 * (削除) http:// (削除ここまで)(追記) ` (追記ここまで)linuxfr.indefero.net/p/concours-yggdras/source/file/master/kaiska-new.css(追記) ` (追記ここまで)
 * version avec texte réduit en largeur: (削除) http:// (削除ここまで)(追記) ` (追記ここまで)linuxfr.indefero.net/p/concours-yggdras/source/file/master/kaiska-short.css(追記) ` (追記ここまで)
# demande d'amélioration des CSS et suivi des bugs
cf. https://github.com/nono/linuxfr.org/issues/labels/CSS, voir aussi les journaux https://alpha.linuxfr.org/tags/css/public qui en parlent (si le tag a bien été ajouté).
# Liste des classes CSS de pygments
Pygments est utilisé pour la coloration syntaxique du code, mais il utilise des noms de classe très courts. La feuille de style par défaut peut être utilisé en ajoutant la ligne suivante dans la CSS:
```css
@import url('https://alpha.linuxfr.org/stylesheets/pygments/colorful.css');
```
Sinon, voici la liste des classes de pygments :
```css
.hll Highlight
.c Comment
.err Error
.k Keyword
.o Operator
.cm Comment.Multiline
.cp Comment.Preproc
.c1 Comment.Single
.cs Comment.Special
.gd Generic.Deleted
.ge Generic.Emph
.gr Generic.Error
.gh Generic.Heading
.gi Generic.Inserted
.go Generic.Output
.gp Generic.Prompt
.gs Generic.Strong
.gu Generic.Subheading
.gt Generic.Traceback
.kc Keyword.Constant
.kd Keyword.Declaration
.kn Keyword.Namespace
.kp Keyword.Pseudo
.kr Keyword.Reserved
.kt Keyword.Type
.m Literal.Number
.s Literal.String
.na Name.Attribute
.nb Name.Builtin
.nc Name.Class
.no Name.Constant
.nd Name.Decorator
.ni Name.Entity
.ne Name.Exception
.nf Name.Function
.nl Name.Label
.nn Name.Namespace
.nt Name.Tag
.nv Name.Variable
.ow Operator.Word
.w Text.Whitespace
.mf Literal.Number.Float
.mh Literal.Number.Hex
.mi Literal.Number.Integer
.mo Literal.Number.Oct
.sb Literal.String.Backtick
.sc Literal.String.Char
.sd Literal.String.Doc
.s2 Literal.String.Double
.se Literal.String.Escape
.sh Literal.String.Heredoc
.si Literal.String.Interpol
.sx Literal.String.Other
.sr Literal.String.Regex
.s1 Literal.String.Single
.ss Literal.String.Symbol
.bp Name.Builtin.Pseudo
.vc Name.Variable.Class
.vg Name.Variable.Global
.vi Name.Variable.Instance
.il Literal.Number.Integer.Long
```
# markitup
Markitup est l'éditeur de markup utilisé sur les textarea. Pour le personnaliser, le plus simple est de suivre [les instructions de la doc officiellle](http(追記) s (追記ここまで)://markitup.jaysalvat.com/documentation/).
# tests de non-régression
navigateurs :
* epiphany
* firefox
* chromium
* konqueror
pages :
* https://alpha.linuxfr.org/tableau-de-bord
* https://alpha.linuxfr.org/ accueil (PPP)
* https://alpha.linuxfr.org/news dépêches
* https://alpha.linuxfr.org/journaux journaux (certains proposent du formatage)
* . . . .
* https://alpha.linuxfr.org/plan le reste (compléter)
* https://alpha.linuxfr.org/statistiques vérifier ce qui peut être ajouté
* https://alpha.linuxfr.org/redaction l'espace de rédaction avec ses fonctionnalités supplémentaires (création de dépêche collaborative)
vérification conformité
* http(追記) s (追記ここまで)://validator.w3.org/ HTML 5
* http(追記) s (追記ここまで)://jigsaw.w3.org/css-validator/ CSS
* autre (HTML5, CSS, WAI) aller plus loin avec http(追記) s (追記ここまで)://www.w3.org/WAI/eval/Overview