Ah, pas mal ça, merci !

Au niveau du scroll, ça ne change à peu près rien, mais cette présentation linéaire me semble bien plus claire. Par contre, faut activer AdBlock, sinon la pub en haut à droite fout le bordel dans la catégorie Site web.

Effectivement, le laissant actif par défaut je n'avais pas fait attention à ce détail je vais voir pour y remedier !

[EDIT] done !

Zut ça ne marche pas, j'ai pourtant le petit 1 a coté de l'extension qui me montre bien le nouveau stylish mais rien ne change ...

Moi ça marche (:

Pour virer le "J'ai une question ou une remarque" qui fait perdre 200px sur la page et mettre le contenu à 100% :

div.complementary {
    display: none;
}

#content {
    width: 100%;
}

C'est quand même con de devoir en arriver là, sdz V4 enjoy

Bah oui mais quand on a un grand écran et qu'on ne supporte pas de voir 50% de son écran laissé vide on modifie

Bonne idée ce topic. Ma feuille de style Stylebot (mais qui passe certainement sur votre extension moyennant l'indication de l'URL si j'ai bien compris votre technique) : Screenshots ici : http://imgur.com/a/DWElD

/* index des forums plus condensé */
.action {
    display: block;
}

.categoryForum {
    width: 30%;
}

/* index d'un forum plus condensé */
.lock, .read, .notread {
    margin-bottom: 0px;
}

li.notRead {
    margin-bottom: 0px;
}

/* Toujours afficher "Signaler Citer Modifier", et plus au hover */
ul.actions {
    display: block;
}

/* Lisibilité optimale */
#headerBottom {
    background-color: white;
}

#headerBreadcrumb {
    background-color: white;
}

.date {
    color: black ;
}

.notification .link .content .date {
    color: white;
}

.notification > li.date {
    color: white;
}

a.category {
    color: black;
}

a.lastComment {
    color: black;
}

a.lastComment strong {
    color: black;
}

div.alert.alert-success {
    background-color: black;
    color: white;
}

div.cellsCentred.span2 p {
    color: black;
}

div.cellsLink.span5 a h3 {
    color: black;
}

div.cellsLink.span5 a span {
    color: black;
}

li a span {
    color: black;
}

li.current {
    color: black;
}

li.switchEditeur.inactive {
    color: black;
}

p.information.infoMarkdown {
    color: black;
}

p.information.infoMarkdown a {
    color: black;
}

section.containerSdz {
    color: black;
}

@Earh@ter t'es sur d'avoir bien crée le style pour le sdz et pas pour juste l'url ? Et de bien avoir tout supprimé dans l'éditeur avant de collé le code ?

@Nephthys : Nickel ça, je vais l'ajouter en dessous du code dans le premier message (avec les !important sinon le css n'est pas prioritaire)

@victor: En effet il suffit d'ajouter le 

@namespace

et le 

@-moz-document domain 

avant pour que cela fonctionne, en l'occurence c'est fait automatiquement à la création du style, par contre pour que ton CSS fonctionne nous il faut rajouter des !important  a chaque occurence

De rien ! Faut juste rajouter 

 div.content {
    width: 100%;
}

Merci beaucoup pour cette extension que je ne connaissais pas

Je m'en suis servi pour corriger un bug avec le menu.

Bonsoir,

C'est dommage de pas avoir mis en commun avec ce projet.

@che a écrit:

Merci beaucoup pour cette extension que je ne connaissais pas

Je m'en suis servi pour corriger un bug avec le menu.

 Ahhh, c'est un bug ?! Moi qui pensai que c'était un effet de style ...

AndroWiiid a écrit:

Bonsoir,

C'est dommage de pas avoir mis en commun avec ce projet.

C'est fait, l'auteur du projet va intégrer le code dans son extension, cependant celle-ci se limite a Chrome alors que Stylish fonctionne également avec firefox  !

slycooper a écrit:

AndroWiiid a écrit:

Bonsoir,

C'est dommage de pas avoir mis en commun avec ce projet.

C'est fait, l'auteur du projet va intégrer le code dans son extension, cependant celle-ci se limite a Chrome alors que Stylish fonctionne également avec firefox  !

Mais pourquoi donc utiliser Firefox ?

Pour web developper, firebug, stylish et downloadhelper ... xD

slycooper a écrit:

avant pour que cela fonctionne, en l'occurence c'est fait automatiquement à la création du style, par contre pour que ton CSS fonctionne nous il faut rajouter des !important  a chaque occurence

Ok. Alors si vous voulez tester, voici avec les !important :

/* index des forums plus condensé */
.action {
    display: block !important;
}
 
.categoryForum {
    width: 30% !important;
}
 
/* index d'un forum plus condensé */
.lock, .read, .notread {
    margin-bottom: 0px !important;
}
 
