Contenu | Rechercher | Menus

Annonce

Ubuntu 16.04 LTS
Commandez vos DVD et clés USB Ubuntu-fr !

Pour en savoir un peu plus sur l'équipe du forum.

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

#1 Le 24/03/2017, à 10:59

abelthorne

Évolution du forum ?

Bonjour,
Je trouve que le forum fait un peu vieillot dans ses fonctionnalités et il est à peu près inutilisable sur mobile faute d'une feuille de style adaptée. Est-ce que vous avez envisagé de migrer vers une solution plus moderne du genre Discourse ou est-ce que l'équipe est plutôt satisfaite du système actuel avec FluxBB ?

Je suis bien conscient du fait que migrer vers un autre système représente un boulot énorme mais quand je vais sur d'autres forums comme celui d'Ubuntu MATE (c'est pour ça que j'ai cité Discourse, c'est ce qu'ils utilisent là-bas), il y a pas mal de petites fonctionnalités vraiment pratiques que je regrette de ne pas retrouver ici : notamment possibilité de tagger des utilisateurs, système de notifications avancées, possibilité de passer les sujets en résolu en indiquant précisément où se trouve la solution...

Hors ligne

#2 Le 24/03/2017, à 11:11

tarkan99

Re : Évolution du forum ?

+1 pour une version adaptable aux mobiles.


xubuntu 16.04.1 sur HP probook 6560b et sur vieux Core 2 duo
lubuntu 16.04.2 sur Samsung NC10

Hors ligne

#3 Le 24/03/2017, à 12:11

cqfd93

Re : Évolution du forum ?

Bonjour,

+1 pour tout et j'ajouterais la possibilité de personnaliser les couleurs de l'interface.

Hors ligne

#4 Le 24/03/2017, à 13:05

jplemoine

Re : Évolution du forum ?

cqfd93 a écrit :

la possibilité de personnaliser les couleurs de l'interface.

Je suis moins "gourmand" : juste que l'on me rende la couleur bleue de Xubuntu au lieu du marron "moche" d'Ubuntu. smile


Cordialement, Jean-Philippe.
Sous *buntu depuis 2009
Xubuntu 16.04 (poste principal portable) - Ubuntu 16.04 server (desktop converti en serveur DHCP, DNS, dépôt local et supervision (shinken))

Membre de l'ALDIL (Association Lyonnaise pour le Développement de l'Informatique Libre)

Hors ligne

#6 Le 21/11/2017, à 10:51

xubu1957

Re : Évolution du forum ?

Bonjour,

Relance de la discussion à partir de Firefox contre-attaque ! :

Le 21/11/2017, bishop a écrit :

Le 19/11/2017, Roschan a écrit,
(...)
Par vous. Je vous rappelle qu'on est sur le forum le plus moche de France, et que vous utilisez un OS dont le thème n'a pas changé depuis plus de 5 ans, ça n'a rien de représentatif.

Le forum et la doc peuvent être modifiés esthétiquement. Tu peux installer l'add-on Stylish et le thème Ubuntu-fr.org de drBouvierLeduc puis bidouiller le CSS pour corriger quelques défauts (problèmes de couleur et de liens par exemple) et le mettre à ton goût.  On n'a rien sans rien... roll :

Le forum
1511261017.png

La documentation
1511261072.png


Je ne prétends pas que ça peut plaire à tous le monde, mais le thème est sobre et ça change du marron smile

(edit = date citation initiale)

Dernière modification par xubu1957 (Le 21/11/2017, à 14:55)


Important : Pensez à passer vos sujets en [Résolu] lorsque ceux-ci le sont, au début du titre en cliquant sur Modifier sous le premier message, et un bref récapitulatif de la solution à la fin de celui-ci. Merci.

Xubuntu 16.04.1 LTS : Lenovo T410 - Toshiba Satellite A300 - HP 7100 DC - Asus 1015BX -Fujitsu Siemens Scaleo J3000  Membre de Linux-Azur

En ligne

#7 Le 21/11/2017, à 11:19

Rony4491

Re : Évolution du forum ?

+1 pour une amelioration de l'interface, on est plus en 2009.


Kubuntu 17.10 - Acer Aspire v3-772G (i7-4700MQ, GeForce GTX 750M, 32Go DDR3, SSD 256Go, DD1To)

Hors ligne

#8 Le 21/11/2017, à 11:25

LukePerp

Re : Évolution du forum ?

