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.


    [phpBB2] Coins des forums arrondis

    Partagez
    avatar
    Zayl
    MasculinAge : 29Messages : 5311

    le Dim 14 Juin 2009 - 13:28


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    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 - 8:13, édité 1 fois
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Dim 14 Juin 2009 - 15: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



    avatar
    Zayl
    MasculinAge : 29Messages : 5311

    le Dim 14 Juin 2009 - 19:31

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

    le Jeu 18 Juin 2009 - 0: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
    avatar
    brasko
    FémininAge : 39Messages : 30

    le Ven 3 Juil 2009 - 22:29

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



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Ven 3 Juil 2009 - 23:57

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



    avatar
    brasko
    FémininAge : 39Messages : 30

    le Sam 4 Juil 2009 - 8:25

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



    avatar
    Kazuya
    MasculinAge : 25Messages : 1497

    le Sam 4 Juil 2009 - 12:19

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

    Spoiler:






    avatar
    brasko
    FémininAge : 39Messages : 30

    le Sam 4 Juil 2009 - 13:34

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



    avatar
    Shigeru
    MasculinAge : 23Messages : 1497

    le Mer 19 Aoû 2009 - 15:25

    Merci du partage Very Happy



    fascicularia
    MasculinAge : 49Messages : 181

    le Mer 7 Oct 2009 - 21:28

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

    le Lun 16 Nov 2009 - 9:02

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

    le Ven 29 Jan 2010 - 17:56

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

    le Dim 31 Jan 2010 - 12: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.



    avatar
    ZN ~ Anko
    MasculinAge : 28Messages : 357

    le Mer 29 Sep 2010 - 12:27

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




    Thanks to Sui'

    avatar
    Daft Kakashi
    MasculinAge : 24Messages : 1628

    le Sam 6 Nov 2010 - 17:25

    Un grand merci a toi!




    avatar
    XXB
    MasculinAge : 24Messages : 34

    le Dim 7 Nov 2010 - 16:26

    Merci sa ma bien aider ^^
    avatar
    Sighild
    FémininAge : 30Messages : 149

    le Ven 10 Déc 2010 - 19:39

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

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

    le Dim 23 Jan 2011 - 12:21

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



    avatar
    Black Diamond
    FémininAge : 28Messages : 90

    le Mer 16 Mar 2011 - 18:33

    Merci pour ce codage ^^




    avatar
    pretty little world
    FémininAge : 24Messages : 9

    le Jeu 16 Juin 2011 - 23: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
    avatar
    Minishiro
    FémininAge : 21Messages : 288

    le Jeu 16 Juin 2011 - 23: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.



    avatar
    pretty little world
    FémininAge : 24Messages : 9

    le Jeu 16 Juin 2011 - 23:45

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

    le Ven 17 Juin 2011 - 17:49

    Merci beaucoup Very Happy



    BlueLife
    avatar
    Sharky
    FémininAge : 25Messages : 16

    le Jeu 18 Aoû 2011 - 10:36

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


      La date/heure actuelle est Jeu 19 Oct 2017 - 16:34