En ligne sur avatar

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

Résolu En ligne sur avatar

Message par manue29 le Dim 18 Jan 2015 - 14:46

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 18/01/15
Lien du forum : http://bretagne-hayabusa.superforum.fr/index.htm

Description du problème

Bonjour;
Suivant ce tuto: Bouton en ligne

je n' arrive pas à cadrer le "en ligne" comme sur cette image :ici

Quelle est la solution à mon souci s' il vous plait ?
Manue


Dernière édition par manue29 le Dim 18 Jan 2015 - 17:30, édité 1 fois

manue29
****

Féminin
Messages : 213
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En ligne sur avatar

Message par demeter1 le Dim 18 Jan 2015 - 16:21

Bonjour,
1 avez vos pensé a paramétrer la taille de vos avatars ?

2 vous avez installé le css en effectuant les paramétrages comme indiqué dans le tutoriel ??
Maintenant que le template a été modifié et qu’une class a été attribuée à l’icône "En ligne", nous allons pouvoir la placer où bon nous semble en utilisant simplement ce code :

Code: Sélectionner le contenu

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


Explications :
- position:absolute permet ici de faire flotter l’image,
- margin-left:***px; permet de paramétrer la position de l’image par rapport à la gauche (on créé en fait une marge positive pour déplacer l’image par rapport à la gauche),
- margin-top:-***px; permet de paramétrer la position de l’image par rapport au haut (on créé cette fois-ci une marge négative pour déplacer l’image par rapport au haut)

Modifications :
Dans le code donné, vous devrez modifier margin-left:***px; et margin-top:-***px;. Remplacez les étoiles par les valeurs de votre choix.

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En ligne sur avatar

Message par manue29 le Dim 18 Jan 2015 - 16:31

Bonjour Demeter1.

Justement, je pense que le problème vient du paramétrage des avatars. Mais comment faire ?
Toutes modifs du code CSS, ne donne rien.

manue29
****

Féminin
Messages : 213
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En ligne sur avatar

Message par demeter1 le Dim 18 Jan 2015 - 16:39

Je le pense aussi. Si l la largeur autorisée n'est pas fixée, vous ne parviendrez jamais à fixer le bandeau correctement sur la droite.

deux méthodes pour donner une taille aux avatars

1 via le pa


2 via css
Code:
        .postdetails.poster-profile img {
        width:***px; /* largeur des avatars */
        height:***px; /* hauteur des avatars */}

à partir de là, vous pourrez positionner le bandeau correctement en utilsant le css fourni dans le tutoriel

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

demeter1
+ Hyperactif +

Masculin
Messages : 8106
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: En ligne sur avatar

Message par manue29 le Dim 18 Jan 2015 - 17:01

Embarassed En utilisant ce code CSS, ça déforme autre chose en même temps Crying or Very sad . L' avatar diminue, mais impossible de faire passer le "en ligne" à droite et sur l' image...

J' ai créer une petite image afin de résoudre le problème. Pourquoi faire plus compliqué pour une petite chose. Very Happy

Je te remercie quand même pour la réponse apportée Demeter1 thumleft

Manue flower

manue29
****

Féminin
Messages : 213
Inscrit(e) le : 21/10/2009

http://bretagne-hayabusa.superforum.fr/index.htm
manue29 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