Merci xubu1957, j'ai essayé le module stylish, mais pour à ce jour, il n'y a pas de style aux couleurs différentes pour le forum, seul trois assez proches de l'orange moche qu'on a déjà . Si les artistes et les motivés pourraient en faire deux ou trois de couleurs différentes que ce marron orange moche, se serait cool pour nos yeux ! De plus, il y a style pour mobile mais n'utilisant pas firefox sur android, alors je serait curieux de se qu'en pense les autres.

Dernière modification par LukePerp (Le 21/11/2017, à 11:26)


Desktop : Ubuntu Mate 14.04 - Intel i5 - 8 Go - Dual boot Windows 7 pour jouer
Laptop ASUS : Ubuntu Mate 16.04 - Intel i3 - 4 Go
Laptop de 1993 : Lubuntu 14.04 - Pentium M - 432 Mo
Regardez ces thèmes pour Linux : ici

Hors ligne

#9 Le 21/11/2017, à 11:34

Caribou22

Re : Évolution du forum ?

xubu1957 a écrit :

Bonjour,

Relance de la discussion à partir de Firefox contre-attaque ! :

Le 21/11/2017, bishop a écrit :

Roschan
(...)
Par vous. Je vous rappelle qu'on est sur le forum le plus moche de France, et que vous utilisez un OS dont le thème n'a pas changé depuis plus de 5 ans, ça n'a rien de représentatif.

Le forum et la doc peuvent être modifiés esthétiquement. Tu peux installer l'add-on Stylish et le thème Ubuntu-fr.org de drBouvierLeduc puis bidouiller le CSS pour corriger quelques défauts (problèmes de couleur et de liens par exemple) et le mettre à ton goût.  On n'a rien sans rien... roll :

Le forum
http://pix.toile-libre.org/upload/thumb/1511255025.png

La documentation
http://nsa39.casimages.com/img/2017/11/21/mini_17112110063716674.png

Je ne prétends pas que ça peut plaire à tous le monde, mais le thème est sobre et ça change du marron smile

Ce nouveau CSS est canon ! big_smile

Hors ligne

#10 Le 21/11/2017, à 11:38

Bigcake

Re : Évolution du forum ?

jplemoine a écrit :
cqfd93 a écrit :

la possibilité de personnaliser les couleurs de l'interface.

Je suis moins "gourmand" : juste que l'on me rende la couleur bleue de Xubuntu au lieu du marron "moche" d'Ubuntu. smile

Une façon très simple de passer d'un forum marron à bleu : il suffit de rajouter un k dans l''url : https://forum.kubuntu-fr.org/viewtopic.php?id=2007074

Je vous rappelle qu'on est sur le forum le plus moche de France

Personnellement, je trouve que le forum actuelle est très bien visuellement et très pratique comme il est.
Et qu'il y a bien plus moche (si on le considère moche), par exemple forums.mozfr.org est quand même bien moins agréable.

Après, je n'utilise pas de smartphone, donc je n'ai pas d'avis la dessus.
Si jamais une décision est prise pour prendre en compte les smartphones, pitié ne prenez pas une solution faite pour smartphone, qui "fonctionne" pour desktop.
Je pense à ce genre là (je crois que c'est discourse derrière justement) : https://forums.puri.sm/ qui est surement très bien pour smartphone, mais qui est juste ignoble sur PC (visuellement et fonctionnellement)

Dernière modification par Bigcake (Le 21/11/2017, à 11:54)


"Les gens" ne sont pas con, ils ont été habitués à la facilité et à la désinformation. Le meilleur moyen de ne pas les aider, c'est de se moquer. Le meilleur moyen de les aider, c'est de les informer, encore et encore. La réflexion viendra. N'oubliez pas que vous aussi, vous êtes le con d'un autre.
Smartphone+GNU/Linux=Librem5
Radio+sons libre=oxyradio.net

Hors ligne

#11 Le 21/11/2017, à 12:39

Caribou22

Re : Évolution du forum ?

Quitte à faire évoluer le forum, autant passer à un moteur plus à la page que fluxbb sinon ? smile
- http://www.question2answer.org/qa/ ?
- http://aedirn.fr/presentation-installation-discourse ?

Un coup de polish sur le forum serait peut-être un moteur pour sortir du coup de mou évoqué précédemment et donner un nouvel élan à la communauté smile

Dernière modification par Caribou22 (Le 21/11/2017, à 12:40)

Hors ligne

#12 Le 21/11/2017, à 13:12

Naziel

Re : Évolution du forum ?

Bonjour,

C'est vrai que ça serait bien d'avoir quelque chose de plus joli (que ce soit marron ou bleu, je suis pas trop fan), au passage j'allais dire que j'aime bien le système du forum yunohost mais c'est discourse en fait smile (c'est l'interface que je trouve assez pratique/jolie/moderne et en plus qui passe bien sur mobile, pour les fonctionnalités supplémentaires j'ai pas trop testé).

