Le Forum francophone communautaire des utilisateurs de Kali linux

Développement => Vos créations => Discussion démarrée par: WarLocG le 24 juin 2019 à 00:19:29

Titre: thèmes stylus {Silver, Aqua, Gold}
Posté par: WarLocG le 24 juin 2019 à 00:19:29
J'ai pas fini avec mais pour les impatients voila déjà de quoi faire mumuse avec votre nouveau thème.

Les mises à jours du thème viendront au fil du temps. Je ne poste pas d'images tant qu'il n'est pas finalisé.

Etat actuel: beta
Thème actuel: Gold

Code:
/*
 * par WarLocG(c) pour kali-linux.fr
 * dernière révision: juin 2019
 *
 * thème dark : code actuel: Gold (inclus les progress bar et codes couleurs des autres thèmes)
 */

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

/* format valide ... mais ca prend pas. Je le commente */
/*@document url(https://www.kali-linux.fr/forum/) {*/
/* format hack CSS */
@-moz-document url-prefix("https://www.kali-linux.fr/forum/"){
   
  /* carte couleur par thème (en cours...)
   
    Note: #aabbcc peut s'écrire #abc
   
    ------------------------------------------------------------------------------------------------
    | variable             |     magma |      aqua |    silver |      gold |      dusk |      dawn |
    ================================================================================================
    | bg-01                |   #------ |   #4ca68a |   #d2d2d2 |   #ecd17f |   #------ |   #------ |
    | bg-01-font           |   #------ |   #2f1e1e |   #353535 |   #2c2c2c |   #------ |   #------ |
    | bg-02                |   #------ |   #4c8f87 |   #c5c5c5 |   #ebc75e |   #------ |   #------ |
    | default-font         |   #------ |   #6fce9c |   #c3c3c3 |   #e6c355 |   #------ |   #------ |
    | alt-default-font     |   #------ |   #2c4a43 |   #666666 |   #6e5946 |   #------ |   #------ |
    | default-link         |   #------ |   #4cc473 |   #999999 |   #8e735b |   #------ |   #------ |
    | default-link-hover   |   #------ |   #abebc9 |   #b0b0b0 |   #fae6aa |   #------ |   #------ |
    | thread-user-link     |   #------ |   #4c9382 |   #9a9a9a |   #9b7250 |   #------ |   #------ |
    | bg-03                |   #------ |   #2f1e1e |   #353535 |   #2c2c2c |   #------ |   #------ |
    | bg-04                |   #------ |   #3e2d2d |   #3f3f3f |   #453135 |   #------ |   #------ |
    | button-active        |   #------ |   #66c451 |   #d2d2d2 |   #906e6b |   #------ |   #------ |
    | button-active-font   |   #------ |   #553322 |   #222222 |   #553333 |   #------ |   #------ |
    | button-standard      |   #------ |   #72c96b |   #969696 |   #b58a4a |   #------ |   #------ |
    | button-standard-font |   #------ |   #553322 |   #222222 |   #553333 |   #------ |   #------ |
    | button-hover         |   #------ |   #92dead |   #bcbcbc |   #d9a64f |   #------ |   #------ |
    | button-hover-font    |   #------ |   #553322 |   #222222 |   #553333 |   #------ |   #------ |
    | bg-05                |   #------ |   #44302c |   #434343 |   #483236 |   #------ |   #------ |
    | bg-06                |   #------ |   #3d2825 |   #3c3c3c |   #3d2f32 |   #------ |   #------ |
    | bg-07                |   #------ |   #539cab |   #9c9c9c |   #f8ac3c |   #------ |   #------ |
    | bg-07-font           |   #------ |   #ffffff |   #ffffff |   #ffffff |   #------ |   #------ |
    | highlight            |   #------ |   #ddeeff |   #ffffff |   #ffff88 |   #------ |   #------ |
    ------------------------------------------------------------------------------------------------
   
  */
   
  /* Variables couleurs (pour plus de facilité, juste modifier ici) */
  :root{
    --bg-01: #ecd17f;               /* début du dégradé en fond + catégories (Gestion de membres, Kali Linux, Tutoriel, etc) */
    --bg-01-font: #2c2c2c;          /* police des catégories */
    --bg-02: #ebc75e;               /* fin du dégradé en fond (un peu plus foncé) + bouton submit */
     
    --default-font: #e6c355;        /* police par défaut */
    --alt-default-font: #6e5946;    /* police par défault 2 - liens + pied de page */
     
    --default-link: #8e735b;        /* liens par défaut */
    --default-link-hover: #fae6aa;  /* liens lors d'un passage de la souris */
     
    --thread-user-link: #9b7250;    /* liens des rubriques et des utilisateurs */
     
    --bg-03: #2c2c2c;               /* fond du forum - le gros morceau (partie sombre) */
    --bg-04: #453135;               /* les entêtes (au dessus pour se connecter et au fond avec les connectés + stats) */
     
    --button-active: #906e6b;       /* boutons capsules - lorsqu'actif */
    --button-active-font: #533;     /* police des boutons capsules - lorsqu'actif */
     
    --button-standard: #b58a4a;     /* boutons capsules affichés - ni actif ni en hover */
    --button-standard-font: #533;   /* police des boutons capsules - ni actif ni en hover */
     
    --button-hover: #d9a64f;        /* boutons capsules - lorsqu'on passe la souris au dessus */
    --button-hover-font: #533;      /* police des boutons capsules - lorsqu'on passe la souris au dessus */
     
    --bg-05: #483236;               /* les rubriques - intervalles claires ('windowbg') */
    --bg-06: #3d2f32;               /* les rubriques - intervalles moyennes ('windowbg2') */
     
    --bg-07: #f8ac3c;               /* rubriques dans le centre de statistiques */
    --bg-07-font: #fff;             /* font des rubriques du cantre de statistiques */
     
    --highlight: #ff8;              /* les emphases dans la recherche */
     
     
    /* barres de progression par style */
     
    /*
     * Synthaxe:
     * linear-gradient (direction, couleur [pourcent%],couleur [pourcent%] ... );                       gradient linéaire
     * repeating-linear-gradient (direction, couleur [pourcent%], couleur [poucent%] ... );             gradient linéaire se répétant
     * radial-gradient (couleur [pourcent%], couleur [pourcent%] ... );                                 gradient circulaire
     */
     
    /* magma */
    --magma: linear-gradient(to bottom, hsl(50,100%,80%), hsl(20,100%,55%) 30%, hsl(20,100%,55%) 50%, hsl(20,100%,55%), hsl(50,100%,80%));
     
    /* aqua */
    --aqua: linear-gradient(to bottom, rgba(100,255,180,0.2), rgba(100,255,180,0.4) 30%, rgba(100,255,180,0.4) 50%, rgba(100,255,180,0.4), rgba(100,255,180,0.2));
     
    /* silver */
    --silver: repeating-linear-gradient(to bottom, #c6c6c6,#e6e6e6 60%);
     
    /* gold */
    --gold: repeating-linear-gradient(to bottom, #d0d040,#fff0b0 80%);
     
    /* dusk */
    --dusk: linear-gradient(to bottom, hsla(250,100%,80%,0.9), hsl(40,100%,50%) 55%, hsl(40,100%,80%), hsla(0,50%,20%,0.8));
     
    /* dawn */
    --dawn: linear-gradient(to bottom,hsla(340,50%,40%,0.9),hsla(10,50%,60%,0.9) 60%, hsla(10,50%,80%,0.9));
     
    /* Style des progress bar - changer ici */
    --progress-visual-style: var(--gold);         /* <- exemple var(--silver), changez juste le nom après les -- */
     
     
    /* Le dropmenu (comme ca pas de difficiles :p)*/
    /* light == 0% ->  noir, light == 100% -> blanc */     
    --light: 90;                                     /* <- selectionnez 0 ou 100 selon que vous voulez fond sombre ou clair, le % ne se met pas ici */
    --max: 100; /* ne pas modifier */
    /* style 1 */
    --style-1: linear-gradient(to right, hsla(0,0%,var(--light)%, 0.8), transparent);
    /* style 2 */
    --style-2: linear-gradient(to bottom, hsla(0,0%,100%,0.8), hsla(0,0%,0%,0.6));
    /* style 3 et 4 */
    --style-3-4: linear-gradient(to bottom, hsla(0,0%,var(--light)%,0.7), hsla(0,0%,var(--light)%,0.2));
     
    --dropmenu-hi-text: hsla(0, 0%, calc((var(--max) - var(--light)) *1%), 1);
     
    /* style de la dropmenu - changer ici */
    --dropmenu-hi-style: var(--style-3-4);          /* <- exemple var(--style-3-4), choix entre style-1, style-2 et style-3-4 */
     
    /* La fucking image nouveau */
    /* aqua -> rotate-hue(170deg) */
    /* silver -> grayscale(100%) */
    /* gold -> invert(100%) hue-rotate(205deg) contrast(180%) brightness(2.2) grayscale(50%) */
    /* autres couleurs -> hue-rotate(valeur en deg) */
    --img-filter: invert(100%) hue-rotate(205deg) contrast(180%) brightness(2.2) grayscale(50%);
     
  }
 
   
  /********************************************************************************************************************************************************
                                                                      Partie Métier
   ********************************************************************************************************************************************************/

 
  /* liens */
 
  a:link, a:visited{
    color: var(--default-link);
  }
 
  a:hover{
    color: var(--default-link-hover);
    text-decoration: none;
  }
   
  /* bouton capsule dans le dropmenu */
   
  .dropmenu li a.active{background: none;}
  .dropmenu li a.active span.firstlevel{
    color: var(--button-active-font);
    background: var(--button-active);
    padding: 0px 2px;
    border-radius: 5px;
  }
   
  /* menu */
  .dropmenu li
  .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel{
    color: var(--button-hover-font);
    background: var(--button-hover);
    padding: 0px 2px;
    border-radius: 5px;     
  }
 
  /* sous-menu - fond */
  .dropmenu li:hover a.firstlevel{background-image: none;}
  .dropmenu li ul{background-image: none;}
  .dropmenu li ul li a{color: var(--button-hover-font);}
 
  .dropmenu + li{padding-bottom: 10px;}
  .dropmenu li:hover ul
  {
    opacity: 0.3;
    transition: opacity .1s ease;
    margin-top: 10px;
    margin-left: -30px;
    padding: 5px;
    border-radius: 1em;
    background: var(--button-standard);
  }
  .dropmenu li:hover ul:hover, .dropmenu li ul:hover
  {
    opacity: 1;
    transition-delay: 0s;
    border: 1px solid rgba(255,255,255,0.4);
  }
  /* fleche tooltip */
  .dropmenu li:hover ul::after
  {
    content: " ";
    position: absolute;
    margin-left: -8px;
    border-width: 8px;
    bottom: 100%;
    left: 18%;
    border-style: solid;
    border-color: transparent transparent var(--button-standard) transparent;
  }
 
  .dropmenu li:hover ul li{color: var(--button-hover-font); border:none;}
   
  /* menu - selection */
  .dropmenu li ul li a:hover{
    color: var(--dropmenu-hi-text);
    background: var(--dropmenu-hi-style);
    border-radius: 5px;
  }
   
  /* buttonlist - */
  .buttonlist ul li a.active{background: none;}
  .buttonlist ul li a.active span{
     background: var(--button-active);
     color: var(--button-active-font);
     padding:8px;
     border-radius: 1em;
  }
  .buttonlist ul li a{background: none;}
  .buttonlist ul li a span{
    background: var(--button-standard);
    color: var(--button-standard-font);
    padding: 8px;
    border-radius: 1em;
  }
  .buttonlist ul li a:hover{background: none;}
  .buttonlist ul li a:hover span{
    background: var(--button-hover);
    color: var(--button-hover-font);
    padding: 8px;
    border-radius: 1em;
  }
   
  /* liens dans les rubriques et threads + utilisateurs */
  .poster h4,
  .poster h4 a,
  .table_list tbody.content td.info a.subject{color: var(--thread-user-link);}
 
  /* liens du footer (vers credits, SMF, etc..) */
  a.new_win:link, a.new_win:visited, span.smalltext{
    color: var(--alt-default-font);
    text-decoration: none;
  }
 
  /* liens dans les signatures */
  a.bbc_link:link, a.bbc_link:visited{
    text-decoration: none;
    border: none;
  }
 
  /* quote et code */
 
  div.quoteheader div.topslice_quote,
  div.quoteheader div a,
  div.codeheader{
    color: var(--default-font);
    text-decoration: none;
  }
  blockquote.bbc_standard_quote,
  blockquote.bbc_alternate_quote
  {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.5);
    color: var(--default-font);
  }
  pre code.bbc_code{
    background-color: rgba(0,0,0,0.5);
    border-color: rgba(255,255,255,0.5);
    font-size: 1em;
    color: var(--default-font);
    text-shadow: 0px 0px 1px #aaa;
  }
 
  /*
   ** sections et elements du forum **
   */
 
  div#header{
    padding-left: 20px;
    background: var(--bg-04);
    border-radius: 1em;
  }
 
  div#header div.frame{   
    background: var(--bg-04); 
    border-radius: 1em;
  }
 
  div.navigate_section, div.navigate_section ul{
    height: auto;
  }
 
  div#content_section{
    padding-left: 20px;
    background: var(--bg-03);
    border-radius: 1em;
  }
 
  div#content_section div.frame{
    background: var(--bg-03);   
    border-radius: 1em;
    padding-bottom: 5px;
    margin: 5px 0px 5px 0px;
  }
 
  div#footer_section,
  div#footer_section div.frame{
    background: none;
    padding: 0px 0px 0px;
  }
 
  body{
    color: var(--default-font);
    background-image: repeating-linear-gradient(var(--bg-01), var(--bg-02) 30%, var(--bg-02));
    background-repeat: repeat-x;
  }
 
  /* si vous preferez garder les petites bordures blanches entre les sections, commentez le border-collapse */
  table {
    border: none;
    /* border-collapse: collapse; */
  }
 
  /* intitules de sections */
 
  div.cat_bar{
    border: 1px solid var(--bg-03);
  }
   
  div.cat_bar,
  h3.catbg,
  h4.catbg,
  tr.catbg th
  {
    color: var(--bg-01-font);
    background: var(--bg-01) !important;
    border-bottom: 1px solid var(--bg-03);
  }
   
  .table_list tbody.header td a,
  h3.catbg .floatleft a,
  .modblock_left h3.catbg a,
  .modblock_right h3.catbg a,
  h4.catbg .floatright a,
  tr.catbg th a{color: var(--bg-01-font) !important;}
   
  .table_list tbody.header td a:hover,
  h3.catbg .floatleft a:hover,
  .modblock_left h3.catbg a:hover,
  .modblock_right h3.catbg a:hover,
  h4.catbg .floatright a:hover,
  tr.catbg th a:hover{color: var(--alt-defaut-font);}
 
  /* contenus */
   
  table.table_grid td {border: 1px solid var(--bg-03);}
   
  .windowbg span.topslice,
  .windowbg span.topslice span,
  .windowbg span.botslice span,
  .windowbg2 span.topslice,
  .windowbg2 span.topslice span,
  .windowbg2 span.botslice span{
    display: none;
  }
   
  .windowbg,
  .windowbg2,
  #preview_body,
  tr.windowbg2.whos_viewing td{
    background-color: var(--bg-03);
    margin-bottom: 1px;
  }
   
  /* couleurs des rubriques et threads normales */
   
  .windowbg .post_wrapper,
  tr.windowbg td,
  tr.windowbg2 td.icon.windowbg,
  tr.windowbg2 td.stats.windowbg,
  tr td.icon1.windowbg,
  tr td.icon2.windowbg,
  tr td.stats.windowbg,
  tr td.windowbg
  {
    color: var(--default-font);
    background-color: var(--bg-05);
    padding: 10px 0px 5px 5px;
    border-radius: 1em;
  }
   
  .windowbg2 .post_wrapper,
  tr.windowbg2 td,
  tr td.subject.windowbg2,
  tr td.lastpost.windowbg2,
  tr td.windowbg2
  {
    color: var(--default-font);
    background-color: var(--bg-06);
    padding: 10px 0px 5px 5px;
    border-radius: 1em;
  }
   
  /* couleurs des rubriques épinglées */
   
  tr td.icon1.stickybg,
  tr td.icon2.stickybg,
  tr td.stats.stickybg
  {
    color: var(--default-font);
    background-color: var(--bg-05);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.3));
    border-radius: 1em;
  }
   
  tr td.subject.stickybg2,
  tr td.subject.stickybg.locked_sticky2,
  tr td.lastpost.stickybg2,
  tr td.lastpost.stickybg.locked_sticky2
  {
    color: var(--default-font);
    background-color: var(--bg-06);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.3)); 
    border-radius: 1em;
  }
  .stickybg2 div{
    background-image: url(../Themes/default/images/icons/quick_sticky.gif);
    background-repeat: no-repeat;
    background-position: 98% 4px;
  }
  .locked_sticky2 div{
    background-image: url(../Themes/default/images/icons/quick_sticky_lock.gif);
    background-repeat: no-repeat;
    background-position: 98% 4px;
  }
   
  /* couleurs des rubriques verrouillées */
   
  tr td.icon1.lockedbg,
  tr td.icon2.lockedbg,
  tr td.stats.lockedbg
  {
    color: var(--default-font);
    background-color: var(--bg-05);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));
    border-radius: 1em;
  }
   
  tr td.subject.lockedbg2,
  tr td.lastpost.lockedbg2
  {
    color: var(--default-font);
    background-color: var(--bg-06);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));
    border-radius: 1em;
  }
  .lockedbg2 div{
     background-image: url(../Themes/default/images/icons/quick_lock.gif);
     background-repeat: no-repeat;
     background-position: 98% 4px;
  }
   
  .content, tr.windowbg, tr.windowbg2 td{
    border: none !important;
    padding: 0px 5px;
  }
  .subject div a img,
  .stickybg2 div a img,
  .lockedbg2 div a img{filter: var(--img-filter);}
   
  /* entête */
  span.upperframe,
  span.upperframe span,
  span.lowerframe,
  span.lowerframe span{background: none;}
   
  .roundframe {
      background-color: var(--bg-04);
      padding: 10px;
      border-radius: 1em;
      border: none;
  }
   
  /* contrôles et boutons */
  .button_submit, .button_reset{
      padding: 6px;
      color: var(--default-font);
      background-image: none;
      background-color: var(--button-active-font) !important;
      border: 1px solid var(--bg-02) !important;
  }
  .button_submit:hover, .button_reset:hover{
      padding: 6px;
      color: var(--bg-01-font);
      background-image: none;
      background-color: var(--bg-02) !important;
      border: 1px solid var(--bg-03) !important;
  }
 
  /* contenus speciaux (centre information + statistiques), sondages inclus */
 
  div.title_bar, div.title_barIC{
    padding-left: 9px;
    background: var(--bg-07);
  }
 
  #stats_left .windowbg2,
  #stats_right .windowbg2,
  #top_posters .windowbg2,
  #top_boards .windowbg2,
  #top_topics_replies .windowbg2,
  #top_topics_views .windowbg2,
  #top_topics_starter .windowbg2,
  #most_online .windowbg2
  {
    padding-top: 4px;
  }
   
  /* description */
  #topic_icons{margin: 1em 0px;}
  .description, .plainbox{
    background: var(--bg-04);
    padding: 7px;
    border: none;
    border-radius: 1em;
  }
 
  /* progressbar des statistiques */
  .statsbar div.bar {background: none;}
  .statsbar div.bar div {background-image: var(--progress-visual-style); border-radius: 3px;}
 
  /* de nombreux éléments utilisants la couleur par défaut */
  div.news.normaltext h2,
  .list_posts.smalltext, h5,
  .signature, .username h4,
  .poster ul li, .post .inner,
  div#poll_options.content h4,
  div#poll_options.content dt,
  div#poll_options.content p,
  .padding, .content.modbox ul li,
  ul li label,
  .content label,
  .content dl dd,
  .content dl dt,
  dd.statsbar span, 
  .table_grid tr.windowbg2 th{color: var(--default-font);}
  p.windowbg.description{color: var(--default-font); margin: 10px 0px;}
 
  h4.titlebg, tr.titlebg th,
  h3.titlebg
  {
    background: var(--bg-07) !important;
    color: var(--bg-07-font) ;
    border-bottom: 1px solid var(--bg-03);
  }
   
  /* page d'aide */
  #helpmain p, #helpmain li {color: var(--default-font);}
   
  /* recherche */
  .list_posts.double_height{color: var(--default-font);}
  .highlight{color: var(--highlight) !important;}
   
}

