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
    En ligne
    Okhmhaka
    FémininAge : 31Messages : 31713

    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)



    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)
    Neva
    FémininAge : 25Messages : 18542

    le Mer 28 Mai 2014 - 10:27

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



     
    Apokalip'z
    MasculinAge : 23Messages : 287

    le Mer 28 Mai 2014 - 18:54

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



    Albator
    MasculinAge : 27Messages : 100

    le Jeu 29 Mai 2014 - 14:31

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

    le Ven 30 Mai 2014 - 2:56

    merci~~~~
    Clémentine
    FémininAge : 24Messages : 200

    le Ven 30 Mai 2014 - 15:39

    Merci! ^^



    MaryChou
    FémininAge : 20Messages : 16

    le Sam 31 Mai 2014 - 14:12

    merci du partage (:
    O'Daim
    FémininAge : 21Messages : 115

    le Dim 1 Juin 2014 - 0:04

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

    le Dim 1 Juin 2014 - 1:58

    Mercii Very Happy
    DaZeli
    FémininAge : 21Messages : 363

    le Dim 1 Juin 2014 - 21:44

    Merci!
    zbou
    FémininAge : 22Messages : 83

    le Lun 2 Juin 2014 - 12:08

    Merci beaucoup
    Onna
    FémininAge : 20Messages : 17

    le Mar 3 Juin 2014 - 14:06

    Merci.~
    0smose
    FémininAge : 21Messages : 153

    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.
    En ligne
    Cruelly
    FémininAge : 23Messages : 2415

    le Mer 4 Juin 2014 - 5:46

    Superbe merci :)



    Construction d'un forum en cours ! Vous pouvez me donner votre avis ou m'apporter votre soutiens dans mon WIP :hug:
    laura31500
    FémininAge : 14Messages : 49

    le Mer 4 Juin 2014 - 9:34

    Whoaw !
    Claclou02
    FémininAge : 18Messages : 46

    le Mer 4 Juin 2014 - 22:10

    cool
    Sachem
    FémininAge : 20Messages : 51

    le Jeu 5 Juin 2014 - 13:58

    Merci !
    Pito
    MasculinAge : 19Messages : 127

    le Jeu 5 Juin 2014 - 20:47

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

    le Jeu 5 Juin 2014 - 23:48

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

    le Ven 6 Juin 2014 - 15:24

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

    le Ven 6 Juin 2014 - 15:26

    Merci
    Thorn
    MasculinAge : 15Messages : 422

    le Ven 6 Juin 2014 - 20:02

    Merci !



    TATACARO13
    FémininAge : 41Messages : 80

    le Ven 6 Juin 2014 - 23:56

    merci





    Inoue Musaki
    FémininAge : 27Messages : 147

    le Sam 7 Juin 2014 - 13:54

    merci
    erwand59
    MasculinAge : 26Messages : 88

    le Sam 7 Juin 2014 - 21:27

    Très joli !
    Merci :)
    Contenu sponsorisé

    Aujourd'hui à 9:14


      La date/heure actuelle est Mar 6 Déc 2016 - 9:14