En ligne

#13 Le 21/11/2017, à 13:34

LukePerp

Re : Évolution du forum ?

Vous rêvez les gars, il n'y aura pas d'évolution du forum. Par le passé, les demandes ont fusés et rien n'a été fait.
Maintenant que de nos jours on peut changer l'aspect du site grâce au module stylish de firefox, ça va renforcer l'envie aux admins ne pas faire évoluer le site je pense.


Desktop : Ubuntu Mate 14.04 - Intel i5 - 8 Go - Dual boot Windows 7 pour jouer
Laptop ASUS : Ubuntu Mate 16.04 - Intel i3 - 4 Go
Laptop de 1993 : Lubuntu 14.04 - Pentium M - 432 Mo
Regardez ces thèmes pour Linux : ici

Hors ligne

#14 Le 21/11/2017, à 13:42

Bigcake

Re : Évolution du forum ?

Ouf tant mieux tongue

sinon pourquoi pas proposer un style dans le profil utilisateur du genre Victory fluxBB style, qui est un style fluxBB avec du responsive design et qui permettrai peut-être de ne pas tous casser en proposant une solution pour les smartphones.
Après... je ne sais pas a quel point c'est compliqué de proposer ça en style pour un profil, plutôt que du tout ou rien

Dernière modification par Bigcake (Le 21/11/2017, à 13:47)


"Les gens" ne sont pas con, ils ont été habitués à la facilité et à la désinformation. Le meilleur moyen de ne pas les aider, c'est de se moquer. Le meilleur moyen de les aider, c'est de les informer, encore et encore. La réflexion viendra. N'oubliez pas que vous aussi, vous êtes le con d'un autre.
Smartphone+GNU/Linux=Librem5
Radio+sons libre=oxyradio.net

Hors ligne

#15 Le 21/11/2017, à 14:00

FrancisFDZ

Re : Évolution du forum ?

Bonjour,
J'ai eu l'occasion de visiter les forums (forae?) de archlinux et gentoo, notre forum ubuntu.fr n'a pas a en rougir (sinon de confusion). Le présentation est très correcte, la recherche de posts correspondant à un problème donné est facile, et le coté esthétique tient la route face aux concurrents pré-cités (je reconnais tout de suite que le terme "concurrents" n'est pas celui qui convient le mieux, que les inconditionnels de arch ou gentoo ne m'en veuillent pas ! smile ). Il semblerait que ce soit le coté "esthétique" qui serait critiqué ici : en ce qui me concerne, je trouve qu'il n'y a pas lieu de changer.


-- On peut avoir des raisons de se plaindre et n'avoir pas raison de se plaindre --
[Victor Hugo]

Hors ligne

#16 Le 21/11/2017, à 16:15

bishop

Re : Évolution du forum ?

Bonjour,
Puisque xubu1957 en parle dans cette discussion au poste #6 je vais fournir quelques explications sur la marche à suivre pour installer le thème et obtenir ce résultat.

Note pour info
Je ne suis pas un professionnel mais un bidouilleur qui bidouille, entre autres, le CSS depuis une bonne dizaine d'années, donc, faut pas trop m'en demander.  Je n'ai pas encore parcouru l'intégralité du code, je verrai au fur et à mesure si je peux corriger les problèmes. Si vous essayez ce thème et que vous en trouvez d'autres, signalez-le. Merci.

Correction du thème original Stylish Ubuntu-fr.org by drBouvierLeduc
Une partie de l'interface du forum était marron (à contrario de l'interface de la Documentation). Elle a été unifiée.

Les problèmes à corriger que j'ai pu relever pour l'instant :
Le lien :

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

est inopérant.
Les liens affichant la date et l'heure dans les messages sont inopérants.


1a) Installez l'add-on Stylish pour Firefox 57
Rendez-vous sur Firefox Add-ons pour installer Stylish pour Firefox 57

1b) Installez l'add-on Stylish sur les versions antérieures à Firefox 57
Pour installer Stylish sur les versions précédentes de Firefox rendez-vous ici : Historique de version de Stylish.
Essayez par exemple la version 2.1.1 de Stylish.