Le gros est fait. Les mises à jours continuent d'arriver.

J'ai placé un système de variables css var() dans le code donc les futurs thèmes en découlant seront plus faciles à gérer.

Afin de ne pas perdre les codes couleurs (sont dans la carte couleur de toute façon) mais pour les remettre plus rapidement je place les config couleurs par thème:

Aqua:
    --bg-01: #4ca68a;               /* début du dégradé en fond + catégories (Gestion de membres, Kali Linux, Tutoriel, etc) */
    --bg-01-font: #2f1e1e;          /* police des catégories */
    --bg-02: #4c8f87;               /* fin du dégradé en fond (un peu plus foncé) + bouton submit */
     
    --default-font: #6fce9c;        /* police par défaut */
    --alt-default-font: #2c4a43;    /* police par défault 2 - liens + pied de page */
     
    --default-link: #4cc473;        /* liens par défaut */
    --default-link-hover: #abebc9;  /* liens lors d'un passage de la souris */
     
    --thread-user-link: #4c9382;    /* liens des rubriques et des utilisateurs */
     
    --bg-03: #2f1e1e;               /* fond du forum - le gros morceau (partie sombre) */
    --bg-04: #3e2d2d;               /* les entêtes (au dessus pour se connecter et au fond avec les connectés + stats) */
     
    --button-active: #66c451;       /* boutons capsules - lorsqu'actif */
    --button-active-font: #532;     /* police des boutons capsules - lorsqu'actif */
     
    --button-standard: #75c28a;     /* boutons capsules affichés - ni actif ni en hover */
    --button-standard-font: #532;   /* police des boutons capsules - ni actif ni en hover */
     
    --button-hover: #92dead;        /* boutons capsules - lorsqu'on passe la souris au dessus */
    --button-hover-font: #532;      /* police des boutons capsules - lorsqu'on passe la souris au dessus */
     
    --bg-05: #44302c;               /* les rubriques - intervalles claires ('windowbg') */
    --bg-06: #3d2825;               /* les rubriques - intervalles moyennes ('windowbg2') */
     
    --bg-07: #539cab;               /* rubriques dans le centre de statistiques */
    --bg-07-font: #fff;             /* font des rubriques du cantre de statistiques */
     
    --highlight: #def;              /* les emphases dans la recherche */

