[Réglé] Positionner online au dessus de l'avatar

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB3.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bugs, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Positionner online au dessus de l'avatar

Messagepar Nullette » 09 Mai 2009 à 17:17

Bonjour,
je n'arrive pas à positionner l'image online au dessus de l'avatar.
Le profil se trouve à gauche.
L'image online n'a pas assez d'espace au dessus de l'avatar. J'ai ajouté un margin-top, mais ça ne change rien.
Image
Dans "vue du profil", l'image online est presque complètement cachée par l'avatar.
Image
Dans content.css
Code: Tout sélectionner
.postprofile {
/* Also see tweaks.css */
margin: 10px 0 5px 0;
min-height: 80px;
color: #666666;
border-right: 2px solid #dcdee2;
width: 22%;
float: left;
display: inline;
}
.pm .postprofile {
	border-right: 2px solid #dcdee2;
}
.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
}
.postprofile strong {
	font-weight: normal;
	color: #5e7f91;
}
.avatar {
	border: none;
	margin-bottom: 3px;
	margin-top: 3px;
}
.online {
	background-image: none;
    background-position: 3% 0;
	margin-bottom: 5px;
    background-repeat: no-repeat;
}

Cordialement.
Modifié en dernier par Nullette le 22 Jan 2011 à 11:38, modifié 3 fois.
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar micka76 » 09 Mai 2009 à 17:51

Bonsoir,

malheuresement il n'y a pas de solution a par de mettre les avatars moin grand pour que le online soit toujours visible :oops:
ou d'agrandire la class profil pour mettre les avatars sur la gauche et l'icone online sur la droite

A bientôt... :wink:
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 09 Mai 2009 à 18:23

Bonsoir micka76 ,
je vous remercie pour votre réponse.
Cependant je pense que c'est possible, mais il faut bien connaître le css et la façon d'utiliser les margin et padding.
J'attends avec ...(im)patience d'autres réponses.
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar micka76 » 09 Mai 2009 à 18:41

Re,

vous pouvez faire une recherche sur ce forum et vous vérez que ce sujet a été traiter plusieur fois,
il faut donc détourné le problème sans pour autant le résoudre

A bientôt... :wink:
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Positionner online au dessus de l'avatar

Messagepar Jester » 09 Mai 2009 à 19:19

Bonsoir,

on peut changer la position de l'image du online, en jouant sur les marges de la classe et la position du background (l'image en fait) :

Code: Tout sélectionner
.online {
   background-image: none;
    background-position: 3% 0;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}
"Quand le Troll parle, l'homme avisé l'écoute."
Personnaliser son forum - La documentation de phpBB-fr.com - Les téléchargements
N'oubliez pas de modifier votre message en ajoutant le tag [Réglé] quand votre sujet est résolu.
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 34174
Enregistré le: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 09 Mai 2009 à 20:19

Merci Jester,
Actuellement, dans content.css, .online, le margin-bottom: est à 5px;
J'ai essayé de mettre 20px (la hauteur de l'image "online", mais rien ne change ! J'ai vidé le cache, biensûr.

x micka76 : j'ai déjà fait la recherche dans le forum. C'est d'ailleurs ainsi que j'ai pu mettre le profil à gauche. Mais pour l'image "online" les solutions concernent la rotation de l'image d'origine et la position à droite ou à gauche.
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar Jester » 09 Mai 2009 à 22:15

Change le background position alors...
"Quand le Troll parle, l'homme avisé l'écoute."
Personnaliser son forum - La documentation de phpBB-fr.com - Les téléchargements
N'oubliez pas de modifier votre message en ajoutant le tag [Réglé] quand votre sujet est résolu.
Avatar de l’utilisateur
Jester
Administrateur
Administrateur
 
Messages: 34174
Enregistré le: 01 Jan 2005 à 00:00
Localisation: Là, pas loin...

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 09 Mai 2009 à 22:49

