Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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.


    [Html & CSS] Personnalisés vos sous-forum.

    Partagez
    MasculinAge : 24Message(s) : 1865
    Sui'
    le Jeu 30 Sep 2010 - 13:31
    |♪ Niveau: Facile ♪|♪ Aperçu: Clik' ♪|


    Hello!

    Ce tutoriel vous expliquera comment personnaliser vos forum, oui j'ai bien dit forum Very Happy certains les nomment "sous-forum" mais il s'agit en faite de forum qui se situe à l’intérieur d'une catégorie Wink (enfin nous embrouillons pas la dedans hein?)

    Accéder à votre Panneau d'administration -> Affichage -> Structure et Hiérarchie: Cocher moyen sur la deuxième lien.

    Exemple en image -> Clik'


    Enregistrer les modifications faites puis dirigez vous dans: Général -> Catégories et Forums et modifier un de vos forum.

    Exemple en image -> Clik'


    Dans la Zone "Nom du Forum" vous allez encadrer vos titres comme ceci:

    Code:
    <span class="forum">Règlement</span>

    Vous aurez donc compris que le procéder est long si vous possédez beaucoup de forum x).
    Enregistrer la modification puis dirigez-vous dans Affichage -> Couleur -> Feuille de style CSS, et collez ce code à la fin:

    Code:
    .forum{
            padding: 3px 10px; 
            background: #FFF;
            color: #000;
            border: 1px solid #707070; 
            border-radius: 5px;}

    C'est un code CSS simple à vous de personnalisez Wink.

    N'oublier pas de valider et le tour est joué!!
    |♪ A bientôt! ♪|




    Merci beaucoup Woo pour ce kit *-*

    Sui' Art's
    MasculinAge : 22Message(s) : 69
    Tobi-Uchiwa
    le Mer 17 Nov 2010 - 22:44
    Je veux voir


    MasculinAge : 21Message(s) : 1686

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Pti' Biscuit
    le Mer 29 Déc 2010 - 15:41
    Comment lui faire changer la forme ?




    ~ Canonnier of Calypso ~
    MasculinAge : 23Message(s) : 1971

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lucky Numb£r
    le Mer 29 Déc 2010 - 20:52
    Plop ! Il suffit de changer les propriétés dans le CSS. Par exemple 'border-radius: 5px;' par 'border-radius: 25px;' j'en passe et des meilleures.


    FémininAge : 25Message(s) : 84
    Nyla
    le Sam 12 Mar 2011 - 23:56
    Bon, comme quoi, j'arrive rien...
    ça marche pas...><
    FémininAge : 33Message(s) : 10
    Naoko
    le Ven 24 Juin 2011 - 23:04
    merci
    MasculinAge : 20Message(s) : 25
    Davy
    le Mer 18 Jan 2012 - 15:05
    Veux voir
    FémininAge : 19Message(s) : 28
    Chroma
    le Dim 29 Jan 2012 - 12:34
      Ca serait possible d'enlever le cadre autour ?
    MasculinAge : 20Message(s) : 30
    Kakuu
    le Ven 20 Avr 2012 - 19:59
    Merci :)))


    FémininAge : 16Message(s) : 56
    lapinou-doux
    le Mer 20 Fév 2013 - 23:27
    Merci =:)
    MasculinAge : 22Message(s) : 75
    dean winchester
    le Dim 17 Juil 2016 - 16:07
    merci
    FémininAge : 24Message(s) : 1355

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Dim 17 Juil 2016 - 23:41
    Merci pour le partage !
    Contenu sponsorisé
    Aujourd'hui à 8:59

      La date/heure actuelle est Sam 1 Oct 2016 - 8:59