2) Installation du thème
Quelque soit la version de Firefox que vous utilisez cliquez sur l'icône Stylish dans la barre d'outils,
cliquez sur les trois points verticaux en haut et à droite de la fenêtre,
cliquez sur Créer nvo Style.

Dans la fenêtre Ajouter un style => Sections > Code 1 copiez :

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.ubuntu-fr.org"),domain("doc.ubuntu-fr.org")
{

/*
Couleurs de référence:
#77216F : light aubergine
#5E2750 : medium aubergine
#2C001E : dark aubergine
#AEA79F : warm grey
#333333 : dark grey
#f7f6f5 :light grey
*/

  body
  {
    background-color: #f7f6f5 !important;
    background-image: none !important;
    font-family: "ubuntu",arial,sans-serif !important;
    font-size: .9em !important;
  }

  a
  {
    color: #dd4814 !important;
  }

  hr
  {
    border-width: 1px 0 0 !important;
    border-color: rgba(0,0,0,.2) !important;
  }

  #page
  {
    border: 0 none !important;
    background-image: none !important;
    padding: 0 0 2em !important;
    background-color: #F6F6F6 !important; /* Ajout 21-11-2017*/
  }


/* BLOCS_PRINCIPAUX */
  #navbar, #announce, #main, #footer, .block-inner
  {
    margin-left: 18em !important;
  }

  html.hidemenu #navbar, html.hidemenu #main, html.hidemenu #references, html.hidemenu #announce, html.hidemenu #footer
  {
    margin-left: 0 !important;
  }

  #navbar, #announce, #main, #footer, .welcome, #brdfooter
  {
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.3) rgba(0,0,0,.1) !important;
  }

  #mainindex, #main, #mainviewforum, #mainviewindex
  {
    padding: 1em !important;
  }

  #pagetitle,