J'ai supprimé margin-bottom: 5px; dans .online et l'ai remplacé par padding: 10px.
C'est bon dans viewtopic, mais il y a encore le problème dans "Voir le profil" (rien n'a changé).
Bonne nuit et ... A+ :D
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 09 Juil 2009 à 18:29

Salut,
me revoilà quelques mois plus tard ...
Savez-vous pour quelle raison l'image online n'est pas positionnée de la même façon :
- dans le profil qui apparait à gauche du message d'un utilisateur en ligne (c'est la page viewtopic.php qui s'affiche)
- en cliquant sur le nom d'utilisateur (on obtient "Vue du profil" et c'est la page memberlist.php qui s'affiche)

Les profils sont à gauche et l'image "en ligne" est au dessus de l'avatar, horizontalement.
Le code css est dans content.css
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 14 Jan 2011 à 20:23

Salut !
nous sommes en 2011 (bonne année) :D
Figurez-vous que mon problème est toujours là :mrgreen:
Code: Tout sélectionner
.online {
	background-image: none;
	background-position: 2% 0;
	padding-top: 15px;
	background-repeat: no-repeat;
}


L'image "en ligne" est trop au dessus de l'avatar dans les messages et dans le profil elle est à la bonne hauteur, mais décalée sur la droite. :roll:
Mes avatars font 80px × 80px, l'image "en ligne" fait 59x18 px et les profils sont à gauche.
Si quelqu'un a une idée. :mrgreen:

Code: Tout sélectionner
.postprofile {
	/* Also see tweaks.css */
	margin: 20px 0 5px 0;
	min-height: 80px;
	color: #666666;
	width: 16%;
	float: left;
	display: inline;
}
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar micka76 » 15 Jan 2011 à 10:19

Bonjour,

Avez-vous vu ce topic ? ==> documentation/styles/online-par-dessus-lavatar-a67-view.html

A bientôt... :wink:
Modifié en dernier par Steph le 03 Mar 2014 à 11:15, modifié 1 fois.
Raison: Mise à jour du lien
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 15 Jan 2011 à 15:03

Bonjour,
oui, je l'ai lu. Mais ça concerne l'image "online" en travers :lol:
Mon image est horizontale...
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar micka76 » 15 Jan 2011 à 18:05

et bien c'est pareil c'est l'image qui change :lol:
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Re: Positionner online au dessus de l'avatar

Messagepar Nullette » 15 Jan 2011 à 20:49

Bonsoir,
je vais refaire un essai. Depuis le temps de mon premier post sur ce sujet (j'avais laissé tombé) :mrgreen:
A+

Edit :
J'ai suivi le tutoriel. J'ai mis le online tel qu'indiqué, j'ai ajouté online 2 et 3. J'ai modifié memberlist_view et viewtopic body..
et mon image "online" maintenant dépasse l'avatar à gauche :cry:

Image
Site et forum hébergés chez PhpBB-Services
Nullette
Empereur des posts
Empereur des posts
 
Messages: 1027
Enregistré le: 22 Avr 2009 à 22:28
Localisation: Paris

Re: Positionner online au dessus de l'avatar

Messagepar micka76 » 15 Jan 2011 à 22:25

il suffit maintenant de jouer sur les marges et c'est good
Mon petit forum de démonstration de style ==> Clique ici, hébergé gratuitement chez ==> 000webhost (sans pub, c'est moi qui l'est mise)
Voici un bon forum sur l'aquariophilie ==> http://www.aquadebutant.com
Si à la Saint Valentin tu me tiens la main, vivement la Sainte Marguerite que tu me tienne la ....!!! :mrgreen:
Avatar de l’utilisateur
micka76
Graphiste
Graphiste
 
Messages: 8687
Enregistré le: 04 Oct 2007 à 11:14
Localisation: Bah entre toi et ta f.... !!!

Suivante

Retourner vers Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 6 invités