li.notRead {
    margin-bottom: 0px !important;
}
 
/* Toujours afficher "Signaler Citer Modifier", et plus au hover */
ul.actions {
    display: block !important;
}
 
/* Lisibilité optimale */
#headerBottom {
    background-color: white !important;
}
 
#headerBreadcrumb {
    background-color: white !important;
}
 
.date {
    color: black  !important;
}
 
.notification .link .content .date {
    color: white !important;
}
 
.notification > li.date {
    color: white !important;
}
 
a.category {
    color: black !important;
}
 
a.lastComment {
    color: black !important;
}
 
a.lastComment strong {
    color: black !important;
}
 
div.alert.alert-success {
    background-color: black !important;
    color: white !important;
}
 
div.cellsCentred.span2 p {
    color: black !important;
}
 
div.cellsLink.span5 a h3 {
    color: black !important;
}
 
div.cellsLink.span5 a span {
    color: black !important;
}
 
li a span {
    color: black !important;
}
 
li.current {
    color: black !important;
}
 
li.switchEditeur.inactive {
    color: black !important;
}
 
p.information.infoMarkdown {
    color: black !important;
}
 
p.information.infoMarkdown a {
    color: black !important;
}
 
section.containerSdz {
    color: black !important;
}

Note que pour le coup, Stylebot est mieux foutu. Tu cliques sur l'extension, puis tu peux directement sélectionner les CSS à la souris en cliquant sur les éléments de la page. Et surtout, pas besoin de mettre des !important.

C'est triste de devoir en arriver là alors qu'une nouvelle version vient d'arriver...

victor a écrit:

/* Toujours afficher "Signaler Citer Modifier", et plus au hover */
ul.actions {
    display: block !important;
}

Je prends ça !

Oui apparement c'est plus pratique, mais on obtient les même fonctions en cumulant firebug et stylish, c'est juste un peu plus fastidieux. Et Stylebot n'existe pas sous Firefox de ce que j'en ai vu... dommage.

Est-ce que vous savez pourquoi l'extension Stylish (ainsi que celle créée par un membre du SDZ) ne fonctionnent absolument pas ? Les styles modifés sont bien présents quand j'inspecte l'élement concerné, mais il est barré, et donc non actif...

Ça fait une heure que j'essaye de régler ça mais rien n'y fait...

Merci d'avance

Coucoulol : !important

Je traduit le victorien pour toi si tu veux :

Il faut que tu mettes !important après chaque propriété CSS avant le ; pour forcer la prorité. Par exemple :margin: 5px; doit devenir margin: 5px !important;

slycooper a écrit:

victor a écrit:

/* Toujours afficher "Signaler Citer Modifier", et plus au hover */
ul.actions {
    display: block !important;
}

Je prends ça !

Prends aussi ça alors :

.noVote {
    visibility: visible;
}

Du coup, vous m'avez fait découvrir stylish et je me suis lancé =p

Donc :

 - amélioration du contraste

 - supression des effet de hover sur le forum

 - meilleurs lisibilité des tuto

 - forum "à l'ancienne" un peu comme toi slycooper, mais en plus propre

 - suppression du magasin sur la page d'accueil, avec la pub au passage

 - suppression de l'âne bugé

j'ai aussi intégré ce que vous avez mis, en espérant que ça vous plaise

EDIT: Désolé de la place utilisée, pas de balise "masquer" disponible

#headerBottom
{
    margin-top: 0px !important;
}

#beta
{
    display: none !important;
}

.adBan
{
    display: none !important;
}

.complementary
{
    display: none !important;
}

#headerPub
{
    display: none;
}

header#mainHeader section#headerBreadcrumb
{
    background-color: rgba(255, 255, 255, 0.68);
}

header#mainHeader section#headerBreadcrumb ul#breadcrumbtrail
{
    opacity: 0.8 !important;
}

header#mainHeader section#headerBreadcrumb ul#breadcrumbtrail:hover
{
    opacity: 1 !important;
}

/************************************************/
/****************** HOMEPAGE ********************/
/************************************************/

.homeContent .shop
{
    display: none;
}

