"Bannière" sur avatar?

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

Résolu "Bannière" sur avatar?

Message par Keith8D le Lun 24 Sep 2012 - 23:25

Bonjour,
J'ai mis en place une remise de prix sur ce forum, les récompenses étant de mini bannières que j'aurais voulu placer sur l'avatar des gagnants [soit au dessus, soit en dessous mais toujours débordant légèrement sur l'ava]. Sauf que voila, j'ai aucune idée de la façon dont je dois procéder, j'ai pensé traficoter du côté des rangs ce qui m'a donné ceci:



Ce qui ne me convient pas vraiment.. Si quelqu'un pouvait m'aider à améliorer cela, je lui en serais très reconnaissant ;___; Dans le meilleur des cas j'aimerais atteindre ceci:




ou cela:


Voila, j'ai seulement 3 prix donc il faudrait que le code soit effectif que pour certaines personnes, j'espère avoir une réponse rapidement n__n


Keith8D
***

Masculin
Messages : 130
Inscrit(e) le : 08/01/2011

http://slavavostok.forumactif.com/
Keith8D a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Bannière" sur avatar?

Message par benneke le Mar 25 Sep 2012 - 8:32

Bonjour,

Sans avoir le code du forum c'est assez difficile a donne un code 'fini'.

Petite question pour mon début de réponse :
- Les avatars n'ont pas une hauteur fixe je présume ?

Le mieux serait de faire qqch comme ceci je pense (sans faire trop prise de tête) :
dans le rang :
Code:
INTITULE RANG <br><div class="award"><img src="URL BANNIERE" alt="TEXTE ALT" title="TEXTE ALT"></div>
et dans le CSS:
Code:
.award {
position:relative;
top:XXpx;
z-index:9999;
display:inline-block;
height:0;
}

explication : tu englobes ton image dans un div que t'intitules award (doit pas y en avoir d'autre de balise comme cela).
L'élément "award", on le sort de son positionnement et on le positionne de manière relative en le déplacant du haut de XXpx (XX étant la valeur a faire descendre ta bannière, probablement 50% ou 90% de sa hauteur).
z-index indique que celui-ci doit venir en avant plan
Ce qui donne :

Bonne journée,
Ben

EDIT: si les avatars une une hauteur fixe, alors tu peux descendre ta bannière pour la placer en dessous de l'avatar. Si ceux-ci ne sont pas fixe, alors vaut mieux le mettre en haut, car le début de l'avatar sera toujours au même endroit par rapport au rang !

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Bannière" sur avatar?

Message par Keith8D le Jeu 27 Sep 2012 - 21:55

Bonsoir! Désolé de mon retard, ma connexion internet fait des siennes =="
Je voulais savoir où placer cette partie:

Code:
INTITULE RANG <br><div class="award"><img src="URL BANNIERE" alt="TEXTE ALT" title="TEXTE ALT"></div>

Merci de votre aide (:

EDIT: La taille des avatars est bien fixe, 200/400px o/

Keith8D
***

Masculin
Messages : 130
Inscrit(e) le : 08/01/2011

http://slavavostok.forumactif.com/
Keith8D a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Bannière" sur avatar?

Message par benneke le Jeu 27 Sep 2012 - 23:03

Hello,

il faut placer ce "code" dans la ligne du rang (éventuellement donner un rang spécial pour ces membres)
Tu avais commencer à parler des rangs, donc j'ai continué dans ce sens Wink

Si l'avatar est fixe, alors tu peux avec le CSS descendre ta bannière en augmentant les XX dans la ligne du top.

Bonne nuit,
Ben

EDIT: pour avoir le résultat de mon screen, tu changes le rang de cain en :
Code:
 [Admin<br><div class="award">fondateur]</div>
Je n'ai pas utilisé d'image, donc la balise img ne s'y trouve pas, mais ca te permet peut-être de mieux comprendre Wink

Si besoin en est, j'essayerai de mieux expliquer encore ^^

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

http://www.guilde-aof.com
benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Bannière" sur avatar?

Message par Keith8D le Jeu 27 Sep 2012 - 23:41

Ah oui en effet, j'essayais de le mettre dans l'image du rang, pas dans le titre x) Merci beaucoup~

Keith8D
***

Masculin
Messages : 130
Inscrit(e) le : 08/01/2011

http://slavavostok.forumactif.com/
Keith8D 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