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
    aryanon
    MasculinAge : 19Messages : 50

    le Mar 27 Mai 2014 - 20:42

    Le code est super!! mais j'ai l'impression que ma Teamplate n'est pas bonne xD vu que je trouve pas ceci à la ligne 90, ni ailleurs dans la TP x)
    avatar
    Neva
    FémininAge : 26Messages : 18564

    le Mer 28 Mai 2014 - 10:27

    Salut aryanon,
    Si tu as un problème, c'est dans cette partie qu'il faut poster ^^



     
    avatar
    Apokalip'z
    MasculinAge : 24Messages : 290

    le Mer 28 Mai 2014 - 18:54

    Toujours aussi géniaux tes tutos Captain Razz
    Merci ^^



    avatar
    Albator
    MasculinAge : 27Messages : 100

    le Jeu 29 Mai 2014 - 14:31

    OHO ! L'oeuvre du captain  :captain: 
    Gedomaru
    FémininAge : 20Messages : 69

    le Ven 30 Mai 2014 - 2:56

    merci~~~~
    avatar
    Clémentine
    FémininAge : 25Messages : 202

    le Ven 30 Mai 2014 - 15:39

    Merci! ^^



    avatar
    MaryChou
    FémininAge : 20Messages : 16

    le Sam 31 Mai 2014 - 14:12

    merci du partage (:
    avatar
    O'Daim
    FémininAge : 22Messages : 116

    le Dim 1 Juin 2014 - 0:04

    Merci o/
    avatar
    Susan Storm
    FémininAge : 37Messages : 77

    le Dim 1 Juin 2014 - 1:58

    Mercii Very Happy
    avatar
    DaZeli
    FémininAge : 21Messages : 377

    le Dim 1 Juin 2014 - 21:44

    Merci!
    avatar
    zbou
    FémininAge : 23Messages : 83

    le Lun 2 Juin 2014 - 12:08

    Merci beaucoup
    avatar
    Onna
    FémininAge : 20Messages : 17

    le Mar 3 Juin 2014 - 14:06

    Merci.~
    avatar
    0smose
    FémininAge : 21Messages : 162

    le Mar 3 Juin 2014 - 15:12

    J'adore ce genre de mise en page ! Merci beaucoup pour cette petite aide qui me sera très précieuse ! Le crédit sera ajouté. Very Happy





    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    avatar
    Cruelly
    FémininAge : 24Messages : 2543

    le Mer 4 Juin 2014 - 5:46

    Superbe merci :)




    avatar
    laura31500
    FémininAge : 15Messages : 49

    le Mer 4 Juin 2014 - 9:34

    Whoaw !
    Claclou02
    FémininAge : 19Messages : 46

    le Mer 4 Juin 2014 - 22:10

    cool
    avatar
    Sachem
    FémininAge : 20Messages : 51

    le Jeu 5 Juin 2014 - 13:58

    Merci !
    avatar
    Pito
    MasculinAge : 20Messages : 127

    le Jeu 5 Juin 2014 - 20:47

    ayant quelques soucis avec mon hover; ça pourrait m'être utile. Merci o/
    avatar
    memoriam
    FémininAge : 25Messages : 71

    le Jeu 5 Juin 2014 - 23:48

    oh c'est parfait merci :3
    avatar
    Bzzzz
    FémininAge : 33Messages : 82

    le Ven 6 Juin 2014 - 15:24

    Merci beaucoup pour ce profil magnifique ^^
    avatar
    Eirlys
    FémininAge : 25Messages : 62

    le Ven 6 Juin 2014 - 15:26

    Merci
    avatar
    Thorn
    MasculinAge : 16Messages : 431

    le Ven 6 Juin 2014 - 20:02

    Merci !



    TATACARO13
    FémininAge : 42Messages : 80

    le Ven 6 Juin 2014 - 23:56

    merci





    avatar
    Inoue Musaki
    FémininAge : 27Messages : 147

    le Sam 7 Juin 2014 - 13:54

    merci
    avatar
    erwand59
    MasculinAge : 27Messages : 88

    le Sam 7 Juin 2014 - 21:27

    Très joli !
    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Sam 29 Juil 2017 - 13:40