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.

#26 Le 21/11/2017, à 21:09

bluc

Re : Évolution du forum ?

C'est vrai que la couleur du forum est un peu vieillotte, mais c'est un des forums les plus agréables a utiliser,des plus conviviale,des plus efficaces
Le style de celui de Manjaro est simple et sympa

Dernière modification par bluc (Le 21/11/2017, à 21:10)


Clevo : Ubuntu Gnome 16.04 (avec Dash to Dock)
Packard Bell : Deepin 15.4 ❖  Ubuntu 16.04 Unity et Gnome

Hors ligne

#27 Le 21/11/2017, à 22:56

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 :
mini_171121101937675026.jpg

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


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

La documentation
1511297327.png

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

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

Hors ligne

#28 Le 21/11/2017, à 23:05

bishop

Re : Évolution du forum ?

rogn... a écrit :

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

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... tongue
Bonne soirée. cool

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

Hors ligne

#29 Le 21/11/2017, à 23:09

bishop

Re : Évolution du forum ?

lynn a écrit :

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

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

Hors ligne

#30 Le 22/11/2017, à 12:53

xubu1957

Re : Évolution du forum ?

Bonjour,

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


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 - HP 7100 DC - Asus 1015BX -Fujitsu Siemens Scaleo J3000  Membre de : Linux-Azur

En ligne

#31 Le 22/11/2017, à 13:52

LukePerp

Re : Évolution du forum ?

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


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

#32 Le 22/11/2017, à 19:17

Rony4491

Re : Évolution du forum ?

Un forum que je trouve classe et sobre est celui-ci :
http://enceintesetmusiques.com/forum/index.php

Après pour les détails techniques, je ne sais pas si c'est facilement transformable pour ici...


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

Hors ligne

#33 Le 22/11/2017, à 20:51

bluc

Re : Évolution du forum ?

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


Clevo : Ubuntu Gnome 16.04 (avec Dash to Dock)
Packard Bell : Deepin 15.4 ❖  Ubuntu 16.04 Unity et Gnome

Hors ligne

#34 Le 22/11/2017, à 21:18

nam1962

Re : Évolution du forum ?

On dirait presque du discourse !


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

#35 Le 23/11/2017, à 06:50

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

in progress
1511414978.jpg

1511415177.png

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

Hors ligne

#36 Le 23/11/2017, à 08:37

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é ?


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

#37 Le 23/11/2017, à 08:50

Caribou22

Re : Évolution du forum ?

Joli ! big_smile
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 ? smile (On peut même faire un thème clair et un thème sombre et plus encore big_smile )

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

200px-Former_Ubuntu_logo.svg.png?uselang=fr
Ubuntu_logo_black-orange.png

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

Hors ligne

#38 Le 25/11/2017, à 01:09

bishop

Re : Évolution du forum ?

Ça progresse...

mini_171125010858663622.png

Hors ligne

#39 Le 25/11/2017, à 07:07

frenchy82

Re : Évolution du forum ?

Vraiment super boulot !

Hors ligne

#40 Le 25/11/2017, à 10:47

??

Re : Évolution du forum ?

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)


Inutile de répondre que vous allez faire le plus rapidement possible  l'action qui vous est demandée, vous perdez du temps à répondre, je perds du temps à consulter votre réponse. Pourtant c'est sympathique mais ce n'est pas pratique.
Utiliser REFIND au lieu du GRUB https://doc.ubuntu-fr.org/refind . Faire un état des lieux Avec https://doc.ubuntu-fr.org/tutoriel/boot-info

Hors ligne

#41 Le 25/11/2017, à 11:23

Naziel

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

Hors ligne

#42 Le 25/11/2017, à 15:45

bishop

Re : Évolution du forum ?

?? a écrit :
bishop a écrit :

Ç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 : 1511618488.png


?? a écrit :
bishop a écrit :

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


?? a écrit :
bishop a écrit :

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

Hors ligne

#43 Le 25/11/2017, à 17:21

krodelabestiole

Re : Évolution du forum ?

bishop a écrit :

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

Hors ligne

#44 Le 25/11/2017, à 18:38

bishop

Re : Évolution du forum ?

krodelabestiole a écrit :
bishop a écrit :

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

Hors ligne

#45 Le 25/11/2017, à 19:24

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

Hors ligne

#46 Le 25/11/2017, à 20:49

bishop

Re : Évolution du forum ?

lynn a écrit :

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

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)

Hors ligne

#47 Le 25/11/2017, à 21:17

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)


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

#48 Le 25/11/2017, à 22:20

bishop

Re : Évolution du forum ?

nam1962 a écrit :

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

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

Hors ligne

#49 Le 26/11/2017, à 01:02

Coeur Noir

Re : Évolution du forum ?

bishop a écrit :

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/

Hors ligne

#50 Le 26/11/2017, à 09:03

nam1962

Re : Évolution du forum ?

bishop a écrit :
nam1962 a écrit :

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

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


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


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