Cookies

Utilisation des cookies

Pour le bon fonctionnement du site, nous utilisons des cookies techniques qui permettent de gérer votre connexion.
Nous utilisons des cookies Google Analytics pour le suivi anonyme de la navigation. Vous pouvez désactiver ces derniers à tout moment ici.

Confirmation

Par défaut, nous conservons votre acceptation durant 13 mois.
Gérez vos cookies ici.



Personnaliser

Black Book Éditions, le site de référence des jeux de rôle

Un mode nuit ou thème sombre ?? 37

Forums > Magazine & Site Internet

avatar

Le principe est simple, installer le plugin, cliquer sur l'icône->créer un nouveau style, vous choisissez pour blackbook, ou ce qui vous arrange et vous copiez ça dans la fenêtre de code et nommez .

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

@-moz-document domain("black-book-editions.fr") {
html{
background-color: #111;
}
body{
background-color: #111;
color:#ccc;
}
#fil_info a, #fil_info_ks a {
color:#ccc;
}
.container {
background-color: #222;
color: #ccc;
}
.menuzord {
background: #222;
}
.form-control {
background-color:#111;
color: #ccc;
}
.gbox {
background-color:#111;
border-color:#333;
box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #000 inset;
}
.item, .item_lot {
background:#333;
border-color:#666;
}
.item:hover {
background:#444;
}
.list-group-item {
background:#444;
}
#board_liste li {
background:#333;
color: #ccc;
}
#board_liste a {
color: #ccc;
}
#board_liste li:hover {
background:#555;
}
#board_liste .compteur {
background-color:#555;
}
.active {
background:#333;
}
#message_liste blockquote {
background:#555;
color: #ccc;
}
blockquote {
background:#555;
color: #ccc;
}
.table td,.table th {
color: #ccc;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color:#111;
}
.table-hover>tbody>tr:hover {
background-color:#555
}
.tab-content {
background:#333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
background:#333;
}
.nav > li > a:focus, .nav > li > a:hover {
background:#333;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
background:#333;
}
.pagination>li>a,.pagination>li>span {
background:#222;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
background:#555;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
background:#225;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
background:#222;
}
.pager li>a:focus,.pager li>a:hover {
background:#252;
}
.dropdown-menu {
background:#333;
}
.msg_actions {
background:#222;
}
.msg_actions a {
color: #ccc;
}
.triangle-border {
background:#111 !important;
}
.triangle-border.left:after {
border-color: transparent #111;
}
.news_form textarea {
background-color:#111;
}
.accordion_hp_gamme .accordion-group {
background-color:#333;
box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #000 inset;
border-color:#555;
}
.accordion-heading h4 {
color:#ccc;
}
.info_pledge {
background-color:#333;
}
.forum_direct b a {
color:#ccc;
}
.alertify .ajs-dialog {
background-color:#333;
}
.alertify .ajs-footer {
background-color:#444;
}
#focus_actu b {
color:#ccc;
}
}

(j'ai fait ça un peu à l'arrache pour l'instant ^^)

Et pour le désactiver, il suffit de cliquer sur le style avec le nom que vous avez donné dans la liste affichée dans le menu de l'icône.

avatar

Je précise que l'expérience optimale, c'est sans le style, certains trucs pourront pas être nickel comme les images sur fond blanc par exemple.

avatar

Ça marche !

Je teste et je ferais un retour après !

avatar

Testé et approuvé : c'est claaassseee !

De ce que j'ai vu, seules les citations ressortent mal (et les écritures en couleur).

avatar

Oui ya quelques trucs encore pas fait, et quelques trucs que j'ai pas trouvé ^^

Ça dépend des pages, mais je continuerai du coup.

avatar

Je suis chaud je rajoute, dans "Les derniers sujets actifs", que les infos "Dernier message, Auteur, et nb de msg" sont noir sur noir, y a plus d'espoir moqueur

avatar

Pour les citations et les auteurs etc ça devrait être mieux.

avatar

oui , c'est plus classe en sombre même si il y a quelques erreurs. Beau travail Esprism!

avatar

Faut surtout remercier Zeboss, il est super le site.

Petite maj.

PS : si vous voyez un lien ou bouton qui change pas de couleur quand on passe la souris dessus, prévenez moi aussi ^^.

avatar

Bon, on arrive à une version correcte, j'ai enfin compris comment utiliser le mode développeur firefox comme il faut ^^ j'aurai appris un truc.

Du coup, s'il reste un truc dans un coin que j'ai oublié, vous pouvez me le signaler, sinon, vous pouvez aussi discuter des choix de couleurs.

C'est pas aussi bien que l'original, les ombres par exemple rendent pas trop sur un fond sombre, mais ça passe.

Ce message a reçu 1 réponse de
  • Buggy
avatar
prisme

Du coup ça se publie officiellement une custo Stylish ou bien il faut que tu la re-postes ici ?

avatar

"Officiellement" non, mais je l'ai mis en ligne ^^

avatar

Il faut cliquer sur l'icône stylish puis sur "Trouver des styles pour ce site..."

Pour l'instant il n'y en à qu'un content

Ce message a reçu 2 réponses de
  • Zagig Yragerne
  • et
  • SuperDefi
avatar
prisme

Ah ça soulage vraiment les yeux ! On va voir à l'utilisation pour les détails.

avatar

Super.

Après le test de la première version, je revenais pour signaler la même chose mais je vois que c'est déjà corrigé !

Idem pour les couleurs de fond dans la messagerie.

Bon bah là c'est vraiment bien maintenant !

Bravo esprism !

clin d'oeil

avatar
prisme

Bonjour,

Juste pour signaler qu'on peut rajouter 0 (ou 00) pour la transparence à la fin des déclarations des couleurs de fond pour faire réapparaitre les fonds d'écrans BBE.

Merci pour cette config.

avatar

Bonjour. Je déterre ce sujet car je crois que ça ne fonctionne plus chez moi et je ne retrouve pas le style enregistré dans la base de Stylish. Ce n'est que chez moi ou il y a eu une évolution ?