#profile .blockmenu,
#announce
  {
    background: -moz-linear-gradient(bottom,  #d05630 50%, #ce6748 100%) #d05630 !important;
    border-radius: 4px !important;
  }

  #pagetitle a,
#profile .blockmenu,
#announce
  {
    color: rgba(255,255,255,.8) !important;
  }


/* ANNONCE ORANGE */
  #announce .hd
  {
    background: transparent !important;
    border-bottom: 0 none !important;
    padding: 0 .66em !important;
  }

  #announce
  {
  }

  #announce .hd h2
  {
    border-bottom: 1px dotted rgba(0,0,0,.2);
  }

  #announce .box
  {
    padding: .66em 0 !important;
  }

  #announce a
  {
    color: #fff !important;
    font-weight: bold !important;
  }

  #main #navbar
  {
    margin-left: 0 !important;
  }


/* MESSAGES ACCUEIL */
  #announce-welcome tr:hover, .welcome
  {
    background: none !important;
  }

  .welcome, .winner
  {
    padding: .6em 2em !important;
  }

  .welcome
  {
    border: 0 none !important;
  }

  .welcome, .welcome a
  {
    color: #772953 !important;
  }

  .welcome a
  {
    font-weight: bold !important;
  }

  .welcome p
  {
    margin: 0 !important;
  }

  .winner, #winner_inbox
  {
    background: none !important;
    border: 0 none !important;
  }

  .winner
  {
    padding-left: 0 !important;
  }

  #winner_inbox
  {
    -moz-box-sizing: border-box;
    padding: 1em !important;
    background: rgba(0,0,0,.05) !important;
  }

  #winner_inbox p
  {
    padding: 0 !important;
  }

  .tclcon h3 a
  {
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: .8em !important;
  }


/* FORUM */
  #pagetitle,
#announce .hd h2,
.blocktable h2
  {
    padding: .4em !important;
    text-align: center !important;
    color: rgba(255,255,255,.6);
    text-transform: uppercase;
  }

  .blocktable, .blockpost h2, .blocktable h2 span, .blocktable h2, #quickpost h2, #postreview .blockpost .postleft dt, #punindex .blocktable h2
  {
    background-image: none !important;
  }

  .blocktable h2
  {
    -moz-box-sizing: border-box;
    background: #772953 !important;
    text-indent: 0 !important;
    height: auto !important;
    margin: 1.33em auto !important;
  }

  .blocktable h2 span
  {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .blocktable .box
  {
    margin-top: 0 !important;
  }

  .blocktable .box th
  {
    text-transform: uppercase !important;
    color: #333 !important;
  }

  .tcr
  {
    padding-left: 0 !important;
  }

  tbody .tcl, tbody .tc1, tbody .tc2, tbody .tc3, tbody .tc4, tbody .tc5, tbody .tcr
  {
    border: 0 none !important;
    padding-top: .33em !important;
    padding-bottom: .33em !important;
  }

  #punindex .roweven, #punsearch .roweven, #vf .roweven
  {
    background: #efedeb !important;
  }

  .newtext, .pagestext
  {
    color: rgba(0,0,0,.5) !important;
    font-size: .8em !important;
  }

  #quickpost h2
  {
    display: none;
  }

/* nav */
  .inbox.crumbsplus
  {
    margin-bottom: 1em !important;
  }

  .crumbsplus .pagelink
  {
    padding: 0 !important;
    margin: .5em 0 0 !important;
  }

  .crumbsplus .pagelink a,#navbar p strong
  {
    padding: 0 .2em;
  }

/* messages */
  .blockpost
  {
    min-height: 90px !important;
    position: relative !important;
  }

  .blockpost
  {
    background: none transparent !important;
  }

  .blockpost, .quotebox
  {
    border: 0 none !important;
    margin: 0 0 1em !important;
  }
    /* header */
  .blockpost h2
  {
    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    margin: 0 !important;
    padding: 0 .5em .25em !important;
    text-indent: 0 !important;
    height: 1em !important;
    font-size: 1em !important;
    background: rgba(0,0,0,.066) !important;
    border-radius: 0 0 0 4px;
  }

  .blockpost h2, .blockpost h2 span
  {
    display: block !important;
    text-align: right !important;
  }

  .blockpost h2 span.conr
  {
    background: none !important;
    padding: 0 !important;
    margin: 0 0 0 1em !important;
    color: #77216F !important;
  }
    /* avatar + message */
  .blockpost .box
  {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  .postbody
  {
    padding: 0 !important;
  }
    /* avatar */
  .postleft
  {
    position: absolute !important;
  }

  #postreview .postleft
  {
    margin: 0 !important;
  }

  .postleft, .postleft dl, .postleft dl dd
  {
    display: block !important;
  }

  .postleft dl
  {
    position: relative !important;
  }

  .postleft dt
  {
    position: absolute !important;
    top: 70px;
    padding: 0 !important;
    width: 60px !important;
    font-size: .8em;
    line-height: 1;
    text-align: center;
  }

  #postreview .postleft dt, #punmoderate .postleft dt
  {
    margin: 0 !important;
    height: auto !important;
  }

  #postreview .postleft dd
  {
    margin: 0 0 0 100px !important;
  }

  #postreview .postleft dd span
  {
    padding: 0 !important;
    color: #77216F !important;
    font-size: .9em !important;
  }

  .postleft strong
  {
    font-weight: normal !important;
  }

  #punviewtopic .postleft dd, .postleft .postavatar
  {
    position: static !important;
    display: table-cell !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    text-align: center;
    vertical-align: middle !important;
    background: rgba(0,0,0,.05) !important;
    border: 1px solid rgba(0,0,0,.15);
  }
    /* message */
  .postright, .postfoot
  {
    margin: 0 0 0 80px !important;
    border: 1px solid #ccc;
  }

  .postright
  {
    padding: 1.33em !important;
    position: relative !important;
    border-bottom-width: 0;
    border-radius: 4px 4px 0 0 !important;
  }

  #postreview .postright
  {
    border-bottom-width: 1px;
    border-radius: 4px !important;
  }

  .postmsg
  {
    padding: 0 !important;
    min-height: 0 !important;
    font-size: 1.1em !important;
    line-height: 1.5 !important;
  }

  .postmsg:after, .postmsg:before
  {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .postmsg:after
  {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    top: 75px;
    margin-top: -10px;
  }

  .postmsg:before
  {
    border-color: rgba(200, 200, 200, 0);
    border-right-color: #ccc;
    border-width: 11px;
    top: 75px;
    margin-top: -11px;
  }
    /* message: quote */
  .postedit em, cite
  {
    font-style: normal !important;
    color: #77216F !important;
    font-size: .9rem !important;
  }

  cite
  {
    margin: 0 !important;
  }

  .quotebox
  {
    min-height: 0 !important;
    background: none !important;
    border: 0 none !important;
    margin-left: 1.66em !important;
    padding: 0 0 0 .66em !important;
    border-radius: 0 !important;
    border-left: 4px solid #AEA79F !important;
  }

  blockquote
  {
    margin: 0 !important;
    font-size: .9rem !important;
    color: #827c75 !important;
  }

  blockquote p:last-child
  {
    margin: 0 !important;
  }
    /* message:code */
  .codebox
  {
    border-radius: 2px !important;
    border-color: rgba(0,0,0,.25) !important;
    font-size: .9rem !important;
  }
    /* footer */
  .postfoot
  {
    border-top: 0 none;
    border-radius: 0 0 4px 4px;
  }

  .postfootright
  {
    display: inline-block !important;
  }

  .postfootright > ul
  {
    border-top: 1px dotted rgba(0,0,0,.1) !important;
  }

/* form réponse */
  .blockform
  {
    margin: 2em 0 !important;
    padding: 1em !important;
    background: #eee !important;
    border: 0 none !important;
    border-radius: 4px !important;
  }

  .blockform h2
  {
    padding: 0 !important;
    margin: 0 0 1em !important;
    color: #77216F !important;
    text-transform: uppercase !important;
  }

  .blockform .inform
  {
    margin: 0 !important;
    padding: 0 !important;
  }

  .blockform .inform legend
  {
    display: none;
    padding: 0 !important;
    margin: 0 !important;
    color: #77216F !important;
  }

  .blockform .infldset, #quickpost .infldset label
  {
    padding: 0 !important;
    margin: 0 !important;
  }

  .blockform textarea
  {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.2) !important;
  }

  .blockform .bblinks
  {
    margin: 0 !important;
    font-size: .9em;
  }

  .blockform .rbox
  {
    margin: 1em 0 0 !important;
  }

  .blockform .buttons
  {
    margin: 1em 0 !important;
  }

  .buttons input
  {
    padding: .33em .66em !important;
    min-width: 10em !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.1) !important;
  }

  .buttons input:hover
  {
    border-color: #77216F !important;
    color: #77216F !important;
    cursor: pointer !important;
  }

/*input, select, option, textarea { background-color: transparent !important; }*/

/* NAVIGATION A GAUCHE */
  #navigation li.menu, #navigation li#active.menu
  {
    background: none !important;    
    background-color: #F6F6F6 !important; /* Ajout 21-11-2017 */
    padding: .66em 0 !important;
    margin: 0 !important;
    border-width: 0 0 1px !important;
    border-style: dotted !important;
    border-color: rgba(0,0,0,.2) !important;
    border-radius: 0 !important;
  }
  
  #navigation li.menu:hover
  {
    /* background-color: rgba(0,0,0,.05) !important; */
    background-color: #E5E5E5 !important; /* Ajout 21-11-2017 */
  }
  #navigation li#active.menu:hover
  { 
    /* background-color: rgba(0,0,0,.05) !important; */
    background-color: #E5E5E5 !important; /* Ajout 21-11-2017 */
  }

  #navigation li.menu:last-child
  {
    border: 0 none !important;
  }

  #navigation a.title
  {
    text-transform: uppercase !important;
    font-weight: bold !important;
  }

  #navigation #active a.title
  {
    border: 0 none !important;
  }

  #navigation a.title:hover span
  {
    background: none !important;
  }

  #navigation li.menu > ul
  {
    margin-left: 2em !important;
  }

  #navigation .cat
  {
    margin-top: 1em !important;
  }

  #navigation .cat h2
  {
    background: none !important;
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: .8em !important;
    color: #444 !important;
    text-transform: uppercase !important;
  }

  #navigation .cat h2:before
  {
    display: none;
  }

  #navigation .cat a
  {
    padding: 0 !important;
    min-height: 0 !important;
  }

  #navigation .cat a:before
  {
    display: none;
  }

  #navigation .cat a:hover
  {
    font-weight: normal !important;
    text-decoration: underline !important;
  }


/* DOCUMENTATION */
  #navbar #pagetitle
  {
    border-radius: 4px 4px 0 0 !important;
  }

  #main h1:after
  {
    display: none !important;
  }

  #main h1
  {
    position: relative !important;
    left: 44px;
    display: inline-block !important;
    margin: 1em auto !important;
    padding: 0 !important;
    background: none !important;
    color: #772953 !important;
    font-weight: normal !important;
  }

  #main h1:before
  {
    position: absolute !important;
    left: 0 !important;
    top: -4px !important;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJ7SURBVEiJ7ZbPS5NxHMdfn2fPbAXiyHnoIMn8McNLkqeS/oNkViukWNLBqEt577D/ILsUeYg1jMgVyi7do7yU6CHC4SZCEagZK8Wm2/N8Ouhizl97ltBlr9PDl8/zet58ngeet4QDwR9sklFQEZZQ0kBaVFN5m4+tqc6ZCBEbB0SIGLMtU+2mQZct0irgR2hWpUFAAC+AhANBLcP3U+AtMCLr3kR0Pprdbai/qd+jRzI9wHWF80DdQeJyAxSzDDxC5GFsZmwZINzeW4/qXeAOUO9EVkmAAhlE7gGgOsTWSp1ilh4YpvsEOavRMrTRwPajck6hG/CVjHpRje7jXkLknWBP2BhzLlu+5F18NWz7W/HQjg3EkuOyi0zCLT2nMeUKKn3AyT0eOq/KC7HteCyVmAZKtyvhQHDbx7xjA3ugsVRiCpgKEbp/LJC7pPBymxmuriXdr+PErTKdjgL8JU7cIsloOBDcFuBZcnzUqQvAqOSmw6QaoBqgGqAaoBrgvwfY8TMKt/V+EtE5IK2qswauDzW1vunhyeGcE/HAmQF3dmWxE7QLkbaiTrh/AEQ7FDo2rwUbm+zqQjYcCE4gOgrGq0IVK6Wv7YLPFPOyoKHs6sJZRDyb/XOrGOzSvSqpZL9BYqC3SlRPwL4B4nEi+5dOeCiY+ZrccQDXhuF1a43ksXyK+BGaDdUWFbqAU4DLodsCPosyaYukUNKCzpm4vudkQ60aOwOFF3QANwM9tXk1ulX0miAXgaN7jK4pOubCGDGw3j9NJlYOcpcVoJj+pqBXPdxWZRBo2DpeFGFIsjyOzo9nnPgcBygw4A/VZd35B6BqWeuDz1NvflXi+QNstuye2Z4LAQAAAABJRU5ErkJggg==) no-repeat center center !important;
  }
/*table { border: 1px solid rgba(0,0,0,.13) !important; }*/
  .inline
  {
    width: 100%;
  }

  .inline, tr
  {
    background: none !important;
  }

  th:before, th:after
  {
    display: none !important;
  }

  .inline th
  {
    background: #772953 !important;
    color: rgba(255,255,255,.6) !important;
    padding: .33em 1.33em !important;
    text-transform: lowercase !important;
  }

  .inline td
  {
    border: 0 none !important;
    background: rgba(0,0,0,.03) !important;
    padding: 1.33em !important;
    vertical-align: top !important;
  }

  .inline tr td:nth-child(odd)
  {
    background: rgba(0,0,0,.06) !important;
  }
}

