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.


    Profil en hover avec perspective

    Partagez
    FémininAge : 19Message(s) : 486

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    5/10  (5/10)
    Alumine
    le Dim 20 Sep 2015 - 16:01
    Rappel du premier message :

    Profil en hover avec perspective





    Hello all ! Bon bah voilà, encore un profil, avec une petite transition cool et les infos à l'intérieur sur des petites bandes... bref.

       
    PHPBB2 - Template et CSS - taille de l'avatar adaptable - Aperçu - Aperçu à l'ouverture



    Et un autre aperçu, pour la transition...





    Template


    Ok, dans le panneau d'admin > affichage > templates > général > viewtopic-body, cherchez ceci (vers la ligne 139)
    Code:
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
     <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
     <span class="postdetails poster-profile">
     {postrow.displayed.POSTER_RANK}<br />
     {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
     <!-- BEGIN profile_field -->
     {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     <!-- END profile_field -->
     {postrow.displayed.POSTER_RPG}
     </span><br />
     <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
     </td>

    Supprimez, et remplacez par ça :


    Là, sur la première ligne vous trouverez ça:
    Code:
    min-height:320px;
    Vous pouvez adapter cette hauteur en fonction de la hauteur des avatars de votre forum; il s'agit de la hauteur minimum d'un message (si le message est plus petit que l'avatar, les avatars des différents messages vont se chevaucher, ce qui serait fâcheux...)



    CSS

    Ensuite validez, publiez le template, puis rendez vous dans affichage > couleurs > feuille de style CSS, et ajoutez ceci à votre code:



    A priori vous ne devriez pas avoir besoin de modifier autre chose que les lignes commentées... Enregistrez, et tout devrait fonctionner !


    Code mis sous hide - Merci de laisser un crédit à N-U quelque part sur votre forum !


    Dernière édition par Alumine le Lun 21 Sep 2015 - 21:18, édité 1 fois



    Before...:

    mon ange gardien ♥
    FémininAge : 53Message(s) : 38
    Sophie2
    le Mer 22 Juin 2016 - 16:58
    Merci.
    FémininAge : 20Message(s) : 30
    Electro
    le Ven 1 Juil 2016 - 13:23
    merciiii
    FémininAge : 21Message(s) : 28
    andie_xcv
    le Sam 2 Juil 2016 - 21:41
    Ce code a l'air super ! Merci :)
    FémininAge : 27Message(s) : 147
    Inoue Musaki
    le Dim 3 Juil 2016 - 18:42
    merci
    FémininAge : 20Message(s) : 18
    Lynnakiel
    le Dim 3 Juil 2016 - 19:51
    Merci ! Je vais tester ça Wink
    MasculinAge : 17Message(s) : 33
    Nekrofyre
    le Lun 4 Juil 2016 - 2:23
    joli
    FémininAge : 22Message(s) : 99
    Dearborn
    le Dim 10 Juil 2016 - 11:02
    Merci!
    FémininAge : 24Message(s) : 35
    Eryu
    le Lun 18 Juil 2016 - 19:09
    L'effet est vraiment intéressant je trouve ^^ Du coup ça me donne envie d'essayer 'w'
    Merci donc pour ce code !
    FémininAge : 21Message(s) : 104
    Ombinou
    le Sam 23 Juil 2016 - 1:02
    Merci beaucoup. C'est très original
    MasculinAge : 23Message(s) : 34
    EOS
    le Dim 24 Juil 2016 - 13:55
    Merci
    MasculinAge : 18Message(s) : 522

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Ryukaï
    le Mar 26 Juil 2016 - 16:42
    merci Very Happy


    FémininAge : 17Message(s) : 298

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Merwyn Arehdel
    le Jeu 28 Juil 2016 - 15:31
    Wow merci ! :)


    Just want to be yours.
    FémininAge : 13Message(s) : 21
    Mistiny
    le Ven 29 Juil 2016 - 17:54
    J'adore ! Merci beaucoup pour le partage ! ^^
    MasculinAge : 27Message(s) : 51
    ShiShi_Chan
    le Lun 1 Aoû 2016 - 1:53
    Super astuce ! Merci bien *_*
    FémininAge : 15Message(s) : 3
    nikuchips
    le Sam 6 Aoû 2016 - 21:21
    Merci :3
    FémininAge : 20Message(s) : 85

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    NekoMiaouw
    le Mar 23 Aoû 2016 - 15:43
    J'aime beaucoup ce système, merci!


    MasculinAge : 16Message(s) : 9
    Liumi
    le Lun 29 Aoû 2016 - 22:12
    merci :)
    MasculinAge : 14Message(s) : 51
    Nyroc
    le Ven 9 Sep 2016 - 21:37
    Merci ^^


    FémininAge : 22Message(s) : 50
    witm
    le Jeu 15 Sep 2016 - 19:38
    merci beaucoup :heart:
    FémininAge : 23Message(s) : 30
    Yunroxas
    le Sam 24 Sep 2016 - 20:17
    Merci, le principe est génial
    FémininAge : 25Message(s) : 51

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    noksye
    le Mar 27 Sep 2016 - 0:24
    Merci !
    FémininAge : 28Message(s) : 56
    Noubil
    le Jeu 13 Oct 2016 - 23:55
    J'adore :love:
    MasculinAge : 19Message(s) : 11
    Star Rock Shooter
    le Ven 14 Oct 2016 - 17:52
    Merci beaucoup ! :bisou:
    FémininAge : 29Message(s) : 26
    leviarthrite
    le Ven 14 Oct 2016 - 19:05
    Merci
    MasculinAge : 17Message(s) : 12
    Alborio
    le Jeu 27 Oct 2016 - 14:00
    Merci!
    Contenu sponsorisé
    Aujourd'hui à 3:25

      La date/heure actuelle est Sam 3 Déc 2016 - 3:25