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

-40%
Le deal à ne pas rater :
Vélo d’appartement FYTTER – statique et ultra-pliable
150 € 249 €
Voir le deal

    [phpBB2] Coins des forums arrondis

    Zayl
    Zayl
    FémininAge : 30Messages : 5313

    le Dim 14 Juin 2009 - 15: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:
    [phpBB2] Coins des forums arrondis PrQjvxQ

    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
    Sparrow-style
    Sparrow-style
    FémininAge : 35Messages : 32055

    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



    sign
    Zayl
    Zayl
    FémininAge : 30Messages : 5313

    le Dim 14 Juin 2009 - 21:31

    Ah pas bête... Je testerais tiens ^^
    Riku Asakura
    Riku Asakura
    MasculinAge : 33Messages : 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 :
    https://www.never-utopia.com/trucs-et-astuces-f38/astuces-css-des-forums-f-a-t11576.htm#142745

    Bises



    [phpBB2] Coins des forums arrondis 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    brasko
    brasko
    FémininAge : 42Messages : 30

    le Sam 4 Juil 2009 - 0:29

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



    [phpBB2] Coins des forums arrondis Copiede11110
    Sparrow-style
    Sparrow-style
    FémininAge : 35Messages : 32055

    le Sam 4 Juil 2009 - 1:57

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



    sign
    brasko
    brasko
    FémininAge : 42Messages : 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.



    [phpBB2] Coins des forums arrondis Copiede11110
    Kazuya
    Kazuya
    MasculinAge : 27Messages : 1497

    le Sam 4 Juil 2009 - 14:19

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

    Spoiler:
    [phpBB2] Coins des forums arrondis DIUtWRTO5x
    [phpBB2] Coins des forums arrondis 6otxiXEoM0
    [phpBB2] Coins des forums arrondis 03v7JkNs4z



    [phpBB2] Coins des forums arrondis CKMiDeikSo
    brasko
    brasko
    FémininAge : 42Messages : 30

    le Sam 4 Juil 2009 - 15:34

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



    [phpBB2] Coins des forums arrondis Copiede11110
    Shigeru
    Shigeru
    MasculinAge : 25Messages : 1497

    le Mer 19 Aoû 2009 - 17:25

    Merci du partage Very Happy



    [phpBB2] Coins des forums arrondis 609890Naruto_1[phpBB2] Coins des forums arrondis Naruto10
    avatar
    fascicularia
    MasculinAge : 52Messages : 189

    le Mer 7 Oct 2009 - 23:28

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

    le Lun 16 Nov 2009 - 10:02

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

    le Ven 29 Jan 2010 - 18:56

    Super ! Merci beaucoup Very Happy
    Angel Kusanagi
    Angel Kusanagi
    FémininAge : 29Messages : 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.



    [phpBB2] Coins des forums arrondis AngelSigncopie
    ZN ~ Anko
    ZN ~ Anko
    MasculinAge : 30Messages : 357

    le Mer 29 Sep 2010 - 14:27

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



    [phpBB2] Coins des forums arrondis 295401SignAnji
    Thanks to Sui'

    Daft Kakashi
    Daft Kakashi
    MasculinAge : 27Messages : 1628

    le Sam 6 Nov 2010 - 18:25

    Un grand merci a toi!



    [phpBB2] Coins des forums arrondis Frankysignecopie
    [phpBB2] Coins des forums arrondis 4aa8c91ab2e59logo
    XXB
    XXB
    MasculinAge : 26Messages : 34

    le Dim 7 Nov 2010 - 17:26

    Merci sa ma bien aider ^^
    Sighild
    Sighild
    FémininAge : 33Messages : 224

    le Ven 10 Déc 2010 - 20:39

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

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

    le Dim 23 Jan 2011 - 13:21

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



    [phpBB2] Coins des forums arrondis WvHxu
    Black Diamond
    Black Diamond
    FémininAge : 31Messages : 90

    le Mer 16 Mar 2011 - 19:33

    Merci pour ce codage ^^



    [phpBB2] Coins des forums arrondis 134089sihgzr

    pretty little world
    pretty little world
    FémininAge : 27Messages : 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
    Minishiro
    FémininAge : 24Messages : 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.



    [phpBB2] Coins des forums arrondis WvHxu
    pretty little world
    pretty little world
    FémininAge : 27Messages : 9

    le Ven 17 Juin 2011 - 1:45

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

    le Ven 17 Juin 2011 - 19:49

    Merci beaucoup Very Happy



    BlueLife
    [phpBB2] Coins des forums arrondis 148235Signature2
    Sharky
    Sharky
    FémininAge : 27Messages : 16

    le Jeu 18 Aoû 2011 - 12:36

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


      La date/heure actuelle est Sam 4 Juil 2020 - 3:46