Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

[chocobook]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Aujourd'hui
Lien du forum : http://lecafelitteraire.exprimetoi.net/

Description du problème

Bonjour,
j'ai réussi à mettre l'icône en ligne et hors ligne dans le profil. Le souci c'est que l'icône est tout en bas à gauche dans le profil alors que je voudrais qu'il soir en haut à gauche sur l'avatar, bien dans le coin.
Pourriez-vous me dire comment faire ?
Merci.
Cordialement
Christelle

[chocobook]

Hello, quelqu'un peut-il m'aider ?
Bien à vous,
Chocobook

[Mat]

Bonjour
Voici le tuto :
https://forum.forumactif.com/t348933-phpbb2-deplacer-le-bouton-en-ligne-dans-les-messages

[chocobook]

Hello, merci beaucoup.
Mais il reste toujours en bas. Quelles sont les valeurs pour le mettre tout en haut dans le coin gauche de l'avatar ?
Merci.

[chocobook]

Bonsoir,
quelqu'un peut-il m'aider ?
Merci.

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Message par chocobook Aujourd'hui à 17:15
Message par chocobook Aujourd'hui à 19:25

Bonjour, Je vous rappelle qu'il est autorisé un seul UP, par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Il en va de même pour les double-post. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

[chocobook]

Oups désolée.

[chocobook]

Hello,
Une petite aide s'il vous plaît.
Bonne journée.

[Arkayn]

Tu vas te refaire taper sur les doigts. Ton dernier up n'a pas 24h.

Tu as la réponse dans le code qui t'a été donné. J'ai voulu jeter un coup d'oeil sur ton forum mais il faut être inscrit pour voir son contenu (à titre personnel, si je ne peux pas voir le contenu d'un forum avant de m'y inscrire, je vais ailleurs).

C'est donc à toi de trouver les bonnes valeurs. Essaye :

1 .icon_online {
2 position:absolute;
3 margin-left: 1px;
4 margin-top:-30px;}

Ensuite, ajuste. Pour la gauche (ligne 3), ça devrait être bon ou mets 0 s'il y a trop d'écart avec la bordure.

J'ai mis -30 au pif pour la hauteur ne voyant pas à quoi ressemble l'avatar. Augmente ou diminue ce chiffre jusqu'à trouver le bon.

[chocobook]

Hello,
merci à toi. Dans mon premier post j'ai mis les images pour justement voir le problème.

[Arkayn]

En effet. Au temps pour moi.

Tu peux afficher tes valeurs dans le CSS, stp ? J'ai comme l'impression que tu as affiché l'icône mais pas au bon endroit. Elle me semble être au même niveau que les icônes "nouveau message" et autres. Donc pas dans la bonne ligne. Pour moi, tu es une case trop bas. Je ne sais pas si je me fais bien comprendre.

[chocobook]

Merci à toi pour le coup de main, je commence à désespérer de ne pas y arriver.

Voilà le code du css que j'ai.

Code:

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('http://img4.hostingpics.net/pics/876957horsligne.png');
background-repeat : no-repeat;
background-position : center;
min-width: 54px;
width: 40px;
min-height: 40px;
height: 54px;
position: absolute;
float: left; 
 
}

 
1 .icon_online {
2 position:absolute;
3 margin-left: 1px;
4 margin-top:-30px;}


[Arkayn]

Ok. Je crois comprendre. Le CSS qui t'a été proposé est "générique". Il créé un bouton, en gros mais personne ne fait appel à lui. Il faut donc l'adapter à celui qui existe, à savoir :
2 .offlinebutton {

C'est dans cette partie qu'est géré le bouton. Remplace donc la fin par :

12 position: absolute;
13 margin-left: 1px;
14 margin-top:-55px;
15 }

Bon courage !

[chocobook]

Merci
Ça ne fonctionne toujours pas :/

[Arkayn]

Comme je disais, je pense que tu n'es pas au bon endroit dans ton affichage.

Pour le vérifier, modifie les valeurs par
13 margin-left: 30px;
14 margin-top:-120px;

Si je ne me trompes pas, le bouton va "flotter" dans la case sous celle de ton avatar. Dans ce cas, il faudra que tu nous donnes le lien vers le tuto que tu as utilisé. Il doit y avoir une valeur erronée dedans.

[chocobook]

Wahou un grand merci, j'ai changé les valeurs jusqu'à obtenir ce que je voulais.
J'ai mis : margin-left: 0px;
margin-top:-700px;

Je te remercie beaucoup.