En haut et à gauche, en desssous de Ajouter un style, dans la case Veuillez saisir un nom, ajoutez ubuntu-fr.org,
cochez la case Activé, puis en dessous, cliquez sur Enregistrer.


Vous pouvez aussi ajouter, en bas de page, dans S'applique à => cliquez sur Préciser et choisir URL sur le domaine, voir ci-dessous :
mini_171121101937675026.jpg

Cliquez sur Ajouter (à droite) pour ajouter une ligne :
mini_171121102912228303.jpg


Rendez-vous sur le forum ubuntu-fr et sur la documentation pour voir si le thème est pris en compte.
Le forum
1511255025.png

La documentation
mini_17112110063716674.png


Et dites quoi... des fois que j'ai oublié quelque chose. roll

Dernière modification par bishop (Le 21/11/2017, à 23:24)

En ligne

#17 Le 21/11/2017, à 16:33

bishop

Re : Évolution du forum ?

LukePerp a écrit :

Merci xubu1957, j'ai essayé le module stylish, mais pour à ce jour, il n'y a pas de style aux couleurs différentes pour le forum, seul trois assez proches de l'orange moche qu'on a déjà . Si les artistes et les motivés pourraient en faire deux ou trois de couleurs différentes que ce marron orange moche, se serait cool pour nos yeux ! De plus, il y a style pour mobile mais n'utilisant pas firefox sur android, alors je serait curieux de se qu'en pense les autres.

