Mettre "en ligne" sur l'avatar

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

Résolu Mettre "en ligne" sur l'avatar

Message par Marilou1980 le Dim 24 Fév 2013 - 8:50

Bonjour bonjour, j'espère que j'ai le droit de poster ceci.( me fouetter pas, supprimé juste mon message Snifouillle )
Je cherche depuis un petit moment a faire cela,(le online a coter "adroite et ou sur l'avatar"), mais mon Template et tout modifier (on vient même de le modifier encore ^^)
Toute mes tentatives ont donné un résultat assez décevant, le "online" se retrouve sois en plein milieu sois il n'y est pas.
voilà le bout de mon template modifier.( avec les indications ci dessus effectuer)
(le résultat sure forum test)




Merci de tout aide apporté.

Code:
<tr class="post">
      <td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div style="
border-top:5px #969696 solid;
border-bottom:5px #969696 solid;
-moz-border-radius: 60px;margin:5px;
padding: 20px;;background:#FFFFFF;"> <table><tr>
        {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_RANK}
        <div class="cadreavatar"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br><center>
          <div style="border:3px #969696 solid;-moz-border-radius:10px;">
           
            <div class="avatarposteur">{postrow.displayed.POSTER_AVATAR}</div>
          </div><div style="font-family:Trebuchet MS;font-size:20px;letter-spacing:-3px;text-transform:lowercase; word-spacing:1px;">
          <span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>
          <div class="noms">{postrow.displayed.POSTER_NAME} </div></center></span><br>
            <span class="postdetails poster-profile">
           

            </div></tr></table><br>


Dernière édition par Marilou1980 le Ven 1 Mar 2013 - 10:33, édité 2 fois (Raison : Déplacé dans un nouveau sujet)

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Matriochka le Dim 24 Fév 2013 - 12:24

Bonjour,

Code:
<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>
Déplace cette ligne avant {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_RANK}.

Et si tu as deux fois l’icône, c’est simplement parce que tu n’as pas supprimé celle de base, ici :
Code:
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Marilou1980 le Dim 24 Fév 2013 - 13:48

Merci de ton aide ^^
c'est presque parfait XD


Code:
.icon_online {
  position:absolute;
  margin-top: 42px;
  margin-left:170px;
}

j'ai bouger le code mais il ne se place pas pile comme il faut !
(au passage si jai envie de changeais que dois-je faire pour le metre sur le coter "droit" contre l'avatar)

merci c'est clair tu est la best ^^

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Matriochka le Lun 25 Fév 2013 - 10:36

Il faut modifier dans ton CSS cette partie :
Code:
margin-left:170px;
Réduis la valeur de quelques pixels, exemple passe-la de 170px à 140px.

(au passage si jai envie de changeais que dois-je faire pour le metre sur le coter "droit" contre l'avatar)
C’est-à-dire ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Marilou1980 le Mar 26 Fév 2013 - 6:50

Impec avec 140 px merci.

Et bien si au lieux qu'il sois sur l'avatar en angle je veux qu'il sois coller a coter de l'avatar ( a droite ) ?!
voir schéma ci dessous

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Mettre "en ligne" sur l'avatar

Message par Matriochka le Mar 26 Fév 2013 - 10:15

Ah d’accord, et bien dans ce cas, il faut modifier ton image et paramétrer sa position avec les marges :
Code:
margin-top: 42px;
margin-left:170px;

N’hésite pas à créer ton propre topic la prochaine fois, ça évitera que celui-ci ne traîne alors qu’il est résolu Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Chacha le Mar 26 Fév 2013 - 10:56

Bonjour Marilou1980

Votre demande d'aide a été déplacée dans un nouveau sujet, merci à l'avenir de créer le vôtre. Wink


Cordialement.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 51048
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Marilou1980 le Mer 27 Fév 2013 - 6:34

Oups toutes mes excuses Embarassed

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Matriochka le Mer 27 Fév 2013 - 10:58

Est-ce que c’est résolu, Marilou, ou bien il y a encore besoin d’aide là-dessus ? Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Mettre "en ligne" sur l'avatar

Message par Marilou1980 le Ven 1 Mar 2013 - 10:33

Non c'est parfait merci de ton aide je vais éditer pour mettre résolu
désoler du retard ^^

Marilou1980
*

Féminin
Messages : 42
Inscrit(e) le : 01/01/2013

http://over-century.forum-actif.net/
Marilou1980 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