AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-20%
Le deal à ne pas rater :
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, 144 Hz, FreeSync ...
399 € 499 €
Voir le deal

    Aide CSS

    Miyashi
    Miyashi
    MasculinAge : 38Messages : 750

    Mar 16 Juin 2009 - 16:59

    Bonjour !

    Voilà mon problème, j'aimerais modifier la forme de mes cadre spoiler, code et citation.
    En cherchant je suis tombé sur cet aide de Riku :

    CSS News

    J'ai beaucoup aimé le cadre ci-dessous :

    Code:
    .p_round {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomright: 6px;
    background-color: lightblue;
    border: 3px solid white;
    color: black;
    width: 180px;
    }
    Aide CSS Aaaaaa11

    Mais le problème c'est que je ne sait pas comment ajouter le code et où l'ajouter ou le remplacer, je m'y connais pas du tout dans ce domaine là.

    J'aurais aimer avoir le même type pour :

    • citation : vert clair
    • code : violet pale
    • spoiler : bleu comme dans le tuto ci dessus.

    Merci d'avance pour vos réponses.




    Dernière édition par Miyashi le Jeu 25 Juin 2009 - 14:13, édité 1 fois



    Aide CSS Sans_t11
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mar 16 Juin 2009 - 18:50

    Cette question doit plutôt être posée dans "Aide" > "Forum" ou "Codage" ^^

    [Je déplace]

    Pour te répondre, déjà les citations et les spoilers ont la même "class" et donc seront identiques.

    (et je répondrais plus précisément quand mon pc arrêtera de ramer)



    sign
    Miyashi
    Miyashi
    MasculinAge : 38Messages : 750

    Mer 24 Juin 2009 - 10:00

    up



    Aide CSS Sans_t11
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mer 24 Juin 2009 - 11:03

    Voici pour la mise en forme des codes :

    Code:
    .code {
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-bottomright: 6px;
        background-color: #986ba3;
        border: 3px solid white;
    padding: 5px;
        color: #340e45;
        width: 180px;
    }

    ... et les citations / spoiler (indissociables) :

    Code:
    .quote {
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-bottomright: 6px;
        background-color: #97de96;
        border: 3px solid white;
    padding: 5px;
        color: #0e1f0d;
        width: 180px;
    }

    J'ai ajouté un "padding" afin que les lettres ne soient pas collées à la bordure.



    sign
    Miyashi
    Miyashi
    MasculinAge : 38Messages : 750

    Mer 24 Juin 2009 - 14:58

    merci beaucoup sparrow, ça marche ^^



    Aide CSS Sans_t11
    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Jeu 25 Juin 2009 - 2:26

    Quand une demande est résolue, pense à ajouter l'icone FINI please ^^
    Contenu sponsorisé


      La date/heure actuelle est Jeu 2 Mai 2024 - 3:15