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
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    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)



    avatar
    ClaryF
    FémininAge : 27Messages : 135

    le Mer 25 Juin 2014 - 14:56

    Merci !
    avatar
    Liu-1
    FémininAge : 18Messages : 7

    le Mer 25 Juin 2014 - 22:12

    Euh ...... je trouve pas le code pour le template



    avatar
    Tempy
    FémininAge : 19Messages : 76

    le Ven 27 Juin 2014 - 23:12

    Merci du partage !
    avatar
    Heartfilia
    FémininAge : 17Messages : 98

    le Sam 28 Juin 2014 - 20:13

    Merci ! *^*



    YOU HELLA SAVED MY LIFE
    - chloe price
    avatar
    taissafarmiga
    FémininAge : 17Messages : 6

    le Sam 28 Juin 2014 - 22:30

    Merci !
    avatar
    Noizy.
    MasculinAge : 19Messages : 43

    le Dim 29 Juin 2014 - 14:22

    merci
    avatar
    Yukiji
    FémininAge : 17Messages : 93

    le Lun 30 Juin 2014 - 0:50

    Merci!



    avatar
    CaraDelevngnie
    FémininAge : 18Messages : 368

    le Lun 30 Juin 2014 - 14:08

    J'avais déjà dit merci, mais vu que je n'accède plus aux codes, je reposte un tit message x)



    avatar
    Stitch56
    FémininAge : 24Messages : 199

    le Lun 30 Juin 2014 - 20:46

    Marchi ça ait plaisir Dabisous ♥
    avatar
    Kathee
    FémininAge : 24Messages : 665

    le Mar 1 Juil 2014 - 15:32

    Merci beaucoup Sparrow, c'est magnifique ><





    Nous serions ravis de vous accueillir - Venez donc voir ce petit petit fofo
    avatar
    Anguis
    FémininAge : 26Messages : 28

    le Mer 2 Juil 2014 - 16:09

    merci :)
    avatar
    LatInna
    FémininAge : 22Messages : 22

    le Mer 2 Juil 2014 - 19:25

    J'adore, merci beaucoup !
    avatar
    Mello
    FémininAge : 20Messages : 52

    le Jeu 3 Juil 2014 - 16:23

    Merci
    avatar
    Piratress
    FémininAge : 20Messages : 213

    le Ven 4 Juil 2014 - 21:27

    Merci c'est sympatoche comme code :3
    avatar
    Marwin
    MasculinAge : 25Messages : 47

    le Dim 6 Juil 2014 - 2:09

    Merci °1)
    avatar
    Invité

    le Dim 6 Juil 2014 - 12:20

    Merci ^^'
    avatar
    Archeos
    FémininAge : 21Messages : 60

    le Lun 7 Juil 2014 - 10:16

    Merci pour le partage :)



    avatar
    Doctor Who
    MasculinAge : 24Messages : 160

    le Lun 7 Juil 2014 - 13:35

    Merci x)





    DOCTOR WHO ☼
    © Yamashita d'épicode
    avatar
    smily
    FémininAge : 18Messages : 64

    le Mer 9 Juil 2014 - 16:06

    Merci !
    Claclou02
    FémininAge : 19Messages : 46

    le Mer 9 Juil 2014 - 19:10

    Merci !
    avatar
    Zeroo
    FémininAge : 22Messages : 76

    le Jeu 10 Juil 2014 - 11:55

    Un code qui me sera très utile...
    Un grand merci à toi ^^
    avatar
    Eshon
    FémininAge : 36Messages : 191

    le Ven 11 Juil 2014 - 10:58

    Merci !
    avatar
    Invité

    le Dim 13 Juil 2014 - 18:31

    Merchi!
    avatar
    stubbornEmpire
    FémininAge : 17Messages : 38

    le Dim 13 Juil 2014 - 20:27

    Merci beaucoup, c'est génial!
    avatar
    Myfanwi
    FémininAge : 20Messages : 82

    le Lun 14 Juil 2014 - 16:37

    Merci Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Jeu 14 Déc 2017 - 19:49