AccueilFAQRechercherMembresGroupesS'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.


    Astuce : coins de forums arrondis sous autres que Mozilla Firefox

    Partagez
    Sysy
    FémininAge : 23Messages : 131

    le Mer 5 Oct - 7:05

    Voilà ! J'ai trouvé une astuce bien utile : comment avoir des coins de forums arrondis sous un navigateur autre que Firefox...
    Allez dans : P.A -> Affichage -> Couleurs -> Feuille de style CSS.

    Code original :
    Code:
    .forumline{
    background-color: #B1C6C7;
    -moz-border-radius: 0px 0px 14px 14px ;
    border-bottom: 8px #B1C6C7 solid;
    border-top: 1px #B1C6C7 dotted;
    border-right: 1px #B1C6C7 solid;
    border-left: 1px #B1C6C7 dotted;}

    Il ne marche que sous Firefox.
    Effacez :
    moz-

    Ce qui donnera :
    Code:
    .forumline{
    background-color: #B1C6C7;
    border-radius: 0px 0px 14px 14px ;
    border-bottom: 8px #B1C6C7 solid;
    border-top: 1px #B1C6C7 dotted;
    border-right: 1px #B1C6C7 solid;
    border-left: 1px #B1C6C7 dotted;}

    Explication du code :

    backround-color correspond au cadre des cellules (voir dans Couleurs pour mieux comprendre)
    border-radius correspond aux coins arrondis (dans l'ordre : haut-gauche, haut-droite, bas-gauche, bas-droite). Les 0px indiquent le côté à ne pas arrondir.
    border-bottom correspond au côté du bas.
    border-top correspond au côté du haut.
    border-right correspond au côté droit.
    border-left correspond au côté gauche.


    Ne me pendez pas si je dis n'importe quoi !


    Dernière édition par Karoline le Dim 9 Oct - 15:56, édité 2 fois
    Okhmhaka
    FémininAge : 31Messages : 31721

    le Mer 5 Oct - 8:28

    Je me permet de corriger^^ Le code donné fonctionne sous les navigateurs les plus récents (lorsqu'ils son à jours, dans leur dernière version).
    Pour rendre le code compatible avec la plupart des navigateurs même s'ils ne sont pas à jour (sauf IE qui fait jamais rien comme tout le monde et qui est pourris dans ses anciennes versions), il faut mettre d'autres "préfixes" tels que -o-, -webkit-, -htm- ...

    Je conseille d'utiliser ce générateur : Générateur border radius.

    Ca permet d'avoir les bons codes avec les bons angles arrondis Wink



    Sysy
    FémininAge : 23Messages : 131

    le Lun 10 Oct - 11:04

    Voilà, j'ai modifié, c'est quand même mieux... XD
    Contenu sponsorisé

    Aujourd'hui à 0:59


      La date/heure actuelle est Sam 10 Déc - 0:59