Image personnalisable (dans profil message)

2 participants

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

Résolu Image personnalisable (dans profil message)

Message par foxies Jeu 11 Jan 2018 - 14:13

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 Mr. Green 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 Smile


Dernière édition par pinke le Ven 12 Jan 2018 - 10:46, édité 1 fois
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image personnalisable (dans profil message)

Message par Miettes Ven 12 Jan 2018 - 10:24

Coucou Smile

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

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 Smile

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.
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image personnalisable (dans profil message)

Message par foxies Ven 12 Jan 2018 - 10:46

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 tongue

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 What a Face Merci encore et bonne journée !


Dernière édition par pinke le Ven 12 Jan 2018 - 10:48, édité 1 fois
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image personnalisable (dans profil message)

Message par Miettes Ven 12 Jan 2018 - 10:47

Bonne journée et bon courage =)
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum