Forum Programmation.autre Css et stylish

Posté par Le Pnume le 12 juillet 2013 à 00:32. Licence CC By‑SA.

Étiquettes :

juil.

2013

Bonjour à tous,

Je ne connais pour ainsi dire rien en css et pas grand chose en html,comme je sais qu'il y a quelques cadors de css qui lisent linuxfr je me permet cette question qui n'a pas grand chose à voir avec linux mais un peu avec le logiciel libre.

Je suis contributeur sur le forum francophone de R : http://forums.cirad.fr/logiciel-R/ qui tourne sous phpBB. Le site ne propose que 4 themes d'affichage qui affichent tous le code R de la même manière qui ne me convient pas. Je me suis dit que l'extension Stylish pour Firefox me permettrait de contourner ce problème. J'ai donc jeter un œil sur le code source d'une page du forum (http://forums.cirad.fr/logiciel-R/viewtopic.php?t=5916 ) et j'ai vu ça pour l'affichage du code R

</span><table width="90%" cellspacing="1" cellpadding="3" border="0" align="center"><tr> <td><span class="genmed"><b>Code:</b></span></td></tr><tr><td class="code">
<br />
csi1&#91;,1&#93;=as.factor&#40;csi1&#91;,1&#93;&#41;
<br />

...

Je me suis dis que chercher dans le css la classe "code" et en créer une modifié dans Stylish me permettrais de modifier son apparence.

Dans le css, j'ai trouvé

.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #624949;
    background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }

j'ai donc créer un style dans stylish qui contient

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

@-moz-document domain("forums.cirad.fr") {
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #624949;
    background-color: #808080; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
    }

}

Mais je n'obtiens aucune modification sur le forum. Si quelqu'un pouvais me dire si mon raisonnement est stupide ou ce que fais mal ou pas, ça serait cool

Merci d'avance

# xcvcxvxcvxc vx

Posté par maboiteaspam le 12 juillet 2013 à 13:28. Évalué à 5. Dernière modification le 12 juillet 2013 à 13:30.

hello,

j'ai shooté ta css dans mon debugger, le background est bien appliqué.
Du coup je me dis que c'est un problème de stylish, mais je ne sais pas du tout ce que c'est donc je n'ai pas poussé plus loin.

ceci est correct

        .code {
            font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #624949;
            background-color: #808080; border: #D1D7DC; border-style: solid;
            border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
            }

ceci je ne sais pas.

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

        @-moz-document domain("forums.cirad.fr") {

        }

finalement, as tu essayé en rajoutant des !important ?

        .code {
            background-color: #808080 !important; 
            }

Cela permet d'ajuster la priorité des règles lorsque l'ordre ne suffit plus

# !important

Posté par podoc le 12 juillet 2013 à 13:51. Évalué à 3.

J'ai eu le même soucis avec stylish.
La solution est de rajouté !important a la fin de chaque règle CSS.

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

@-moz-document domain("forums.cirad.fr") {
.code {
    font-family: Courier, 'Courier New', sans-serif !important; font-size: 11px !important; color: #624949 !important;
    background-color: #808080 !important; border: #D1D7DC!important; border-style: solid!important;
    border-left-width: 1px !important; border-top-width: 1px !important; border-right-width: 1px!important; border-bottom-width: 1px !important
    }

}

# Merci

Posté par Le Pnume le 12 juillet 2013 à 13:57. Évalué à 5.

Merci à tous les deux pour votre aide. L'utilisation de !important règle effectivement le problème.

Toute ma reconnaissance

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.

# xcvcxvxcvxc vx

# !important

# Merci