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.


    [CSS] Coins des forums arrondis

    Partagez
    Zayl
    MasculinAge : 28Messages : 5311

    le Dim 14 Juin 2009 - 15:28

    Plop,
    Un peu de CSS pour améliorer l'esthétique de vos forums ne fait jamais de mal. Celui-ci vous permet d'arrondir les coins de vos forums, il est évidement que les couleurs et pixels sont modifiables à souhaits pour obtenir des résultats personnalisés (=.


    Edit : a placer dans la feuille CSS
    ( PA -> Apparence -> Couleur -> Feuille CSS )

    exemple:
    Spoiler:

    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;}


    Dernière édition par Zayl le Mer 8 Juil 2009 - 10:13, édité 1 fois
    Okhmhaka
    FémininAge : 31Messages : 31714

    le Dim 14 Juin 2009 - 17:23

    Super ! ^^ Moi j'avais fait ça avec l'intérieur des cases des tables carrément, c'est pas mal aussi Razz

    Merci Zayl Wink



    Zayl
    MasculinAge : 28Messages : 5311

    le Dim 14 Juin 2009 - 21:31

    Ah pas bête... Je testerais tiens ^^
    Riku Asakura
    MasculinAge : 29Messages : 5736

    le Jeu 18 Juin 2009 - 2:19

    Merci.
    Je précise que cela ne fonctionne que sous Firefox bien entendu...
    Pour augmenter vos chances de succès sous les autres navigateurs, je vous invite à lire mon topic sur cet aspect :
    CSS 3 - Pour les vrais navigateurs
    Amélioration des angles

    J'ai ajouté ton astuce sur le topic déjà en place pour les astuces CSS des forums :
    http://www.never-utopia.com/trucs-et-astuces-f38/astuces-css-des-forums-f-a-t11576.htm#142745

    Bises




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    brasko
    FémininAge : 38Messages : 30

    le Sam 4 Juil 2009 - 0:29

    je doit être gaga, mais ou placer ceux code ?



    Okhmhaka
    FémininAge : 31Messages : 31714

    le Sam 4 Juil 2009 - 1:57

    Il te faut le mettre dans la Feuille CSS (Affichage > Couleurs > Feuille CSS)^^



    brasko
    FémininAge : 38Messages : 30

    le Sam 4 Juil 2009 - 10:25

    alors la sa deviens, trop compliqué pour moi dommage sa aurai fait plus jolie sur le forum.



    Kazuya
    MasculinAge : 24Messages : 1497

    le Sam 4 Juil 2009 - 14:19

    Tiens voilà brasko j'ai fait ça pour toi, en espérant t'aider =D

    Spoiler:






    brasko
    FémininAge : 38Messages : 30

    le Sam 4 Juil 2009 - 15:34

    ses géniale merci sa fait plus jolie comme sa :rerte:



    Shigeru
    MasculinAge : 22Messages : 1497

    le Mer 19 Aoû 2009 - 17:25

    Merci du partage Very Happy



    fascicularia
    MasculinAge : 48Messages : 181

    le Mer 7 Oct 2009 - 23:28

    Super cette astuce, un grand merci.
    survina
    FémininAge : 29Messages : 10

    le Lun 16 Nov 2009 - 10:02

    ca c'est genial merci ^^
    Blue-J
    FémininAge : 24Messages : 185

    le Ven 29 Jan 2010 - 18:56

    Super ! Merci beaucoup Very Happy
    Angel Kusanagi
    FémininAge : 25Messages : 30

    le Dim 31 Jan 2010 - 13:50

    J'aurais du passer sur N-U pour voir ce tuto.
    J'ai du moi-même chercher les codes -__-
    pour modifier mon forum.



    ZN ~ Anko
    MasculinAge : 27Messages : 357

    le Mer 29 Sep 2010 - 14:27

    Très joli effet =). Je garde ^^. Merci pour ce code Wink.




    Thanks to Sui'

    Daft Kakashi
    MasculinAge : 23Messages : 1628

    le Sam 6 Nov 2010 - 18:25

    Un grand merci a toi!




    XXB
    MasculinAge : 23Messages : 34

    le Dim 7 Nov 2010 - 17:26

    Merci sa ma bien aider ^^
    Sighild
    FémininAge : 29Messages : 132

    le Ven 10 Déc 2010 - 20:39

    Merci pour le code de cette petite astuce esthétique!

    Elle sera très utile!
    Minishiro
    FémininAge : 20Messages : 288

    le Dim 23 Jan 2011 - 13:21

    Je connaissais déjà, mais merci quand même. ^^



    Black Diamond
    FémininAge : 27Messages : 90

    le Mer 16 Mar 2011 - 19:33

    Merci pour ce codage ^^




    pretty little world
    FémininAge : 24Messages : 9

    le Ven 17 Juin 2011 - 1:35

    Je voulais savoir si il y avait un autre codage pour faire cela, et que sous safari l'effet puisse se voir. Car j'ai essayer ce code, mais sous safari impossible de voir l'arrondie.
    Merci
    Minishiro
    FémininAge : 20Messages : 288

    le Ven 17 Juin 2011 - 1:38

    Code:
    border-radius: 5px;

    Ça peut faire, mais je pense qu'on ne peut pas arrondir spécifiquement un coin de l'élément. En tout cas, je n'ai pas essayé, alors je ne peux pas te dire. Par contre, ça, ça marche sous Safari et sur iPod/iPhone.



    pretty little world
    FémininAge : 24Messages : 9

    le Ven 17 Juin 2011 - 1:45

    Je vais l'essayer demain , maintenant, dodo ^^
    Romantic_Lucky
    FémininAge : 21Messages : 13

    le Ven 17 Juin 2011 - 19:49

    Merci beaucoup Very Happy



    BlueLife
    Sharky
    FémininAge : 24Messages : 16

    le Jeu 18 Aoû 2011 - 12:36

    Code simple efficace... Pourquoi aller chercher Midi à 14h ;P
    Merciiii <3
    Contenu sponsorisé

    Aujourd'hui à 22:44


      La date/heure actuelle est Mar 6 Déc 2016 - 22:44