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é Lun 08 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 :

Superposer le bandeau "en ligne" sur l'avatar 919999Bandeau

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://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
Merci par avance pour votre aide. thumright


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

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 Lun 08 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://2img.net/i/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

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é Mar 09 Oct 2012, 13:10

Merci beaucoup. thumright
Anonymous

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

- Sujets similaires

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