Silver:
    --bg-01: #d2d2d2;               /* début du dégradé en fond */
    --bg-02: #c5c5c5;               /* fin du dégradé en fond + catégories (Gestion de membres, Kali Linux, Tutoriel, etc) */
    --bg-02-font: #353535;          /* police des catégories */
     
    --default-font: #c3c3c3;        /* police par défaut */
    --alt-default-font: #666;       /* police par défault 2 - liens + pied de page */
     
    --default-link: #999;           /* liens par défaut */
    --default-link-hover: #b0b0b0;  /* liens lors d'un passage de la souris */
     
    --thread-user-link: #9a9a9a;    /* liens des rubriques et des utilisateurs */
     
    --bg-03: #353535;               /* fond du forum - le gros morceau (partie sombre) */
    --bg-04: #3f3f3f;               /* les entêtes (au dessus pour se connecter et au fond avec les connectés + stats) */
     
    --button-active: #d2d2d2;       /* boutons capsules - lorsqu'actif */
    --button-active-font: #222;     /* police des boutons capsules - lorsqu'actif */
     
    --button-standard: #969696;     /* boutons capsules affichés - ni actif ni en hover */
    --button-standard-font: #222;   /* police des boutons capsules - ni actif ni en hover */
     
    --button-hover: #bcbcbc;        /* boutons capsules - lorsqu'on passe la souris au dessus */
    --button-hover-font: #222;      /* police des boutons capsules - lorsqu'on passe la souris au dessus */
     
    --bg-05: #434343;               /* les rubriques - intervalles claires ('windowbg') */
    --bg-06: #3c3c3c;               /* les rubriques - intervalles moyennes ('windowbg2') */
     
    --bg-07: #9c9c9c;               /* rubriques dans le centre de statistiques */
    --bg-07-font: #fff;             /* font des rubriques du cantre de statistiques */
     
    --highlight: #fff;              /* les emphases dans la recherche */

