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 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 :

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 9 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 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://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 9 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