Forum Programmation.autre Css et stylish

Posté par . Licence CC by-sa
Tags : aucun
3
12
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 . Évalué à 5. Dernière modification le 12/07/13 à 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 . É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 . É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 à ceux qui les ont postés. Nous n'en sommes pas responsables.