Salut LukePerp,
Tu dis : « deux ou trois de couleurs différentes ».
Propose. Quelles est ton choix de couleurs ?

En ligne

#18 Le 21/11/2017, à 16:44

xubu1957

Re : Évolution du forum ?

Merci bishop pour ton intervention. smile

Sachant le sujet sensible, j'ai préféré réactiver cette discussion pour ne pas polluer le fil sur Firefox.


Important : Pensez à passer vos sujets en [Résolu] lorsque ceux-ci le sont, au début du titre en cliquant sur Modifier sous le premier message, et un bref récapitulatif de la solution à la fin de celui-ci. Merci.

Xubuntu 16.04.1 LTS : Lenovo T410 - Toshiba Satellite A300 - HP 7100 DC - Asus 1015BX -Fujitsu Siemens Scaleo J3000  Membre de Linux-Azur

En ligne

#19 Le 21/11/2017, à 17:06

Naziel

Re : Évolution du forum ?

Je viens de tester et ça rend vraiment bien! Bravo bishop!
Edit: et lorsqu'on a des notifications, il arrive que le lien soit pas forum.ubuntu-fr.org mais forum.kubuntu-fr.org, du coup on peut dupliquer ton code pour forum.kubuntu.org

Dernière modification par Naziel (Le 21/11/2017, à 17:13)