Gold
    --bg-01: #ecd17f;               /* début du dégradé en fond + catégories (Gestion de membres, Kali Linux, Tutoriel, etc) */
    --bg-01-font: #2c2c2c;          /* police des catégories */
    --bg-02: #ebc75e;               /* fin du dégradé en fond (un peu plus foncé) + bouton submit */
     
    --default-font: #e6c355;        /* police par défaut */
    --alt-default-font: #6e5946;    /* police par défault 2 - liens + pied de page */
     
    --default-link: #8e735b;        /* liens par défaut */
    --default-link-hover: #fae6aa;  /* liens lors d'un passage de la souris */
     
    --thread-user-link: #9b7250;    /* liens des rubriques et des utilisateurs */
     
    --bg-03: #2c2c2c;               /* fond du forum - le gros morceau (partie sombre) */
    --bg-04: #453135;               /* les entêtes (au dessus pour se connecter et au fond avec les connectés + stats) */
     
    --button-active: #906e6b;       /* boutons capsules - lorsqu'actif */
    --button-active-font: #533;     /* police des boutons capsules - lorsqu'actif */
     
    --button-standard: #b58a4a;     /* boutons capsules affichés - ni actif ni en hover */
    --button-standard-font: #533;   /* police des boutons capsules - ni actif ni en hover */
     
    --button-hover: #d9a64f;        /* boutons capsules - lorsqu'on passe la souris au dessus */
    --button-hover-font: #533;      /* police des boutons capsules - lorsqu'on passe la souris au dessus */
     
    --bg-05: #483236;               /* les rubriques - intervalles claires ('windowbg') */
    --bg-06: #3d2f32;               /* les rubriques - intervalles moyennes ('windowbg2') */
     
    --bg-07: #f8ac3c;               /* rubriques dans le centre de statistiques */
    --bg-07-font: #fff;             /* font des rubriques du cantre de statistiques */
     
    --highlight: #ff8;              /* les emphases dans la recherche */
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 10:04:24
Noooooooooooooooooon le silver a triomphé !
merci pour ton travail :)
Titre: Re : thème Silver
Posté par: WarLocG le 24 juin 2019 à 13:46:08
Quand celui-ci sera terminé, aqua se fera qu'en quelques petites minutes grace aux var que j'ai inclu dans la source ;)

