Superposer le bandeau "en ligne" sur l'avatar

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Superposer le bandeau "en ligne" sur l'avatar

Message par Invité le Lun 8 Oct 2012 - 11:30

Bonjour,

Je souhaiterais superposer le bandeau "en ligne" sur l'avatar (comme sur mon montage ci-dessous), de façon à ce qu'il soit positionné en haut et à droite de l'avatar :



Partie correspondante du template viewtopic_body (modifié) :

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}"></a><strong><center><div class="typeprof">{postrow.displayed.POSTER_NAME}</strong></div></span>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}</center><br />
                          {postrow.displayed.RANK_IMAGE}<center>{postrow.displayed.POSTER_AVATAR}{postrow.displayed.ONLINE_IMG}</center><br />
                                <!-- BEGIN profile_field -->
            <center>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</center>
            <!-- END profile_field --><br />
                                <center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <!-- BEGIN contact_field -->      {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></center>
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
Merci par avance pour votre aide. thumright


Dernière édition par Tenebraska le Mar 9 Oct 2012 - 13:11, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Superposer le bandeau "en ligne" sur l'avatar

Message par Freyja des Terres de Wyrd le Lun 8 Oct 2012 - 17:37

Bonsoir =)

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}"></a><strong><center><div class="typeprof">{postrow.displayed.POSTER_NAME}</strong></div></span>
                    <span class="postdetails poster-profile">
                    {postrow.displayed.POSTER_RANK}</center><br />
                                  {postrow.displayed.RANK_IMAGE}
               <span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>
                    <div align="center">{postrow.displayed.POSTER_AVATAR}</div>
                              <!-- BEGIN profile_field -->
                    <center>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</center>
                    <!-- END profile_field --><br />
                                        <center>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} <!-- BEGIN contact_field -->      {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></center>
                    {postrow.displayed.POSTER_RPG}
                </span><br />
                <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
              </td>

J'ai attribué la class icon_online au bandeau en ligne donc, maintenant, il faut aller dans le CSS et ajouter ceci :

Code:
.icon_online {
  position:absolute;
  margin-top: 0px;
  margin-left:102px;
}
Si le forum concerné est bien celui du profil, les paramètres devraient être bons =) Au besoin, modifiez la valeur du margin-left Wink

Bonne soirée !

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposer le bandeau "en ligne" sur l'avatar

Message par Invité le Mar 9 Oct 2012 - 13:10

Merci beaucoup. thumright

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum