Bonjour,
Ce n'est pas vraiment un problème mais plutôt une question. Je voudrais savoir comment modifier les ''propriétés'' du pseudo (je ne sais vraiment pas comment appeller ça !), pour que, par exemple, il y est ''je suis'' devant, qu'il soit en bas de l'avatar avec le rang ect... Et je ne sais absolument pas si cela doit aller dans le CSS ou dans les templates. Voici une image pour vous expliquer :

Merci d'avance !

(PS : Désolé si ce sujet existe déjà ou si il n'est pas placé dans la bonne catégorie, je suis vraiment une quiche dans ce domaine !)

Hello alors je veux bien t'aide ^^

D'abord suis ce tutoriel, il t'appendra comment mettre le nom de l'avatar en dessous de ton image
http://www.css-actif.com/t360-avatar-au-dessus-du-pseudo-et-du-reste-du-profil

Quand tu l'auras fait je t'aiderait à faire le reste ^^

C'est bon, il marche ^^
Que dois-je faire maintenant ? :3

{postrow.displayed.POSTER_NAME} signifie le pseudo

Donc juste avant tu mets "je suis" ou une autre phrase

comme ici

Code:

Mon nom est <strong>{postrow.displayed.POSTER_NAME}</strong>

Soit tu le mets à l'intérieur de strong si tu veux mettre la phrase en gras soit tu le mets en dehors

Es ce que c'est bon ?

Voilà ce que ça me donne... J'aimerais que le pseudo ne soit pas sur le cadre :/... mais comment faire ?

tu pourrais me passer ton template s'il te plait ^^

Le voici :

J'ai oublier de te demander tes codes css, s'il te plait ^^

il fallait juste mettre un

Code:

<br />

et voilà le tour est jouer

Ah oui, suis-je bête xD. Que faut-il que je fasse en suite ? ^^

Il manque plus que tous mettre en majuscule et cela tu mets dans ta feuille CSS dans le CSS postdetails poster-profile



Es ce qu'il a quelque chose d'autre a faire ^^

Je suis désolé, j'ai tout essayer, ça ne marche pas :s
En fait, j'ai deux postdetails poster-profile, et les deux servent apparament à encadrer l'avatar en pointillés (car si j'en enlève un, que ce soit le premier ou le deuxième, ça enlève le contour). J'ai essayé de le mettre dans les deux, et ça ne marche pas !

Attend tu as deux poster-profile dans ta page CSS ? Ok je te change ton CSS et je te fais le Uppercase

Edit : voici fait

Ah, merci, ça marche enfin ! -o-'
J'ai une dernière chose à te demander : comment modifier la taille de ''I'M RIIKA'' ? Et sa police ? :s
Merci beaucoup pour ton aide !

Edit ; Je viens de remarquer que l'encadrement en pointillé encadre aussi le rang . C'est toi qui l'a fait, ou encore une grosse boulette de ma part ?

Euh tu l'avais encadrer avant donc j'ai fait comme toi, si tu veux pas l'encadrer tu déplaces le et tu le met à coté de {postrow.displayed.POSTER_AVATAR}

Ah d'accord, excuse-moi ^^'. Ca marche maintenant.

Riika a écrit:

Ah, merci, ça marche enfin ! -o-'
J'ai une dernière chose à te demander : comment modifier la taille de ''I'M RIIKA'' ? Et sa police ? :s
Merci beaucoup pour ton aide !

Je repose ma question

Pour modifier la police tu vas ici

Merci, tout marche très bien pour le pseudo ! Mais j'ai encore un petit problème... Regarde par toi même :


J'ai voulu modifier mon template en ajoutant un code pour afficher/masquer le profil, mais celui-ci étant défectueux, je l'ai effacé. Malheureusement j'en avais effacé un peu trop et le profil entier avait disparu... J'ai réussi à remédier à ce problème, mais un autre est arrivé : le contour, pour certains avatars, ne contourne pas toute l'image mais fait un contour ''rectangulaire''...

Merci encore d'aider une quiche en codage comme moi, je t'en suis très reconnaissante ><''

C'est pour cela que je n'aime pas le contour, la seule chose que tu peux faire c'est centré l'image le contour est normal étant donné que tu n'as pas une largeur fixe.

Je m'explique comme tu le vois sur ton image tu as deux images différentes donc tu as deux hauteur x largeur différents et le cadre ne peux pas changer en fonction de l'image seulement la hauteur peut changer pas la largeur. Ils y a deux moyens de contourner ce problème soit tu enlèves le cadre et tu rajoutes un fond de couleur avec l'avatar centré, soit tu demande à tes membres de faire une images avec des valeurs bien fixe. Genre dans ton règlement tu mets " les avatar doit faire 320*200 ni plus ni moins".

Voilà j'espère t"avoir aider ^^

On ne peut pas juste spécifier le contour pour l'avatar ? Du genre :

Code:

.postdetails .poster-profile a > img {
  /* code du contour */
}

Je ne vois pas les templates au moment où je poste, donc...
Edit: Edité, comme les class sont séparées dans le template actuel.

Microméga a écrit:

C'est pour cela que je n'aime pas le contour, la seule chose que tu peux faire c'est centré l'image le contour est normal étant donné que tu n'as pas une largeur fixe.

Je m'explique comme tu le vois sur ton image tu as deux images différentes donc tu as deux hauteur x largeur différents et le cadre ne peux pas changer en fonction de l'image seulement la hauteur peut changer pas la largeur. Ils y a deux moyens de contourner ce problème soit tu enlèves le cadre et tu rajoutes un fond de couleur avec l'avatar centré, soit tu demande à tes membres de faire une images avec des valeurs bien fixe. Genre dans ton règlement tu mets " les avatar doit faire 320*200 ni plus ni moins".

Voilà j'espère t"avoir aider ^^

Ah bon, mais tu es sûr que ce n'est pas moi qui ai encore fait une bêtise ? Parce que tout marchait très bien avant... C'est bête, parce que je n'ai pas trop envie d'imposer une limite à mes membres... Et je n'ai pas non plus envie d'enlever le contour :/.

Doare a écrit:

On ne peut pas juste spécifier le contour pour l'avatar ? Du genre :

Code:

.postdetails .poster-profile a > img {
  /* code du contour */
}

Je ne vois pas les templates au moment où je poste, donc...
Edit: Edité, comme les class sont séparées dans le template actuel.

Je vais voir ce que j'ai dans mon template, je crois justement que c'est ça que j'ai touché d'un peu trop près !

Bonjour !

Citation :

C'est pour cela que je n'aime pas le contour, la seule chose que tu peux faire c'est centré l'image le contour est normal étant donné que tu n'as pas une largeur fixe.

Mais non ! Le code est supposé encadrer les images, quelles que soient leur largeur O.o

JE peux avoir le lien du forum ? (je l'ai pas vu passer, ou alors j'ai mal regardé ^^')

Edit :

Ah, voilà, donc quelque part dans tes CSS tu as ça :

Code:

.poster-profile {
    border: 5px dotted #FEC7DC;
    display: block;
    margin: auto auto -10px;
}

Retires la bordure (la ligne avec border)

Et tu places cette ligne dans le code que t'a donné Doare (pourquoi un > Doare ?)

> pour rien, je l'ai remarqué après coup. J'avais pensé à quelque chose mais ça ne s'applique pas en fait. ^^

Dans ce cas précis, même si ça marche, ça ne sert à rien vu que ça ne visera que les balises img à l'intérieur du lien... soit juste l'avatar x_x