Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[AWESOMEBB]Customiser le profil d'un utilisateur en particulier dans ses messages.

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

avatar
lordrmx
https://forum.weroleplay.fr/

Messagelordrmx Mar 9 Juin 2020 - 19:29

  • Version du forum :
    AWESOMEBB
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonsoir, 

Pour faire clair, j'aimerais pouvoir modifier l'apparence et le contenu du profil d'un utilisateur EN PARTICULIER dans ses messages postés sur le forum. 

J'aimerais que ces modifications soient appliquées uniquement au profil sur les messages de l'utilisateur U1 (l'utilisateur fondateur). 

Par "profil", j'entend le profil situé généralement à droite ou a gauche des messages (sur mon forum, il est positionné à gauche). 

[AWESOMEBB]Customiser le profil d'un utilisateur en particulier dans ses messages. 200609073132969564

Voici les modifications que j'aimerais apporter :

- En terme de contenu ; retirer les informations telles que le nombre de messages, la date d'inscription, et le menu déroulant amenant aux autres informations. En gros, ne laisser que le pseudo, le grade, le statut en ligne et l'avatar.

- En terme d'apparence ; modifier la couleur de fond, et mettre par dessus un background en image (qui apparait derrière les informations du profil). 


Je vous remercie d'avance pour l'attention que vous pourrez porter à ma requête.

Mes salutations Milouze ok


Dernière édition par lordrmx le Ven 12 Juin 2020 - 23:56, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 9 Juin 2020 - 19:36

Hello lordrmx,

As tu modifié le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body


Comment interpréter les templates?
Cliques pour voir

Dans le cas d'une réponse négative, je vois tout cela demain matin.

Pour retirer les champs mentionnés, il faut le faire via ton P.A:
ici:

Utilisateurs et Groupes/Utilisateurs/Profils/Champs du profil:


Cliques sur chaque petit engrenage edit .
Puis:
Affichage :
Profil Messages==> décoches la case "Messages".

Penses à bien cliquer sur le bouton Enregistr .





avatar
lordrmx
https://forum.weroleplay.fr/

Messagelordrmx Mar 9 Juin 2020 - 19:51

Non je n'ai pas modifié le template viewtopic_body, 

Et pour les champs, je souhaite en fait les modifier pour un seul utilisateur (l'utilisateur ID1), et non pour tous.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 11 Juin 2020 - 3:56

Hello lordrmx,

alors voici un script qui va rechercher le lien du fondateur u1 et
va ajouter une class "M14_fonda" à toute la partie du profil et à partir de là on va masquer via la C.S.S les zones mentionnées.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher  Sur les sujets


Déposer ceci:

Code:

$(function(){
$('.post-author-name').find('a[href="/u1"]').each(function(){
$(this).closest('.post-aside').addClass('M14_fonda');});});

Penser a cliquer sur le bouton Valid




Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

/*ON MASQUE UNE BONNE PARTIE DU PROFIL FONDATEUR*/
.post-aside.M14_fonda .post-author-details,
.post-aside.M14_fonda .post-author-rpg,
.post-aside.M14_fonda .post-author-contact.dropdown
{
display:none;
}
/*ON CHANGE LA COULEUR DE FOND*/
.post-aside.M14_fonda
{
 background-color:#20aec8;
height:250px;
}
/*ON DONNE LE BACKGROUND IMAGE*/
.post-aside.M14_fonda
{
background-image:url(METTRE LE LIEN DE L IMAGE ICI);  
background-repeat: no-repeat;
background-position: center;
}



Penser a cliquer sur le bouton [AWESOMEBB]Customiser le profil d'un utilisateur en particulier dans ses messages. Sans_t10

- En terme d'apparence ; modifier la couleur de fond, et mettre par dessus un background en image (qui apparait derrière les informations du profil).

J'ai commenté la c.s.s afin de mieux te repérer, pour la couleur de fond et le background image
Pour la couleur de fond et la hauteur du profil (en relation avec la hauteur de l image de fond):

Code:

/*ON CHANGE LA COULEUR DE FOND*/
.post-aside.M14_fonda
{
 background-color:#20aec8;
height:250px;
}


Pour le background image ,
il faudra remplacer le texte "METTRE LE LIEN DE L IMAGE ICI" par le lien de l'image ici:

Code:

/*ON DONNE LE BACKGROUND IMAGE*/
.post-aside.M14_fonda
{
background-image:url(METTRE LE LIEN DE L IMAGE ICI);  
background-repeat: no-repeat;
background-position: center;
}


Exemple:

Code:

/*ON DONNE LE BACKGROUND IMAGE*/
.post-aside.M14_fonda
{
background-image:url(https://i20.servimg.com/u/f20/20/11/87/27/securi11.png);  
background-repeat: no-repeat;
background-position: center;
}
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 12 Juin 2020 - 3:42


Hello

Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.

Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Comme le mentionne le règlement.

avatar
lordrmx
https://forum.weroleplay.fr/

Messagelordrmx Ven 12 Juin 2020 - 23:56

Au top merci beaucoup Milouze

Petit aperçu de ce que ça donne après quelques modifications ; 

[AWESOMEBB]Customiser le profil d'un utilisateur en particulier dans ses messages. 200613125717745078
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 13 Juin 2020 - 5:43

De rien lordrmx et merci pour ton retour hinhin .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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