J'ai d'ailleurs une surprise pour ton thème aqua, regarde comment j'ai refait les progressbar sous Silver:
(https://zupimages.net/up/19/26/41yd.png)
J'ai l'intention d'utiliser du rgba() sous aqua pour jouer avec les opacités et apporter un effet de fluide ;) Et pas la moindre image, c'est que du CSS.
Titre: Re : Re : thème Silver
Posté par: Snk le 24 juin 2019 à 15:15:42
Noooooooooooooooooon le silver a triomphé !
merci pour ton travail :)

Bardem, avait la lourde tâche de trancher, et de nous départager, finalement, il a choisi son camp!!!  ::) :-\
Bon, vu qu'au final, on aura plusieurs choix, on te pardonne. Perso, j'aime bien changer régulièrement pour éviter la monotonie du truc...
C'est vrai que le silver est cool, mais les écriture en bleu kali aurait été top (j'essayerais d'arranger ça moi-même, en cherchant un peu!)

En tout cas, un grand merci a WarLocG qui va nous permettre d'avoir quelque chose de plus moderne et de bien cool!!

PS @WarLocG: Pour mon article sur les gestionnaires de fenêtres, je fini de m'occuper d'open-box, il me reste a rédiger pour avoir le menu de kali et 2 ou 3 détails...Si j'ai des soucis, faudrait que je vois avec Coyotus mais je veux pas l'ennuyer, je vais d'abord chercher. C'est pas un truc qui me dérange de chercher...  ;)
Après je m'attaque a fluxbox mais je ne connais pas du tout celui-là, je suis encore en pleine recherche, grâce tes liens et linuxtrack, mais je n'ai pas encore vraiment commencé... En cas de soucis, je ferais sûrement appel a toi, je pense que tu es le mieux placé pour.

Tchao   8)
Snk
Titre: Re : thème Silver
Posté par: WarLocG le 24 juin 2019 à 15:37:44
Pas de souci pour fluxbox, j'ai pas terminé la suite du tuto fluxbox sur les styles mais le gros est dans les liens, tout le travail reviendrait à juste traduire ce qui est écrit en anglais pour le retransposer en français, et tu as des éléments qui ne servent même plus aussi dedans, comme slit qui est devenu obsolète et la taskbar que tu peut remplacer facilement par tint2 par exemple :)

Pour les polices en bleu ca sera pas difficile de les adapter quand j'aurais terminé
Citer
/* Variables couleurs (pour plus de facilité, juste modifier ici) */
  :root{
    --bg-01: #d2d2d2; /* début du dégradé en fond */
    --bg-02: #c5c5c5; /* fin du dégradé en fond + catégories (Gestion de membres, Kali Linux, Tutoriel, etc) */
    --bg-02-font: #353535; /* police des catégories */
     
    --default-font: #c3c3c3; /* police par défaut */
     
    --bg-03: #353535; /* fond du forum - le gros morceau */
    --bg-04: #3f3f3f; /* les entêtes (au dessus pour se connecter et au fond avec les connectés + stats) */
     
  }
Tous les code couleurs iront ici dont les polices qui se terminent en -font ;)

Pour le moment j'ai des images avec des positions relatives qui m'ennuient un peu (la grosse capsule orange dans l'entête de connexion pour ne citer que lui)  et puis y a pas mal de test, je check partout depuis que le style ne reprend plus du thème par défaut, il y a beaucoup plus de code à modifier dedans. Ca prend un peu plus de temps que prévu mais les autres thèmes ca filera comme une lettre à la poste ;)
Titre: Re : thème Silver
Posté par: Snk le 24 juin 2019 à 15:52:32
Okay cool... Ça devrait plus être très compliqué, une fois que tu auras fini, je me débrouillerais!   8)
Dès que j'ai fini les détails qu'il me manque pour que ça soit propre pour openbox, Je pars sur fluxbox, je l'installe, et je vois pour la conf, j'essayerais de me débrouiller mais si besoin (car je connais vraiment pas) je ferais appel a toi.

Tchao
Snk
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 16:22:52
Cool que le tuto soit encore plus fourni :P bien joué à vous les gars :P

Pour le stylus moi tant que j'ai pas mon aqua je boude :P
Titre: Re : Re : Re : thème Silver
Posté par: Bardem le 24 juin 2019 à 17:53:49
Citer
Bardem, avait la lourde tâche de trancher, et de nous départager, finalement, il a choisi son camp!!!  ::) :-\

Mouhahahah (rire diabolique et beliqueux)

Ouai bon désolé les gars, il fallait choisir !
Après, ton idée est intéressante SNK, pourquoi pas après un certains laps de temps, alterner les thèmes ? Enfin si cela ne demande pas trop de temps à passer dessus.

Je suit de près les évolutions du forum et je suis contemplatif de tous vos investissements... J'aimerai pouvoir en faire autant, mais je n'ai pas autant de compétence, je suis dans les apprentissages du débutant ! En tout cas... chapeau...!
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 18:00:40
Non mais après avec l'extension stylus tu peux changer ton thème quand tu veux bardem :)

Je me vengeraiiiiiiiiiiiiiiiii moouhahahahahahahah

merci a WarlockG :P
Titre: Re : Re : thème Silver
Posté par: Bardem le 24 juin 2019 à 18:12:03
Non mais après avec l'extension stylus tu peux changer ton thème quand tu veux bardem :)

Je me vengeraiiiiiiiiiiiiiiiii moouhahahahahahahah

merci a WarlockG :P

Exact, mais je n'ai vu l'info qu'après sur l'autre thread...  ::)
@Zer0 : "je l'aurai un jour, je l'aurai !"  ;)

Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 18:22:30
ça va saaaaaaigner !
Titre: Re : thème Silver
Posté par: WarLocG le 24 juin 2019 à 18:40:05
"Tu me le payeras, gadget !! .. Heu je veux dire, grenier !!
 Oh ? Une feuille ... * crash boom * "