#mainContent
{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.zozorHome
{
    display: none !important;
}

/************************************************/
/****************** TUTORIALS *******************/
/************************************************/

.tutorial #content, section#mainContent section#mainSection .tutorialInterContent .content
{
    width: 924px !important;
}

section#mainContent section#mainSection .tutorialInterContent .content ul.courseSummary li
{
    width: auto !important;
}

/************************************************/
/************ FORUM CATEGORY LIST ***************/
/************************************************/

section#mainContent .categoryForum
{
    height: 53px !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 11px !important;
}

section#mainContent .categoryForum .imgCategoryForum
{
    margin-top: 4px !important;
}

section#mainContent .categoryForum .rightContentCategoryForum
{
    margin-top: 8px;
    min-height: 0px !important;
}

section#mainContent .categoryForum .name
{
    display: inline !important;
}
 
section#mainContent .categoryForum .imgCategoryForum img
{
    width: 45px !important;
    margin-left: 10px !important;
}

section#mainContent .categoryForum .rightContentCategoryForum.lastMessage .contentCategory
{
    display: inline-block !important;
    padding-top: 10px !important;
}

section#mainContent .categoryForum .name + .lastMessage .lastMessage
{
    width: 100% !important;
}

section#mainContent .categoryForum .contentCategory
{
    max-width: 450px !important;
}

section#mainContent .categoryForum .name .rightContentCategoryForum
{
    width: 300px !important;
}

section#mainContent .categoryForum .rightContentCategoryForum.lastMessage
{
    float: right !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: rgb(230, 230, 220);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08) inset !important;
    overflow: hidden !important;
    height: 45px; !important;
}

.pavement {
    display: none !important;
}

ul.actions {
    display: block !important;
}

#mainSection .read .row, #mainSection .notRead .row
{
    height: 60px !important;
}

#mainSection .row .cellsLink.span5 a
{
    padding-top: 5px !important;
}

.lastComment
{
    width: 250px !important;
}

/************************************************/
/**************** FORUM READING *****************/
/************************************************/

section#mainContent .comments .row
{
    background-color: rgba(234, 234, 224, 0.5) !important;
}

section#mainContent ul.actions a
{
    color: rgb(0, 0, 0) !important;
}

section#mainContent .comments .row
{
    box-shadow: 0 2px 0 0 rgb(165, 226, 255) !important;
} 

kanak'ma a écrit:

 - meilleurs lisibilité des tuto

Moins bonne lisibilité des tutos, plutôt. 170 signes par lignes, en plus avec du texte justifié, c'est parfaitement contre-indiqué par tous les experts. Pour améliorer la lisibilité, augmente la taille du texte.

Tiens, ça c'est améliorer la lisibilité :

.tutorial #content, section#mainContent section#mainSection .tutorialInterContent .content {
    width: 924px !important;
    font-size: 1.3em !important;
    text-align: left !important;
    line-height: 1.3em !important;
}

section#mainContent section#mainSection .tutorialInterContent .content ul.courseSummary li {
    width: auto !important;
}

Quand je parlais de lisiblilité, je pensais surtout au contraste, ceci dit, je note, merci

Petit souci cependant

J'ai repris ton code et je suis arrivé a ça :

Je te file le css pour que tu puisse testez et comparer :

/************************************************/
/************ FORUM CATEGORY LIST ***************/
/************************************************/
 
section#mainContent .categoryForum
{
    height: 53px !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 11px !important;
}
 
section#mainContent .categoryForum .imgCategoryForum
{
    margin-top: 4px !important;
}
 
section#mainContent .categoryForum .rightContentCategoryForum
{
    margin-top: 8px !important;
    min-height: 0px !important;
}
 
section#mainContent .categoryForum .name
{
    display: inline !important;
}
  
section#mainContent .categoryForum .imgCategoryForum img
{
    width: 45px !important;
    margin-left: 10px !important;
}
 
section#mainContent .categoryForum .rightContentCategoryForum.lastMessage .contentCategory
{
    display: inline-block !important;
    padding-top: 8px !important;
}
 
section#mainContent .categoryForum .name + .lastMessage .lastMessage
{
    width: 95% !important;
    display: block !important;
}

section#mainContent .categoryForum .name + .lastMessage 
{
    padding-bottom: 20px !important;
}
 
section#mainContent .categoryForum .contentCategory
{
    max-width: 450px !important;
}
 
section#mainContent .categoryForum .name .rightContentCategoryForum
{
    width: 300px !important;
}
 
section#mainContent .categoryForum .rightContentCategoryForum.lastMessage
{
    float: right !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: rgb(230, 230, 220);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08) inset !important;
    overflow: hidden !important;
    height: 35px !important;
}
 
.pavement {
    display: none !important;
}
 
ul.actions {
    display: block !important;
}
 
#mainSection .read .row, #mainSection .notRead .row
{
    height: 60px !important;
}
 
#mainSection .row .cellsLink.span5 a
{
    padding-top: 5px !important;
}
 
.lastComment
{
    width: 250px !important;
}



.name:hover 
{
    background-color:transparent !important;
    box-shadow: none !important;
}

Je le trouve en effet mieux que le mien sinon, je vais le mettre dans le premier post avec ton nom si ca te va ?

tient, tu es sur quel navigateur, aucun bug chez moi

je comparerais demain, mais tu peux bien entendu mettre mon code sur ton post

Sous Firefox 18

C'est magnifique Alex, mes yeux te disent merci !!
J'ai essayé ton code en surcouche de celui déjà en place est c'est nickel, ca corrige même le bug du menu en deux parties... !)