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

4 participants

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

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

Message par chocobook Lun 21 Aoû 2017 - 16:28

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


Dernière édition par chocobook le Mer 23 Aoû 2017 - 12:41, édité 1 fois
chocobook

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mar 22 Aoû 2017 - 16:09

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

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par Mat Mar 22 Aoû 2017 - 16:21

Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mar 22 Aoû 2017 - 17:15

Hello, merci beaucoup. Smile
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

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mar 22 Aoû 2017 - 19:25

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

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par Chacha Mar 22 Aoû 2017 - 19:45

Placer l'icone en ligne en haut à gauche dans le coin de l'avatar 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
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

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

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

Chacha
Modéractif
Modéractif

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

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

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mar 22 Aoû 2017 - 20:17

Oups désolée. Embarassed
chocobook

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mer 23 Aoû 2017 - 7:33

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

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par Arkayn Mer 23 Aoû 2017 - 10:23

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

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.
Arkayn

Arkayn
Nouveau membre

Messages : 20
Inscrit(e) le : 12/06/2007

http://festivals-jeux.forumactif.com/
Arkayn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mer 23 Aoû 2017 - 10:37

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

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par Arkayn Mer 23 Aoû 2017 - 10:54

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.



Dernière édition par Arkayn le Mer 23 Aoû 2017 - 11:28, édité 1 fois
Arkayn

Arkayn
Nouveau membre

Messages : 20
Inscrit(e) le : 12/06/2007

http://festivals-jeux.forumactif.com/
Arkayn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mer 23 Aoû 2017 - 11:01

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;}
chocobook

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par Arkayn Mer 23 Aoû 2017 - 11:10

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 !
Arkayn

Arkayn
Nouveau membre

Messages : 20
Inscrit(e) le : 12/06/2007

http://festivals-jeux.forumactif.com/
Arkayn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mer 23 Aoû 2017 - 11:56

Merci Smile
Ça ne fonctionne toujours pas :/ Sad
chocobook

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par Arkayn Mer 23 Aoû 2017 - 12:28

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.
Arkayn

Arkayn
Nouveau membre

Messages : 20
Inscrit(e) le : 12/06/2007

http://festivals-jeux.forumactif.com/
Arkayn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer l'icone en ligne en haut à gauche dans le coin de l'avatar

Message par chocobook Mer 23 Aoû 2017 - 12:40

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. Flowers2
chocobook

chocobook
**

Féminin
Messages : 64
Inscrit(e) le : 18/08/2017

https://crokpage.superforum.fr/
chocobook 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