Ubuntu-fr

bishop

Re : Évolution du forum ?

Merci pour les messages sympas.
Mais celui qu'il aurait fallu féliciter c'est drBouvierLeduc qui a développé ce thème. Pour l'instant je ne me suis pas trop foulé, j'ai juste ajouté ou modifié quelques lignes par-ci, par-là.

Voici le premier jet pour le thème Kubuntu.
Référez-vous au poste #16 pôur l'installation de Stylish et la création du thème.
Le code CSS à coller est :

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

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

/* Theme original Stylish Ubuntu-fr.org by drBouvierLedu  
    
Couleurs de référence:
#0068C6 : medium blue
#4D9DE2 : light blue
#9CC9EF : ultra light blue
#0D4496 : dark blue
#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: #0068C6 !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,  #0068C6 50%, #2673B9 100%) #0068C6 !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: #4D9DE2 !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: #0068C6 !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: #0068C6 !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: #0068C6 !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: #0068C6 !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: #0068C6 !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: #0068C6 !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: #0068C6 !important;
    color: #0068C6 !important;
    cursor: pointer !important;
  }

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

/* NAVIGATION A GAUCHE */
  #navigation li.menu
  {
    background: none !important;    
    background-color: #F6F9FD !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#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: #F6F6F6 !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: #4D9DE2 !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: #4D9DE2 !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 kubuntu-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 :

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

Note
Vous pouvez installer et activer les deux thèmes, ubuntu-fr et kubuntu-fr. Il n'y a pas de conflit.

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

Le forum

La documentation

Dites moi si j'ai oublié quelque chose, ce qu'il faudrait modifier...

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

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

bishop

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

Merci !
Dès que j'ai un moment je te donne des infos. Comme tu n'es pas le seul à demander un thème sombre, j'essaierai d'en faire un.
Le problème, c'est que j'ai pas beaucoup de temps. Je viens de m'installer dans un trou presque perdu et je retape une baraque. Le boulot ne manque pas...
Bonne soirée.

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

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

bishop

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...

/me vais mettre mes lunettes de soleil...   

Bonsoir lynn.
Et merci pour les encouragements. Comme je viens de dire à rogn..., j'essaierai de faire un thème sombre.
À plus...

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

xubu1957

Re : Évolution du forum ?

Bonjour,

Question look, le forum anglophone > ubuntuforums.org est austère.

---

Conseils pour les nouveaux demandeurs et pas qu'eux
Important : Pensez à passer vos sujets en [Réso|u] 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.                   Membre de Linux-Azur

LukePerp

Re : Évolution du forum ?

Merci bishop pour ton boulot ! Je te soutient et j'utiliserai un des thème que tu modifieras !

---

Gamer inside - Ubuntu Mate dernière LTS - Intel i5, 16 Go - Dual boot Windows - Ethereum user

bluc

Re : Évolution du forum ?

C'est sobre ,c'est bien !...

---

Clevo :  Ubuntu 23.10   ❖  Xubuntu 22.10  ❖  Kubuntu 23.10   
         avec partition data commune       Une fraction de seconde                    Multiboot

nam1962

Re : Évolution du forum ?

On dirait presque du discourse !

---

[ Modéré ]

bishop

Re : Évolution du forum ?

rogn..., lynn
Ça avance. Il y a beaucoup de boulot pour transformer un thème clair en sombre.
J'ai parcouru les différents CSS inhérent au thème original du site ubuntu-fr (forum, doc, accueil, planet) et si j'étais un peu plus courageux j'essaierai bien de m'attaquer à sa transformation. Ce serait peu être plus simple que de bidouiller. Mais bon, chaque chose en son temps.

Il y a un p'tit bout de temps que je n'avais pas bosser sur du CSS et il faut que ça revienne surtout avec le nouvelles conventions du CSS3. Je vais donc continuer sur le thème sombre...

in progress

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

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

LukePerp

Re : Évolution du forum ?

@bishop : ton talent pour modifier un thème stylish est apprécié de tous. Du coup, j'ose te demander : pourrais tu modifier le thème de bouvier pour changer les couleurs des éléments orange en noir ou autre foncé ?

---

Gamer inside - Ubuntu Mate dernière LTS - Intel i5, 16 Go - Dual boot Windows - Ethereum user

Caribou22

Re : Évolution du forum ?

Joli !
J'ai des suggestions :
FluxBB permet d'installer plusieurs thèmes CSS en même temps : un par défaut et d'autres de substitution que chaque utilisateur peut installer dans son profil.
Pourquoi ne pas mettre un nouveau thème par défaut et permettre aux réticents de conserver l'ancien en passant par leur profil ? (On peut même faire un thème clair et un thème sombre et plus encore )

Et peut-être remplacer le logo Ubuntu de 2004 par le dernier ?

Dernière modification par Caribou22 (Le 23/11/2017, à 10:05)

---

Ca y est, j'ai mon propre site ! :D
Mes conseils aux débutants | A lire si vous envisagez d'acheter un nouvel ordi
rmy, membre Ubuntu-fr, sauve vos données perdues

bishop

Re : Évolution du forum ?

Ça progresse...

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

frenchy82

Re : Évolution du forum ?

Vraiment super boulot !

??

Re : Évolution du forum ?

Ça progresse...

http://nsa39.casimages.com/img/2017/11/25/mini_171125010858663622.png

Bonjour

Personnellement, je trouve ce choix de nuances pas terrible, Il n'y a vraiment pas assez de contraste, A peine si on peut lire ce qui est écrit en orange.

Les couleurs actuelles  de Ubuntu me conviennent parfaitement. La présentation est correcte y compris sur un ipad. Ce qu'il faut améliorer c'est l'ajout de quelques icônes aux 18 icônes présents
Le plus important étant  une icône image   qui pose d'énormes problèmes dans ces discussions
Dans un premier temps cette icône pourrait ouvrir automatiquement un site de collecte d'images puisque j'ai compris que ce forum  n'a pas vocation à stocker les images.
Puis dans un second temps, ouvrir une liste de sites de collectes d'images afin que le contributeur puisse choisir.
car il y en a un peu marre de trouver ces images stockées dans le répertoire /home/$USER/Images du demandeur et d'expliquer comment faire.

Dernière modification par ?? (Le 25/11/2017, à 10:48)

---

Utiliser REFIND au lieu du GRUB https://doc.ubuntu-fr.org/refind . Aidez à vous faire dépanner en suivant le guide et en utilisant les outils de diagnostic J'ai perdu ma gomme. Désolé pour les fautes d'orthographes non corrigées.

Nuliel

Re : Évolution du forum ?

@??: sinon, tu peux aussi mettre un lien dans ta signature qui explique comment mettre une image, c'est quand même plus simple que de redire à chaque fois comment on fait

---

[ poster un retour de commande ] [ poster une photo ]

bishop

Re : Évolution du forum ?

Ça progresse...

http://nsa39.casimages.com/img/2017/11/25/mini_171125010858663622.png
Bonjour

Personnellement, je trouve ce choix de nuances pas terrible, Il n'y a vraiment pas assez de contraste, A peine si on peut lire ce qui est écrit en orange.

Pour le nuances c'est une question de goûts et de couleurs

Pour le contraste il est plus accentué dans la zone des message :

... ... ...
Les couleurs actuelles  de Ubuntu me conviennent parfaitement.

C'est très bien. Si le thème original te convient, ne change pas.
En ce qui me concerne je l'utilise depuis 2004 et j'ai bien envie d'en changer. Mais il y a un bout de temps que je n'ai pas touché au CSS je dois m'y remettre. Donc avant de me prendre la tête avec les couleurs, qui, de toute façon, plairont à certains et pas à d'autres... ce qui est normal, je dois comprendre, un tant soit peu, la structure du site qui a été bidouillé au fil des années par de nombreux ajouts en CSS  qui, pour certains, ne me semblent pas des plus conventionnels. C'est pas simple.

... ... ...
Le plus important étant  une icône image   qui pose d'énormes problèmes dans ces discussions
Dans un premier temps cette icône pourrait ouvrir automatiquement un site de collecte d'images puisque j'ai compris que ce forum  n'a pas vocation à stocker les images.
Puis dans un second temps, ouvrir une liste de sites de collectes d'images afin que le contributeur puisse choisir.
car il y en a un peu marre de trouver ces images stockées dans le répertoire /home/$USER/Images du demandeur et d'expliquer comment faire.

Demande à ceux qui s'occupent du site. C'est une bonne propososition.
Tu peux aussi utiliser Pixup.

Dernière modification par bishop (Le 25/11/2017, à 15:50)

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

krodelabestiole

Re : Évolution du forum ?

Pour le contraste il est plus accentué dans la zone des message

oui mais pas tant que ça, je suis un peu d'accord avec ?? :

si je peux me permettre un conseil, si tu prends un gris de fond il vaut mieux choisir si le texte par dessus va être plus clair ou plus sombre, tu ne peux pas vraiment avoir les 2 et conserver une bonne lisibilité dans toutes les circonstances.
(je dis ça alors que j'ai fait la même erreur sur mon site)

je trouve ça très bien d'éviter le pur blanc ou le pur noir pour les backgrounds, mais il y a un choix à faire (probablement couleur claire sur fond sombre si tu veux un thème sombre).

---

nouveau forum ubuntu-fr on en parle là : refonte du site / nouveau design
profil - sujets récurrents - sources du site

bishop

Re : Évolution du forum ?

Pour le contraste il est plus accentué dans la zone des message

oui mais pas tant que ça, je suis un peu d'accord avec ?? :

si je peux me permettre un conseil, si tu prends un gris de fond il vaut mieux choisir si le texte par dessus va être plus clair ou plus sombre, tu ne peux pas vraiment avoir les 2 et conserver une bonne lisibilité dans toutes les circonstances.
(je dis ça alors que j'ai fait la même erreur sur mon site)

je trouve ça très bien d'éviter le pur blanc ou le pur noir pour les backgrounds, mais il y a un choix à faire (probablement couleur claire sur fond sombre si tu veux un thème sombre).

Salut krodelabestiole !
Je trouve ton site très lisible avec une entrée en matière... flashy . Super.
Sinon, pour les couleurs, il faut déjà que j'avance et que ceux qui ont fait une demande pour un thème sombre se manifestent et proposent des corrections.

Dernière modification par bishop (Le 25/11/2017, à 22:11)

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

lynn

Re : Évolution du forum ?

@ bishop

Personnellement, je jouerais plus avec des teintes beiges et/ou grises; Visuellement, le blanc pur me dérange beaucoup mais j'adore les nuances de gris.

---

«C'est pas parce qu'ils sont nombreux à avoir tort qu'ils ont raison!»

Coluche

bishop

Re : Évolution du forum ?

@ bishop

Personnellement, je jouerais plus avec des teintes beiges et/ou grises; Visuellement, le blanc pur me dérange beaucoup mais j'adore les nuances de gris.

Pour quelles parties du site ? Détaille ton idée...

En ce qui me concerne l'association des couleurs n'est pas mon fort. Il y a bien les nuanciers mais je suis personnellement attiré par les couleurs vives. Tu n'as qu'à voir mon blog, très imagé, très coloré.

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

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

nam1962

Re : Évolution du forum ?

@lynn : pour que je saisisse la nuance, gris, c'est bien grey en anglais, de mémoire ?

@bishop, où sont les estampes japonaises sur ton blog ?

Dernière modification par nam1962 (Le 25/11/2017, à 21:20)

---

[ Modéré ]

bishop

Re : Évolution du forum ?

@bishop, où sont les estampes japonaises sur ton blog ?

???  
Je suis dur de la feuille et j'ai le cerveau ramoli
Pour te dire que je ne comprends pas l'allusion... ou l'illusion si tu es le magicien d'OZ.

---

La plus grande surprise que puisse faire un con c'est de faire une pause.

Coeur Noir

Re : Évolution du forum ?

Pour les nuances c'est une question de goûts et de couleurs

Pas seulement ;-) On peut théoriser / rationaliser autour de la construction d'une palette :
http://webeater.fr/2014/10/22/9-outils- … -site-web/
https://www.materialpalette.com/
En gros trouver un compromis entre beau et pratique / chatoyant et lisible. Compliquer un peu les choses avec la notion d'accessibilité ( des contrastes suffisants pour s'adapter aux handicaps visuels ).
http://www.checkmycolours.com/

---

Débuter ⋅ Doc ⋅ Bien rédiger ⋅ Retour commande ⋅ Insérer image | illustrations & captures d'écran < ⋅ >

nam1962

Re : Évolution du forum ?

@bishop, où sont les estampes japonaises sur ton blog ?

???  
Je suis dur de la feuille et j'ai le cerveau ramoli
Pour te dire que je ne comprends pas l'allusion... ou l'illusion si tu es le magicien d'OZ.

..pourtant il n'y a pas 50 moyens d'interpréter

---

[ Modéré ]

fabux

Re : Évolution du forum ?

Salut,

pour info, sur la doc on a des petits soucis de maintenabilité avec le thème actuel, notamment pour certaines fonctionnalités que nous (les admins doc) aimerions mettre en place.
Du coup, on a dans l'idée de revenir à un thème plus dans les standards dokuwiki et migrer vers le template bootstrap3 avec le skin united qui est déjà proche de ce qu'on souhaiterai.
Il n'y a rien de vraiment commencé/décidé à part des tests rapides sur nos instances en local pour voir ce que ça donne.

Si vous voulez venir donner un coup de main n'hésitez pas à venir en parler.

à+
Fabux

---

May linux be with you
Comment poster un message.
Je me présente dans la doc

nam1962

Re : Évolution du forum ?

Le skin est bien, une unité entre forum & doc est souhaitable

---

[ Modéré ]