Déplacer/Faire apparaître seulement 1 champ du profil

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

Résolu Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Mar 28 Juil 2015 - 18:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : x

Image descriptive


https://i18.servimg.com/u/f18/19/25/99/41/bug1910.png

Description du problème

Salut,
Je cherche à faire apparaître (par l'opacité @ css) ou déplacer seulement 1 champ du profil alors que le reste est ailleurs. Auriez-vous une idée/alternative pour parvenir à mes fins ? :/

Merci d'avance ~


Dernière édition par Teurancher le Dim 9 Aoû 2015 - 19:04, édité 2 fois

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Sam 1 Aoû 2015 - 11:20

Yope,
Toujours d'actualité, merci ~

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Boss-man le Sam 1 Aoû 2015 - 11:24

Bonjour pouvez-vous nous mettre des images ??

Boss-man
***

Masculin
Messages : 167
Inscrit(e) le : 15/04/2015

http://lesguignolsdusport.forum-gratuit.tv/
Boss-man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Sam 1 Aoû 2015 - 11:38

Hop,
Image rajoutée. La voici: https://i18.servimg.com/u/f18/19/25/99/41/bug1910.png

Ce n'est qu'en guise d'exemple, je ne souhaite pas vraiment déplacer l'âge à droite du rang.

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Boss-man le Sam 1 Aoû 2015 - 11:54

Re-Bonjour à vous,

Pouvez-vous nous mettre plus de détail dans votre description, car je ne comprends exactement votre problème ?? Si vous voulez, vous pouvez regarder ce lien : Profil

Boss-man
***

Masculin
Messages : 167
Inscrit(e) le : 15/04/2015

http://lesguignolsdusport.forum-gratuit.tv/
Boss-man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Boss-man le Sam 1 Aoû 2015 - 11:57

Sinon : Profil

Boss-man
***

Masculin
Messages : 167
Inscrit(e) le : 15/04/2015

http://lesguignolsdusport.forum-gratuit.tv/
Boss-man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Sam 1 Aoû 2015 - 12:16

Il s'agirait de déplacer un élément spécifique du profil (par exemple: le nombre de messages), ailleurs dans un message, par exemple sous le pseudo du posteur, tandis que le reste des éléments du profil affichés dans les messages (date d'inscription, réputation) restent à leur place initiale.

Je ne pourrais pas faire plus clair ^^ Merci pour vos réponses en tout cas. ~

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par [Nihil] le Dim 2 Aoû 2015 - 15:21

Hello Teurancher Smile

Il y a plusieurs manières de faire, cela dépend du code du profil en question, de comment sont gérés les champs de profil, etc Wink

S'il s'agit d'un champ déjà présent sur forumactif, tu peux en récupérer certains directement avec une variable (les noms sont en anglais donc assez simple à deviner si on compare avec les champs de profil existant par défaut) :
Code:
{postrow.displayed.POSTER_GENDER}
{postrow.displayed.ZODIAC_IMG}
{postrow.displayed.CHINESE_IMG}<br />
{postrow.displayed.POSTER_AGE_INT} {postrow.displayed.POSTER_AGE}
{postrow.displayed.POSTER_JOINED_INT} {postrow.displayed.POSTER_JOINED}
{postrow.displayed.POSTER_POSTS_INT} {postrow.displayed.POSTER_POSTS}
{postrow.displayed.POSTER_FROM_INT} {postrow.displayed.POSTER_FROM}
{postrow.displayed.POSTER_HOBBIES_INT} {postrow.displayed.POSTER_HOBBIES}
{postrow.displayed.POSTER_HUMOR_INT} {postrow.displayed.POSTER_HUMOR}
{postrow.displayed.POSTER_PERSONALIZED_PROFILE} {postrow.displayed.POSTER_RPG}

S'il ne s'agit pas d'un de ces champs, tu peux t'en sortir en trichant un peu en CSS (^-^).

C'est à dire tu mets à 2 endroits différents le code pour les champs du profil. Au premier endroit, tu caches tous les champs, sauf celui que tu veux garder. Au second endroit, tu caches seulement les champs que tu ne veux pas avoir. Pour les sélectionner, tu peux utilier nth-child par exemple. J'explique rapidement le concept, mais je peux rajouter un exemple si tu en as besoin Smile
Cette technique ne marche néanmoins que si ce champ est toujours affiché sur un profil, si on dit au CSS "masque le premier élément", il masquera le 1er élément, même si le contenu n'est pas celui que tu souhaitais (ce qui peut arriver si un champ n'est pas obligatoirement rempli, il n'apparait pas dans le profil).

Enfin, si aucune des 2 solutions ne fonctionne, il faut y aller "au cas par cas" avec du javascript ^^

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Dim 2 Aoû 2015 - 16:28

Salut Nihil !
Merci pour ta réponse, je viens d'en apprendre pas mal en peu de temps. Smile

Je veux bien un exemple concernant le dit "nth-child", pourquoi pas.
Est-ce possible de modifier le champs du signe zodiaque avec ce que je veux par hasard ?

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par [Nihil] le Lun 3 Aoû 2015 - 20:02

@Teurancher a écrit:Est-ce possible de modifier le champs du signe zodiaque avec ce que je veux par hasard ?
Nop :p

Alors pour le nth-child, dans le template viewtopic_body on a ça :
Code:
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->

Je vais le remplacer comme ceci :
Code:
<div class="profile_fields">
    <!-- BEGIN profile_field -->
    <span class="profil_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
</div>

Si je veux masquer tous les champs sauf le 3ème, il suffit de faire ça :
Code:
/* on cache tous les champs du profil */
.profile_fieds .profil_field { display: none;}

/* on affiche juste le 3ème */
.profile_fiels .profil_fiel:nth-child(3) { display: block; }

Sachant que tu peux mettre ailleurs dans ton profil ceci :
Code:
<div class="profile_fields_all">
    <!-- BEGIN profile_field -->
    <span class="profil_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
</div>

Et là tu ferais le contraire, tu masques juste le 3ème :
Code:
/* on masque juste le 3ème */
.profile_fiels_all .profil_fiel:nth-child(3) { display: none; }

Est ce que tu vois comment faire ? Désolée, j'ai ptet écrit ça rapidement :/


Dernière édition par [Nihil] le Lun 3 Aoû 2015 - 21:13, édité 1 fois (Raison : Edit erreur stupide XD)

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Lun 3 Aoû 2015 - 20:32

Yope,
Merci pour ces explications, elles sont plutôt claires.

nth-child ne représente que le 3e élément de quelque chose, peu importe où il est utilisé ?

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par [Nihil] le Lun 3 Aoû 2015 - 21:14

Hello Smile

J'ai mis à jour ma réponse j'avais oublié le plus important du CSS... C'est :nth-child(3)... Tu peux ensuite remplacer 3 par la valeur que tu veux :p
Au pire, si tu veux en savoir plus, une petite recherche google "css nth-child" devrait t'aider Smile

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer/Faire apparaître seulement 1 champ du profil

Message par Teurancher le Dim 9 Aoû 2015 - 19:04

C'est résolu, merci à Nihil. (même si elle le mérite pas. gnuhuhu)

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher 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