Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Profil sous avatar en fondu | | Coucou Voici le code , les dimensions de l'avatar sont à mettre à tes dimensions, dans le template et le CSS. Dans le code viewtopic_body, cette ligne, qui donne la hauteur de l'encadre du profil à mettre la tienne. - Code:
-
style="margin-top:-300px;"> Dans le template viewtopic_body trouve cette ligne - Code:
-
<!-- BEGIN displayed --> Jusqu’à - Code:
-
<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> Copie colle ce code à la place: - Code:
-
<!-- BEGIN displayed --> <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" <div class="description4"><div style="display: block; text-align: center; width: 200px; height:300px; overflow:visible;">{postrow.displayed.POSTER_AVATAR}<div class="description4_contenu" style="margin-top:-300px;"><div style="OVERFLOW: auto; width: 200px; height: 300px; padding: 5px;font-variant:small-caps; text-shadow:1px 1px 1px white; font-size:14px;"><br /><div style="text-align:center; font-size:20px;">{postrow.displayed.POSTER_NAME}</div><center><i>{postrow.displayed.POSTER_RANK}</i></center><br /> Inscription : {postrow.displayed.POSTER_JOINED}<br /><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --></div></div></div> <div class="postdetails poster-profile">{postrow.displayed.RANK_IMAGE}</div> <br><span class="name pseudo"><center>{postrow.displayed.POSTER_RANK}</center><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong><div style="text-align:center; font-size:15px;">{postrow.displayed.POSTER_NAME}</div> <br /><br /> {postrow.displayed.POSTER_RPG} <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> Le CSS: - Code:
-
.description4 { display: block; width: 200px; margin: auto; height: 300px; overflow: hidden; transition:0.4s ease; }
.description4:hover { display: block; width: 200px; margin: auto; height: 300px; overflow: hidden; }
.description4_contenu { position: absolute; width: 200px; height: 300px; overflow: 400px; background-color: #e9f7fb; font-size: 13px; font-family:'Hobo std'; color: #000000; text-align: justify; padding:0px; opacity: 0; transform: all; transition: 1s; } .description4_contenu:hover { opacity: 0.8; transform: all; transition: 1s; } .postprofile-avatar img { border: none; height: 300px; width: 200px; border-radius: initial; } .avatar img { width:200px; height:300px; } |
| |