Aujourd'hui, je vais vous faire part d'une astuce, valable pour les navigateurs modernes (en l'occurrence Chrome, Firefox et dérivés) : si vous appréciez la légèreté et la sobriété de Legacy mais que vous souhaitez néanmoins changer les couleurs, il vous est tout à fait possible d'ajuster la palette vous-même via l'extension
Stylish !
Stylish pour Google Chrome
http://chrome.google.com/webstore/deta ... cffe?hl=fr
Stylish pour Mozilla Firefox
http://addons.mozilla.org/fr/firefox/addon/stylish/
Une fois cette extension installée, allez dans ses paramètres pour créer un nouveau style et obtenir ceci...
Entrez n'importe quel nom, cela n'a pas d'importance. Dans le champs "s'applique à", précisez "URL sur le domaine" et "win3x.org" comme sur la capture supra. La personnalisation de l'apparence se fait en insérant des règles CSS dans la zone "code".
Si vous êtes un adepte des thèmes sombres, voici ce que je vous propose d'ajouter dans la zone "Code"...
body {
color: #CCCCCC;
background: #000000;
}
.bg1, .bg2 {
background: #000000;
}
.bg3, td.cat {
background: #1C1C1C;
}
.error, .rules h3 {
color: #DD4080;
}
hr {
background: #3C3C3C;
color: #3C3C3C;
}
.postbody span {
color: inherit !important;
}
.posthilit {
background: #800000;
}
th, th a, th a:visited {
background: #00004C;
color: #CCCCCC !important;
}
table.main {
background: #3C3C3C;
}
a:link, a:visited {
color: #0096CF;
}
a:hover {
color: #FF9900;
}
a.button, button, input.button1, input.button2, input.inputbox, select, textarea {
background: #000000;
border-color: #3C3C3C;
}
a.button:hover {
border-color: #808000;
}
button, .codetitle, input, .locked, .quotetitle, select, textarea {
color: #CCCCCC;
}
.codebox, .quotation {
background: #1C1C1C;
border-color: #3C3C3C;
}
.codecontent, .quotecontent {
background: #000000;
}
.codecontent pre {
color: #00CC00;
}
.hidebox {
background-color: #404040;
border-color: #808080;
}
.quotecontent {
color: #B4A088;
}
.pm-marked-colour {
border-color: #FF6600;
}
.pm-replied-colour {
border-color: #3C3C3C;
}
.pm-friend-colour {
border-color: #008080;
}
.pm-foe-colour {
border-color: #FFFFFF;
}
#notification_list, #quick_links_list, #topictools_list, #user_list {
background: #000000;
}
.site-logo img {
width: 170px;
height: 94px;
box-sizing: border-box;
padding-left: 200px;
background: url('http://www.win3x.org/win3board/styles/all/imageset/site_logo.png') no-repeat center;
} |
Enregistrez le tout et rechargez la page, voici comment devient la page d'accueil de Win3x.Org sur votre PC :