:P
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 18:45:01
Our battle will be legendary !
Titre: Re : Re : Re : Re : thème Silver
Posté par: Snk le 24 juin 2019 à 20:14:18
Après, ton idée est intéressante SNK, pourquoi pas après un certains laps de temps, alterner les thèmes ? Enfin si cela ne demande pas trop de temps à passer dessus.
Je disais juste qu'avec stylus tu pouvais changer ton thème quand tu le voulais... Une fois que WarLocG nous aura arrangé le truc, ça sera a nous de gérer les différents thêmes, ou si tu veux, en arranger un pour qu'il soit a ton gout... (en changeant les couleurs par exemple...)

Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 20:20:32
exactement c'est ça qui est pratique :) à terme l'idée serait de rendre ça natif sur le forum mais bon ça prendra du temps :)
Titre: Re : thème Silver
Posté par: WarLocG le 24 juin 2019 à 21:20:08
Je viens de soumettre une mise à jour, elle devrait permettre à l'ami Snk de mettre du bleu :p
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 21:27:27
c'est le thème aqua ? :D
Titre: Re : thème Silver
Posté par: Snk le 24 juin 2019 à 21:40:31
Non du bleu dans le thème silver...
Titre: Re : thème Silver
Posté par: WarLocG le 24 juin 2019 à 21:41:39
Bah écoute, a ce stade y a moyen de faire ton thème Aqua, mais il sera aussi " en alpha " que cette version-ci de Silver. Il y a encore plein de trucs à vérifier et des images à virer (tout ce qui est bouton), refaire le menu qui apparait quand on hover au dessus de Modérer, Profil, Messagerie et Membres. Les images des rubriques je vais laisser (elles donnent encore bien), voir si y a pas de bizarrerie qui se produise ca et là, bref, le thème est utilisable mais j'en ai pas encore terminé ^^

Sinon teste-le, tu verras qu'il reste des trucs qui rendent pas très bien avec un thème dark et qui nécessiteront des retouches ;)
Titre: Re : thème Silver
Posté par: Snk le 24 juin 2019 à 21:53:34
Tiens je viens d'activer ton thème silver... MORTEL!   :)
Bon j'ai pas tout testé mais c'est cool. t'assures
Je verrai pour le bleu quand j'ai le temps.
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 24 juin 2019 à 22:22:35
je taquine :) prends le temps de le faire propre je suis pas pressé :)
Titre: Re : thème Silver
Posté par: WarLocG le 25 juin 2019 à 01:02:26
Une mise à jour de plus, le gros a été les boutons mais j'ai pas encore fini de me casser les dents sur le dropmenu (un gros morceau). De nouveaux boutons sont là et quelques oublis ont été corrigés. Et la liste des couleurs s'agrandit aussi. Enjoy.
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 25 juin 2019 à 11:21:16
bon courage pour la suite et merci pour ton travail déjà effectué :)
Titre: Re : thème Silver
Posté par: Snk le 25 juin 2019 à 15:10:50
Super boulot, j'ai pu mettre un peu de couleurs avec du bleu... cool.  8)
Titre: Re : thème Silver
Posté par: WarLocG le 25 juin 2019 à 15:34:06
Poste une capture que je vois où tu voulais mettre ton bleu ;)
Titre: Re : thème Silver
Posté par: Snk le 25 juin 2019 à 15:50:48
(https://nsm09.casimages.com/img/2019/06/25//19062511350924886616286713.png) (https://www.casimages.com/i/19062511350924886616286713.png.html)

Bon, pour l'instant, je me suis arrêté là, une couleur pour les "titres" et les "sous-titres" que je voulais en bleu, et modif un peu les gris... A partir de la, ça risque de rebouger, mais je garde celui-là pour mon utilisation personnel.   ;D ;D
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 25 juin 2019 à 15:53:52
vive le bleu :D
Titre: Re : thème Silver
Posté par: Bardem le 25 juin 2019 à 16:08:22
michou sort de ce corps  ;D ;D

Et merci pour ce joli travail !
Titre: Re : thème Silver
Posté par: Snk le 25 juin 2019 à 16:11:39
Arrétes ou je change tout!!  ??? :P
Pourtant y'a pas de rose la dedans??   :o
Sinon, je vais le  modif version rasta.
Titre: Re : thème Silver
Posté par: Bardem le 25 juin 2019 à 16:53:40
je blague... je trouve que ça donne un rendu assez sympa, et puis chacun ses gouts ;)
Version rasta, à mon avis ça doit payer !  ;D
Titre: Re : thème Silver
Posté par: Snk le 25 juin 2019 à 17:13:41
Donc, en version silver-rasta:  ;D

(https://nsm09.casimages.com/img/2019/06/25//mini_19062504234724886616286228.png) (https://www.casimages.com/i/19062504234724886616286228.png.html)

On s'occupe comme on peux... Toujours pas mes tours pour jouer avec kali, alors...   :-\
Titre: Re : thème Silver
Posté par: Bardem le 25 juin 2019 à 17:39:22
pas mal du tout !  ;)
Si Bob te regarde d'en haut, il doit avoir une petite larme au coin de l'oeil  ;D
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 25 juin 2019 à 17:43:02
ça parle mal xD
Je preferais le bleu perso :P
Titre: Re : thème Silver
Posté par: WarLocG le 25 juin 2019 à 22:51:37
Nouvelle mise à jour. Elle concerne les sujets en épinglé et verrouillé (et les deux à la fois). J'espère que vous aimerez la façon dont j'ai amené cela. Pas de grosse couleur bien flashy, c'est sobre et discret :)

(https://zupimages.net/up/19/26/3hkm.png)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 25 juin 2019 à 22:56:03
j'aime bien :)
Titre: Re : thème Silver
Posté par: WarLocG le 25 juin 2019 à 23:23:44
Il est calme le forum pour le moment, j'ai pas vu beaucoup de nouvelles discussions, on dirait que tout le monde est impatient de voir mes mises à jours :P

PS: Je blatère un peu pour rien car je vois que j'ai la police lors d'une réponse à m'occuper. Faire ca directement que je ne doive plus rouvrir de nouvelles discutes pour ne rien dire :P Voila, ca sera pour la prochaine mise à jour celle-là  8)
Titre: Re : thème Silver
Posté par: Snk le 25 juin 2019 à 23:37:03
Sympa la maj.   ;)

A part les Anglais qui veulent pas poster en Français, effectivement c'est calme...  :o
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 26 juin 2019 à 11:00:26
Oui c'est le début de la canicule tout le monde reste sous la clim :P les anglais eux peuvent venir il fait plus frais :p
Titre: Re : thème Silver
Posté par: WarLocG le 26 juin 2019 à 15:45:35
Mise à jour pour nettoyer ce qui devait rester de texte encore en noir et non avec les couleurs par défaut, les zones rubriques avec des liens dont la police était encore blanche. A ce stade normalement ca devrait être nettoyé partout (je me suis aussi occupé de la partie modérer). Avec cela, je me suis occupé des petites images "nouveau" en orange dont j'ai passé un filtre grayscale dessus et me suis occupé de la partie Membre (pour les recherches de membres).

