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.

-19%
Le deal à ne pas rater :
PC portable MSI Gaming Pulse 16” -Ultra7 155H -16Go/512 Go
1299 € 1599 €
Voir le deal

    [phpBB2] Coins des forums arrondis

    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Dim 14 Juin 2009 - 15:28

    #css #auteur_Zayl #phpBB2

    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 - 10:13, édité 1 fois
    • Revenir en haut
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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
    • Revenir en haut
    Zayl
    Zayl
    FémininAge : 34Messages : 5313

    Dim 14 Juin 2009 - 21:31

    Ah pas bête... Je testerais tiens ^^
    • Revenir en haut
    Riku Asakura
    Riku Asakura
    MasculinAge : 37Messages : 5736

    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
    • Revenir en haut
    brasko
    brasko
    FémininAge : 46Messages : 30

    Sam 4 Juil 2009 - 0:29

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



    [phpBB2] Coins des forums arrondis Copiede11110
    • Revenir en haut
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Sam 4 Juil 2009 - 1:57

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



    sign
    • Revenir en haut
    brasko
    brasko
    FémininAge : 46Messages : 30

    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
    • Revenir en haut
    Kazuya
    Kazuya
    MasculinAge : 32Messages : 1499

    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 CKMiDeikSo
    • Revenir en haut
    brasko
    brasko
    FémininAge : 46Messages : 30

    Sam 4 Juil 2009 - 15:34

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



    [phpBB2] Coins des forums arrondis Copiede11110
    • Revenir en haut
    Shigeru
    Shigeru
    MasculinAge : 30Messages : 1497

    Mer 19 Aoû 2009 - 17:25

    Merci du partage Very Happy



    [phpBB2] Coins des forums arrondis 609890Naruto_1[phpBB2] Coins des forums arrondis Naruto10
    • Revenir en haut
    avatar
    fascicularia
    MasculinAge : 56Messages : 189

    Mer 7 Oct 2009 - 23:28

    Super cette astuce, un grand merci.
    • Revenir en haut
    survina
    survina
    FémininAge : 37Messages : 10

    Lun 16 Nov 2009 - 10:02

    ca c'est genial merci ^^
    • Revenir en haut
    Blue-J
    Blue-J
    FémininAge : 32Messages : 185

    Ven 29 Jan 2010 - 18:56

    Super ! Merci beaucoup Very Happy
    • Revenir en haut
    Angel Kusanagi
    Angel Kusanagi
    FémininAge : 33Messages : 30

    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
    • Revenir en haut
    ZN ~ Anko
    ZN ~ Anko
    MasculinAge : 35Messages : 357

    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'

    • Revenir en haut
    Daft Kakashi
    Daft Kakashi
    MasculinAge : 31Messages : 1628

    Sam 6 Nov 2010 - 18:25

    Un grand merci a toi!



    [phpBB2] Coins des forums arrondis Frankysignecopie
    [phpBB2] Coins des forums arrondis 4aa8c91ab2e59logo
    • Revenir en haut
    XXB
    XXB
    MasculinAge : 31Messages : 34

    Dim 7 Nov 2010 - 17:26

    Merci sa ma bien aider ^^
    • Revenir en haut
    Sighild
    Sighild
    FémininAge : 37Messages : 225

    Ven 10 Déc 2010 - 20:39

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

    Elle sera très utile!
    • Revenir en haut
    Minishiro
    Minishiro
    FémininAge : 28Messages : 288

    Dim 23 Jan 2011 - 13:21

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



    [phpBB2] Coins des forums arrondis WvHxu
    • Revenir en haut
    Black Diamond
    Black Diamond
    FémininAge : 35Messages : 90

    Mer 16 Mar 2011 - 19:33

    Merci pour ce codage ^^



    [phpBB2] Coins des forums arrondis 134089sihgzr

    • Revenir en haut
    pretty little world
    pretty little world
    FémininAge : 32Messages : 9

    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
    • Revenir en haut
    Minishiro
    Minishiro
    FémininAge : 28Messages : 288

    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
    • Revenir en haut
    pretty little world
    pretty little world
    FémininAge : 32Messages : 9

    Ven 17 Juin 2011 - 1:45

    Je vais l'essayer demain , maintenant, dodo ^^
    • Revenir en haut
    Romantic_Lucky
    Romantic_Lucky
    FémininAge : 29Messages : 13

    Ven 17 Juin 2011 - 19:49

    Merci beaucoup Very Happy



    ☾Blue★Life☽
    [phpBB2] Coins des forums arrondis 148235Signature2
    • Revenir en haut
    Sharky
    Sharky
    FémininAge : 32Messages : 16

    Jeu 18 Aoû 2011 - 12:36

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

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Jeu 21 Nov 2024 - 13:20