Image personnalisable (dans profil message)

[foxies]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://keepingyourheadup.forumactif.com/t27-test#73

Description du problème

Bonjour à tous !

J'aurais besoin d'un petit coup de pouce concernant l'apparence de mes messages. J'ai pas mal retravaillé tout ça jusqu'à modifier complètement le profil du posteur. Au final, le profil est sous forme de bannière, comme vous pouvez d'ailleurs le voir sur le screen attaché. Je ne suis qu'une débutante en matière de Javascript et je crois que ce qui fait défaut dans ce que je recherche à faire aujourd'hui. En effet, j'aimerais pouvoir inclure dans cette bannière une image que les membres pourraient changer à leur convenance. Un peu comme ce que l'on retrouve sur ce forum. Le but serait de faire en sorte que l'image prenne toute la bannière mais je n'en suis pas encore sûre En tout cas, la place de l'image pour l'instant m'importe peu, je cherche juste à trouver un moyen de l'inclure dans le profil (dans les messages) et qu'elle soit modifiable par le membre. J'ai essayé en passant par les champs du profil et en créant justement un champs image mais ce n'est pas franchement pratique car je souhaite que des champs de texte s'affichent au-dessus de l'image modifiable. Il me semble que sur Twenty-One, l'image est gérée par le JS... en tout cas, si vous avez des idées, je prends

[Miettes]

Coucou

En réalité, sur ce site, il ne s'agit pas de javascript mais bel et bien de CSS

La personne se base sur l'id de l'utilisation et attribue, en fonction de celui-ci, une image de fond. Du coup, dans ton cas, il faudrait ajouter l'info de l'utilisateur dans ta div "boxPOST", par exemple :

Code:

<div class="boxPOST" data-info-posteur='{postrow.displayed.POSTER_NAME}'>

Et dans ta CSS, il faut cibler comme ça :

Code:


/*** --- IMAGE DE FOND DE PROFIL --- ***/
.boxPOST[data-info-posteur]{
  background-repeat: no-repeat;
    background-size: cover!important;
}

/* Holen */
.boxPOST[data-info-posteur*="\"/u1\""]{
  background-image: url('http://images.toucharger.com/img/graphiques/fonds-d-ecran/nature-paysages/coucher-de-soleil/coucher-de-soleil.74128.jpg');
}



Sur le forum que tu donnes en exemple, je pense que les membres ont la possibilité de faire une demande pour personnaliser leur bannière et c'est l'un des admins qui l'ajoute à la main dans la CSS

J'imagine que ça doit pouvoir se faire en javascript, mais il vaut mieux éviter le js pour tout et n'importe quoi (ça risque d'alourdir ta page). Dans un premier temps, je te conseille de passer par la CSS, puis, si par la suite tu as beaucoup de membres et de demande, eh bien tu pourras voir pour optimiser cette gestion via le profil des membres et du js.

[foxies]

Merci beaucoup Miettes, c'est exactement ce que je recherchais. Je ne pensais pas que le CSS sufirait pour ce genre de traficotage mais tant mieux

Bon et bien je pense avoir tout ce qu'il me faut pour me mettre à la personnalisation de la chose, je vais cocher résolu Merci encore et bonne journée !

[Miettes]

Bonne journée et bon courage =)