En ligne

#20 Le 21/11/2017, à 17:38

bishop

Re : Évolution du forum ?

Je suis en train de faire le même avec les couleurs KDE... cool

En ligne

#21 Le 21/11/2017, à 17:40

nam1962

Re : Évolution du forum ?

Joli boulot !

Je reviens aussi sur les deux autres points qui me semblent essentiels :
- adaptation mobile friendly
- full https

Leur absence handicape le forum et... son référencement !


Almanet doLys de l'open source : mon tuto pour optimiser / finaliser une install
Xubuntu devel - Manjaro unstable - OpenSUSE tumbleweed (GeckoLinux) -Debian Testing Et vous ?
57 convertis  IRL (n'ont pas eu le choix...).
Un jeune site que j'aime bien, le top du T-shirt homme ...bio et éthique en plus : https://goudronblanc.com

Hors ligne

#22 Le 21/11/2017, à 17:51

rogn...

Re : Évolution du forum ?

Beau boulot bishop !

Pourrais-tu au moins nous indiquer comment peut-on faire un thème sombre ou adapté pour la nuit, qui ne laisserai passer que le noir et les couleurs froides ? Merci smile


Diplômé de l'Université des Saints-Casse-Pieds
Une acquisition de PC vendu avec un OS privateur et vous "proposant" sans cesse d'acheter tout et n'importe quoi , ça fait de vous un acquéreur de services. La question matérielle et logicielle ne se pose plus.
Manjaro XFCE ≻ Xubuntu virtualisé

Hors ligne

#23 Le 21/11/2017, à 18:03

krodelabestiole

Re : Évolution du forum ?

Caribou22 a écrit :

Quitte à faire évoluer le forum, autant passer à un moteur plus à la page que fluxbb sinon ?

bof punbb fonctionne encore assez bien et il a le mérite d'être assez léger. tu penses à quoi ?
en plus il est, de base, responsive : http://punbb.informer.com/forums/
donc il faudrait surtout mettre le theme à jour, voir exactement l'élément bloquant en largeur, et surtout s'occuper de cette barre de gauche et en profiter pour rendre l'ensemble du site responsive. c'est 7 ou 8h de taf.
sinon dans l'absolu j'aime bien le theme anami de phpbb, que je trouve simple et clair mais ça n'existe pas sur punbb : https://solus-project.com/forums/

stylish n'est pas vraiment une solution...

Hors ligne

#24 Le 21/11/2017, à 18:04

lynn

Re : Évolution du forum ?

Merci pour ce joli thème bishop. Comme rogn.., si tu as un thème plus sombre parce que là je ne tiens pas dix minutes avec le fond blanc... smile

/me vais mettre mes lunettes de soleil...   cool

Hors ligne

#25 Le 21/11/2017, à 18:31

krodelabestiole

Re : Évolution du forum ?

krodelabestiole a écrit :
Caribou22 a écrit :

Quitte à faire évoluer le forum, autant passer à un moteur plus à la page que fluxbb sinon ?

bof punbb fonctionne encore assez bien et il a le mérite d'être assez léger. tu penses à quoi ?

oups j'ai mal lu... (fluxbb est un fork de punbb)

mais bon je suis sûr qu'on trouve plein de themes responsive aussi pour fluxbb : https://fluxbb.org/resources/styles/?s= … &t=&o=date

Hors ligne