Mettre "en ligne" sur l'avatar

[FCL31]

Bonjour,

Je suis tomber sur le sujet suivant : https://forum.forumactif.com/t339435-superposer-le-bandeau-en-ligne-sur-l-avatar

Et j'aimerais en faire de même mais je ne sais pas où mettre les codes.

Freyja des Terres de Wyrd donne un premier code qui, si je comprend bien, il faut mettre dans le template viewtopic_body.
Mais, faut-il remplacer le contenu du template existant par le donne donné ? Je pense pas.
Faut-il mettre le code dans un endroit précis du template et où ??

Faut-il modifier le code donné ??

Merci d'avance pour votre aide

[Matriochka]

Bonjour,

As-tu déjà modifié le template viewtopic_body ?

[FCL31]

Bonjour Matriochka

As-tu déjà modifié le template viewtopic_body ?

NON, actuellement je n'ai aucun template de modifier (je sais pas faire, j'ai pas envie de faire de bêtises).

[Matriochka]

D’accord, alors je vais te guider. Mieux vaut ne pas prendre les codes donnés par Freyja (ce n’est pas qu’ils sont incorrects, mais ils ont déjà été modifiés au préalable).

Donc, dans ton template, trouve ceci, à la ligne 241 :

Code:

{postrow.displayed.ONLINE_IMG}

Il s’agit de la variable qui génère l’icône "En ligne". Déplace-la juste au-dessus de ceci, ligne 124 :

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />

Une fois que c’est fait, ajoute une class à cette icône, comme ceci :

Code:

<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>

Maintenant, tu peux ajouter le code qu’a donné Freyja :

Code:

.icon_online {
  position:absolute;
  margin-top: 0px;
  margin-left:102px;
}

Il faudra sans doute paramétrer les lignes margin-top et margin-left pour que l’icône se place où tu veux

[FCL31]

En fait, si je comprend bien

Je supprime

Code:

{postrow.displayed.ONLINE_IMG}

de la ligne 241, j'insere une nouvelle ligne 124 et j'y colle

Code:

<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>

Et je rajoute

Code:

        .icon_online {
          position:absolute;
          margin-top: 0px;
          margin-left:102px;
        }

dans le CSS

Je crois que c'est se que j'ai fait sans resultat.

Je vais je refaire

[Matriochka]

Si tu n’y arrives pas, envoie-moi ton template complet modifié, je te le corrigerai

[FCL31]

Je pense avoir réussi.

J'ai l'image "en ligne" par défaut qui est venue sur la droite du pseudo.

Je vois et je tiens au courant

Merci

[PerleRare]

Salut à vous toute et tous




Il faut mettre où c'est code là et quel code faut que je mais ?


Merci de votre aide

[Matriochka]

PerleRare, tout est expliqué. As-tu lu tous les messages ?

Il faut aller dans Panneau d’administration > Affichage > Templates > Général, et ouvrir le template viewtopic_body pour déplacer l’icône "En ligne" (la démarche est expliquée plus haut).

FCL31, où en est ton souci, as-tu pu positionner l’icône comme tu le voulais ?

[PerleRare]

PerleRare, tout est expliqué. As-tu lu tous les messages ?

Il faut aller dans Panneau d’administration > Affichage > Templates > Général, et ouvrir le template viewtopic_body pour déplacer l’icône "En ligne" (la démarche est expliquée plus haut).

FCL31, où en est ton souci, as-tu pu positionner l’icône comme tu le voulais ?

Oui, j'ai tout lu les messages

Mais je comprend concernant " ligne 241 " et " ligne 124 "

FCL31 Sa signifie quoi ?

[Matriochka]

FCL31 Sa signifie quoi ?

C’est le pseudo du membre qui a créé le sujet, huhu

Concernant les lignes, c’est celles que tu retrouves dans la marge, à côté des codes dans ton panneau d’administration.

[FCL31]

FCL31, où en est ton souci, as-tu pu positionner l’icône comme tu le voulais ?

Impec

Merci beaucoup de ton aide.

:thanks:

[Matriochka]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif