Position du profil dans les messages

[Por$chE 965]

Voici un tutoriel explicatif pour savoir comment mettre le profil des membres dans un message à droite ou à gauche.



Descendez un peu plus bas sur la page, vous verrez alors ceci:





Pour ceux qui ont un CSS perso, voici quelques manipulations suplémentaires:(tuto par misst1get)

[PhpBB3] Position du 'En ligne' dans le profil à gauche

Pour modifier cette position il faut modifier la classe .online, mais plusieurs contraintes sont à prendre en compte :


Si votre forum à une taille qui n'est pas fixe

(en %), vous ne pourrez malheuresement pas le positionner précisement
dans l'angle de droite du profil pour toutes les résolutions d'écran.
Vous pouvez l'adapter pour une résolution en rajoutant ce code CSS :

Code:

.online {
background-position: 19.2% 0px;
}


(le pourcentage est à remplacer selon votre forum et donc la résolution que vous avez choisie)

Si votre forum à une taille fixe, vous pouvez le déplacer en rajoutant ce code CSS :

Code:

.online {
background-position: 119px 0px;
}


(la valeur 119px est à remplacer selon la taille de votre forum)

La dernière possibilité est de positionner le 'En ligne' dans l'angle de gauche du profil, en rajoutant ce code CSS :

Code:

.online {
background-position: 0px 0px;
}


Il
sera peut-être nécessaire d'appliquer une symétrie de votre image avec
un logiciel pour qu'elle s'affiche dans le bon sens et pour éviter
qu'elle ne soit cachée par l'avatar vous pouvez influer sur la marge
haute et gauche du profil en rajoutant ce code CSS :

Code:

.postprofile {
padding-top: 5px;
padding-left: 18px;
}


(les valeurs padding-top pour la marge haute et padding-left pour la marge gauche sont à remplacer à votre guise)


Est-il possible de mettre cette icône "en ligne" au premier plan, c'est à dire par dessus l'avatar ?

Non, ce n'est pas possible car l'image se trouve dans le CSS en background (donc arrière-plan).