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.


    Cacher le profil sous l'avatar (dévoilé en hover)

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31725

    le Jeu 14 Juin 2012 - 16:26

    Rappel du premier message :

    Bonjour !

    Un petit code pour gagner un peu de place dans le profil des messages souvent très long : cacher le profil ! Contrairement à d'autres codes où celui-ci est mis en spoiler, ici il est présent sous l'avatar du joueur et il faut survoler celui-ci pour voir les informations du profil.

    Le résultat en images :

    =>

    Pour faire ce tutoriel vous aurez besoin de :
    - modifier le template viewtopic_body
    - ajouter un peu de CSS dans votre Feuille CSS
    - définir une taille fixe des avatars pour les membres, donc leur imposer une taille précise qui est dans mon exemple la plus répandue actuellement à savoir 200*320


    Postez à la suite pour voir le contenu du message, merci.


    Si vous utilisez ce tutoriel pour votre forum, merci de mettre un crédit à Never-Utopia ! Cela ne représente pas grand chose pour vous, mais beaucoup pour nous Wink


    Dernière édition par Sparrow-style le Jeu 28 Mar 2013 - 14:21, édité 3 fois (Raison : Merci à ninouee pour la correction d'un oublie d'élément du code)



    SuperSpaceCab
    MasculinAge : 32Messages : 36

    le Mer 28 Sep 2016 - 7:04

    Merci !
    Lireloth
    MasculinAge : 20Messages : 4

    le Mer 28 Sep 2016 - 21:32

    Merci !! :DD
    Liintu
    FémininAge : 27Messages : 48

    le Sam 1 Oct 2016 - 14:01

    Original et un rendu vraiment sympa
    Merci beaucoup !
    Twearky
    FémininAge : 22Messages : 6

    le Dim 2 Oct 2016 - 18:59

    Pas mal !
    MARLEY SMITH.
    FémininAge : 22Messages : 134

    le Jeu 6 Oct 2016 - 0:59

    Merci pour le tutoriel :)
    Lilou O'Neill
    FémininAge : 17Messages : 57

    le Jeu 6 Oct 2016 - 2:53

    Merci !
    Bully
    FémininAge : 14Messages : 38

    le Ven 7 Oct 2016 - 17:26

    merci
    Pamplemousse
    FémininAge : 26Messages : 31

    le Lun 10 Oct 2016 - 22:08

    Merci !!



    Argimpasa
    FémininAge : 25Messages : 67

    le Mer 12 Oct 2016 - 2:38

    Merci pour le codage.
    TiGraou
    MasculinAge : 23Messages : 149

    le Jeu 13 Oct 2016 - 15:15

    Merci
    Alborio
    MasculinAge : 17Messages : 12

    le Sam 15 Oct 2016 - 15:01

    Excellent travail.
    Louaque
    MasculinAge : 51Messages : 60

    le Sam 22 Oct 2016 - 21:49

    Bonsoir,

    décidément, chaque fois qu'un code me plait bien, c'est toi le créateur!!!
    Merci.
    Bryan1997
    MasculinAge : 19Messages : 51

    le Dim 23 Oct 2016 - 14:13

    MERCI A TOI
    STL
    FémininAge : 41Messages : 12

    le Dim 30 Oct 2016 - 0:17

    Merci pour ce partage. Very Happy
    Voyageur-B21E3
    MasculinAge : 22Messages : 35

    le Sam 5 Nov 2016 - 21:35

    Merci !
    Justin237
    MasculinAge : 18Messages : 8

    le Dim 6 Nov 2016 - 0:01

    Yeyy
    îra
    FémininAge : 20Messages : 2

    le Lun 7 Nov 2016 - 0:01

    Merci =D
    Cendre de Lune
    FémininAge : 53Messages : 6

    le Lun 7 Nov 2016 - 19:13

    Merci pour ce tuto que je recherchais
    thidabou
    FémininAge : 15Messages : 31

    le Jeu 10 Nov 2016 - 22:44

    Merci beaucoup !
    Alancar
    MasculinAge : 19Messages : 55

    le Mar 22 Nov 2016 - 1:11

    Merci beaucoup :)
    Contenu sponsorisé

    Aujourd'hui à 7:02


      La date/heure actuelle est Dim 11 Déc 2016 - 7:02