Là normalement, si tout va bien, il ne me reste que les quote et code ainsi que la dropmenu. Faites moi savoir si j'ai oublié un bout de texte ou un lien dans une rubrique.

Enjoy :)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 26 juin 2019 à 15:46:26
Merci encore pour ton taf :)
Titre: Re : thème Silver
Posté par: Snk le 26 juin 2019 à 16:00:17
J'viens d'appliquer la modif du thème... Cool, merci a toi. Super job. (En rajoutant mes 2 bleus, et modif des 2 premiers gris)
Te tiens au courant, si je vois un truc louche.
Tchao   8)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 26 juin 2019 à 16:21:25
le bleu c'est la vie :P
Titre: Re : thème Silver
Posté par: WarLocG le 26 juin 2019 à 19:53:47
Je teste l'imbrication des quotes avant de voir pour soumettre la nouvelle source, elle va concerner les quote et code.

Citation de: 1
1
Citer
2
Citer
3
Citation de: 4
4
Citation de: on va deja aller jusqu'à 5
5

Je pense que ca devrais aller, ici on devrait pas "quoter comme des baboins" (suréchantillonnage de quote - expression trouvée quelque part sur le net). Ca garde une jolie esthétique mais au delà de 5 ca va devenir moins pratique pour lire... Bon je laisse déjà comme ca et je verrai si c'est préférable de changer.
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 26 juin 2019 à 20:01:21
toujours plus :P
Titre: Re : thème Silver
Posté par: WarLocG le 26 juin 2019 à 20:17:42
Nouvelle mise à jour:

Les BBC_quotes:
(https://zupimages.net/up/19/26/eil3.png)
Je joue avec la transparence. Ca donne un joli effet mais si on en imbrique trop on verra plus ce qui est écrit. Je prend le risque de le soumettre, on verra.

Les BBC_codes:
(https://zupimages.net/up/19/26/kqou.png)
Ce n'est pas un terminal, c'est le résultat de mes modifications. J'ai fait de sorte à en améliorer la lecture en agrandissant un peu la police et en lui apportant un léger glow pour que ca ressorte mieux.

Enjoy.
Titre: Re : thème Silver
Posté par: WebMaster le 26 juin 2019 à 20:43:44
Génial! bravo.
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 26 juin 2019 à 20:47:27
c'est pas mal du tout :D
Titre: Re : thème Silver
Posté par: Snk le 26 juin 2019 à 21:28:37
Nickel... J'aime beaucoup pour mettre du code, comme un term...
Continue!   ;D ;D
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 26 juin 2019 à 21:41:07
exactement :)
Titre: Re : thème Silver
Posté par: WarLocG le 27 juin 2019 à 15:25:36
Mise à jour.

Je me suis amusé avec les barres de progression, vous pourrez choisir celui du thème de votre choix (ou faire votre propre progressbar en suivant l'exemple de ceux fournis).

La progressbar du aqua ici:
(https://zupimages.net/up/19/26/szjf.png)

Et celui du gold:
(https://zupimages.net/up/19/26/qhom.png)

Enjoy :)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 27 juin 2019 à 15:25:59
sympa je trouve :)
Titre: Re : thème Silver
Posté par: Snk le 27 juin 2019 à 16:01:18
Salut.  :)

Par contre attention un / en trop en debut de script qui empêche l'execution de la new version du thème...
Une fois enlevé c'est good.   ;)
Merci a toi, je vais remettre mes 2 bleus et tester ça!

Tchao   8)
Snk

Titre: Re : thème Silver
Posté par: WarLocG le 27 juin 2019 à 16:07:30
Effectivement, j'avais loupé ma ligne en copiant au dessus. Vu et corrigé. Merci à toi ;)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 27 juin 2019 à 16:17:29
Xtrem programming haha
Titre: Re : thème Silver
Posté par: WarLocG le 27 juin 2019 à 22:28:29
Mise à jour. Le nouveau dropmenu est là. J'en suis pas encore pleinement satisfait mais j'ai réussi à me débarrasser des images cachées dans les hover et à lui donner un look acceptable pour le moment. Le focus peut se perdre en allant dans les sous-menu, faut passer par la petite flèche de tooltip pour rester accroché. Voila ce que ca donne.

(https://zupimages.net/up/19/26/ca8z.png)

J'ai aussi corrigé 2-3 petits trucs qui étaient passé entre les mailles du filet comme le voyant vert qui avec notre status en ligne qui passait par filtre grayscale une fois sur deux et quelques liens dans une rubrique que j'avais oublié.

Puis j'ai apporté quelques aides pour faire vos thèmes vous-même :) (ca sera la prochaine étape maintenant, de le remplir :P)

Enjoy :)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 27 juin 2019 à 22:32:31
c'est pas mal mais je le trouve un poil trop transparent perso :)
Titre: Re : thème Silver
Posté par: WarLocG le 27 juin 2019 à 22:38:24
J'avais hésité pour la transparence, c'était pour éviter qu'il soit trop plat. Je verrai si je le garde ou pas :)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 27 juin 2019 à 22:43:39
tu peux la garder mais moi je pense que je la baisserai ^^' c'est juste trop la
Titre: Re : thème Silver
Posté par: Snk le 27 juin 2019 à 22:43:49
Okay, je l'installe immédiatement pour test...  ;D
Ça a l'air sympa.
Titre: Re : thème Silver
Posté par: WarLocG le 27 juin 2019 à 22:49:51
Je suis à 0.9 en opacité là :P 1.0 c'est complètement opaque. Mais je peux tenter des trucs comme j'ai fais pour les sticky et locked :)
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 27 juin 2019 à 23:04:41
0.95 ? :p
Titre: Re : thème Silver
Posté par: Snk le 27 juin 2019 à 23:08:34
Pour moi, la transparence du dropmenu ne me géne pas, je trouve même ça très bien. Ça rend bien mieux que l'ancienne version! Par contre c'est vrai qu'il faut bien être sur la fléche pour pouvoir accéder au sous-menu...   :P
J'aime bien le tableau avec les couleurs pour les différents thèmes, pratique, donc je suppose qu'on pourra modifier, enfin si on en a envie, quelques couleurs direct de là? Et sélectionner notre thème aussi du même endroit?
En tout cas bravo, ça prend vraiment forme, et vite je trouve. Félicitations.   ;)
Titre: Re : thème Silver
Posté par: WarLocG le 27 juin 2019 à 23:26:59
J'ai fait quelques tests pour les dropmenu, lesquels préférez-vous ?

test 1:
(https://zupimages.net/up/19/26/6jzw.png)
test 2:
(https://zupimages.net/up/19/26/w5em.png)
test 3:
(https://zupimages.net/up/19/26/c9et.png)
test 4:
(https://zupimages.net/up/19/26/0eng.png)

J'aime bien les 2 dernières perso :)
Titre: Re : thème Silver
Posté par: Snk le 27 juin 2019 à 23:37:48
J'aime beaucoup la dernière, ou alors la deuxième mais avec les lettres en plus foncès pour mieux les voir lors de la selection...
Titre: Re : thème Silver
Posté par: WarLocG le 28 juin 2019 à 02:06:42
J'ai opté pour le 4e style pour le dropmenu. J'ai agrandi un peu la flèche, elle est plus facile à atteindre et donc les sous-menu aussi. J'ai conservé l'idée de la transparence aussi mais différemment, lorsque le sous-menu (et la flèche) n'ont pas le focus elle s'estompe et devient transparente mais pas trop pour qu'on puisse encore voir la flèche.
Titre: Re : thème Silver
Posté par: ZeR0-@bSoLu le 28 juin 2019 à 08:47:25
ah dommage je préférai la 1 moi :/
Titre: Re : thème Silver
Posté par: WarLocG le 28 juin 2019 à 14:10:30
J'ai pensé à toi  ;) Me suis bien pris la tête dessus mais ca fonctionne  8)

Tu choisis le style que tu veux et le choix entre blanc et noir (le texte s'adaptera pour prendre son opposé). A part le style 2 qui est indépendant, seul la couleur de la police changera selon la valeur de --light.

Snk te fera des captures des différents styles de dropmenu :P

Vais juste mettre des images pour montrer la transparence

Sans le focus sur le menu
(https://zupimages.net/up/19/26/b1xw.png)
Transparence légère juste pour montrer qu'il y a un menu

Focus sur le menu
(https://zupimages.net/up/19/26/310d.png)

Et lorsqu'on passe la souris sur un élément
(https://zupimages.net/up/19/26/l923.png)
C'est un des styles mais les deux autres sont la aussi (qui peuvent être alternés entre blanc ou noir, sauf le style 2)
Titre: Re : thème Silver
Posté par: coyotus le 28 juin 2019 à 14:56:57
moi j'aime bien le 4 :)
Titre: Re : thème Silver
Posté par: Snk le 28 juin 2019 à 16:27:48
Bon, ben vu que tu me donne tu taf...  :P

Voilà, le dropmenu avec le focus, style-1:

(http://pix.toile-libre.org/upload/img/1561732724.png) (http://pix.toile-libre.org/?img=1561732724.png)

Le style-2:

(http://pix.toile-libre.org/upload/img/1561732678.png) (http://pix.toile-libre.org/?img=1561732678.png)

Et le style-3-4:

(http://pix.toile-libre.org/upload/img/1561732656.png) (http://pix.toile-libre.org/?img=1561732656.png)

Avec les paramètres d'origine...
Si tu veux d'autres modifs, y'a moyen...   ;)

Quelques-unes:
style-3-4 avec --light à 20:

(http://pix.toile-libre.org/upload/img/1561733840.png) (http://pix.toile-libre.org/?img=1561733840.png)

Et sinon, style-3-4 avec --light à 40:

(http://pix.toile-libre.org/upload/img/1561734062.png) (http://pix.toile-libre.org/?img=1561734062.png)

style-3-4 --light à 80:

(http://pix.toile-libre.org/upload/img/1561734670.png) (http://pix.toile-libre.org/?img=1561734670.png)

style1 avec --light à 20:

(http://pix.toile-libre.org/upload/img/1561734796.png) (http://pix.toile-libre.org/?img=1561734796.png)

style-1 avec --light à 80:

(http://pix.toile-libre.org/upload/img/1561734475.png) (http://pix.toile-libre.org/?img=1561734475.png)

Bon, j'arréte là....
Maintenant que j'ai test, finalement j'aime bien le style-2 ou le 3-4 d'origine.

Tchao   8)
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: WarLocG le 28 juin 2019 à 20:12:40
Merci Snk, tu as bien travaillé :P

Aqua est sorti. La configuration aqua -> http://zupimages.net/viewer.php?id=19/26/fnbk.png
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: ZeR0-@bSoLu le 28 juin 2019 à 20:58:34
yyyyyyyyyyyay
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: WarLocG le 28 juin 2019 à 21:31:53
De rien, j'espère que tu vas l'aimer :P Postes quelques captures :P

Cela étant, ca va être lequel le suivant, vu que ca tombe sur une égalité parfaite ?  :D ::)
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: Snk le 28 juin 2019 à 22:29:26
Pour moi, l'idéal après aqua serait gold que j'aimerais voir... Si possible évidemment.  8)  :D
J'vais déjà pouvoir tester le aqua t'en attendu... Merci pour ton boulot, t'assures.
Tchao
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: WarLocG le 28 juin 2019 à 22:34:38
Le prochain sera gold alors :) Ils sont tous à égalité donc premier arrivé premier servi. Comme ca c'est décidé :)

Faire ca quand la température est un peu fraîche avec du "Two Step From Hell" dans les oreilles, et ca va se faire tout seul  8)
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: ZeR0-@bSoLu le 28 juin 2019 à 22:39:07
je suis aussi d'accord avec gold :) et oui je te dirai quand j'essayerai :)
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: Snk le 28 juin 2019 à 22:44:41
Ouais cool.... ;)
Titre: Re : thèmes stylus {Silver, Aqua}
Posté par: WarLocG le 29 juin 2019 à 00:16:36
Vous pouvez considérer que le thème est déjà prêt (c'est les boutons du dropmenu qui me prennent le plus de temps car je dois le dégrader en restant le plus harmonieux possible ) :P

Les codes couleurs -> http://zupimages.net/viewer.php?id=19/26/7oh8.png

Voila, je pense que là tout est bon. Je vais faire une pause avant d'attaquer les trois derniers, ce sont les moins "demandés", je peux les laisser en standby sans problème.
Titre: Re : thèmes stylus {Silver, Aqua, Gold}
Posté par: ZeR0-@bSoLu le 29 juin 2019 à 09:29:32
Merci pour ton taf encore :)
Titre: Re : Re : thèmes stylus {Silver, Aqua, Gold}
Posté par: coyotus le 29 juin 2019 à 11:22:52
Merci pour ton taf encore :)
En effet, c'est un énorme travail que tu as fais, merci pour tout.
Titre: Re : thèmes stylus {Silver, Aqua, Gold}
Posté par: Snk le 29 juin 2019 à 22:57:54
Salut!   :)

Je viens de m'installer le thème Gold et Aqua, qui déchirent grave, en plus du silver... (et de mon silver avec du bleu et gris un peu plus fonçé) :P
Super boulot, vraiment bravo a toi, et surtout un Grand Merci!   :D :D
Maintenant on a le choix et on peut alterner si on le souhaite. Trop Cool!  8)