Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Page profil : agir sur le bloc contenant les liens

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

Résolu Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Sam 11 Aoû 2018 - 4:08

Bonjour,
dans la page profil, il y a une série de liens (informations | préférences | signature etc...).
J'aimerai centrer horizontalement ce bloc (actuellement aligné à droite) et verticalement (actuellement trop bas).
Je souhaiterai également augmenter la taille de la police.
Seulement, impossible de trouver le template où se trouve ce bloc.
Merci d'avance !


Dernière édition par WolfCyr le Lun 27 Aoû 2018 - 1:14, édité 1 fois

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par *Splash* le Sam 11 Aoû 2018 - 18:54

Hi,

Dans ton profil, le lien vers le forum : https://www.forumactif.com
avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1057
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Dim 12 Aoû 2018 - 15:52

C'est fait Splash, merci l'adresse n'était pas bonne.

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Mar 14 Aoû 2018 - 10:16

UP Please les gens !

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Jeu 16 Aoû 2018 - 11:42

Up s'il vous plaît, l'un d'entre vous doit bien avoir la solution !

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Ven 17 Aoû 2018 - 23:48

Up !

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Mer 22 Aoû 2018 - 22:59

Up

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par *Splash* le Jeu 23 Aoû 2018 - 18:26

Hi,

Alors tu peux tenter ce code à la CSS :

PA / Affichage / Couleurs / Feuille de style CSS

Code:
.genmed {
    font-size: 12px; /* taille de police */
    text-transform: uppercase; /* police en majuscule */
    text-align: center; /* texte centrer */
}

Pense a cliquer sur "Valider" pour que le code soit pris en compte
avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1057
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Sam 25 Aoû 2018 - 0:32

Merci, malheureusement celà change aussi les titres des catégories.

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par Bipo le Dim 26 Aoû 2018 - 4:22

Bon matin WolfCyr,

L'élément que vous recherchez se trouve dans le template profile_add_body, notamment le tag {UCP_TABS} :


Ce tag génère le menu qui se trouve dans le profil d'un membre :




Pour répondre à la deuxième partie de votre demande (la modification du menu), je pense sincèrement que ce n'est pas possible de part sa configuration. En effet, le menu est contenu dans une cellule de tableau qui ne comporte ni class, ni id. Donc, en termes de CSS (et même de JavaScript), je ne vois pas comment nous pouvons agir sur cet élément.

La seule possibilité que j'entrevois, c'est de coder en HTML le menu et de l'insérer dans le template profile_add_body à la place du tag {UCP_TABS}. Par exemple :

Code:
<table width="100%" cellspacing="1" cellpadding="0" border="0">
  <tbody>
    <tr>
      <td align="right">
        <span class="gen" style="display: none;">Informations | </span>
        <span class="gen"><a class="mainmenu " href="/profile?mode=editprofile&amp;page_profil=preferences">Préférences</a> | </span>
        <span class="gen"><a class="mainmenu " href="/profile?mode=editprofile&amp;page_profil=signature">Signature</a> | </span>
        <span class="gen"><a class="mainmenu " href="/profile?mode=editprofile&amp;page_profil=avatars">Avatar</a> | </span>
        <span class="gen"><a class="mainmenu " href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Amis et ignorés</a> | </span>
        <span class="gen"><a class="mainmenu " href="/profile?mode=editprofile&amp;page_profil=notifications">Notifications</a> | </span>
        <span class="gen"><a class="mainmenu " href="/search?search_id=watchsearch">Sujets surveillés</a> | </span>
        <span class="gen"><a class="mainmenu " href="/search?search_id=favouritesearch">Favoris</a></span>
      </td>
    </tr>
  </tbody>
</table>

Dans ce code, vous pourriez, par exemple ajouter des class pour, ensuite, modifier l'apparence du menu par CSS.

Code:
<table class="t_profile_menu">
  <tbody>
    <tr>
      <td class="d_profile_menu">
        <span class="l_profile_menu" style="display: none;">Informations | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/profile?mode=editprofile&amp;page_profil=preferences">Préférences</a> | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/profile?mode=editprofile&amp;page_profil=signature">Signature</a> | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/profile?mode=editprofile&amp;page_profil=avatars">Avatar</a> | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/profile?mode=editprofile&amp;page_profil=friendsfoes">Amis et ignorés</a> | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/profile?mode=editprofile&amp;page_profil=notifications">Notifications</a> | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/search?search_id=watchsearch">Sujets surveillés</a> | </span>
        <span class="l_profile_menu"><a class="a_profile_menu" href="/search?search_id=favouritesearch">Favoris</a></span>
      </td>
    </tr>
  </tbody>
</table>

On peut ajouter ce CSS suite à l'introduction des class personnalisées :

Code:
.t_profile_menu{
  font-size: 12px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom: 10px
}
.a_profile_menu{
  font-size: 12px;
}

Ce qui permettrait d'arriver à un résultat concluant :




Warning Le fait de retirer le tag {UCP_TABS} pour un tableau personnalisé des liens induit un inconvénient : l'activation d'une option, pour un membre, ne s'affichera pas dans le profil. A titre d'exemple, si j'active les brouillons sur le forum, le lien brouillon ne s'affichera pas automatiquement dans le menu, il faudrait modifier le template pour l'ajouter.

Bipo.
avatar

Bipo
*****

Messages : 999
Inscrit(e) le : 23/09/2010

Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par *Splash* le Dim 26 Aoû 2018 - 9:02

@WolfCyr a écrit:Merci, malheureusement celà change aussi les titres des catégories.

Normalement non.

J'ai utilisé ce même code sur mon forum , adapté à la version AwesomeBB, cela n'a pas eu d'influence sur les catégories
avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1057
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par Bipo le Dim 26 Aoû 2018 - 16:21

Bonjour *Splash*,

@*Splash* a écrit:
@WolfCyr a écrit:Merci, malheureusement celà change aussi les titres des catégories.

Normalement non.

J'ai utilisé ce même code sur mon forum , adapté à la version AwesomeBB, cela n'a pas eu d'influence sur les catégories

La version phpBB2 et les autres versions ne sont pas structurées de la même manière. Faites le test vous même sur un forum en phpbb2, vous pourrez ainsi vous apercevoir que votre code n'est pas optimal et modifie ainsi l'affichage des autres éléments de la page contenant la class .genmed.

Bonne journée !
Bipo.
avatar

Bipo
*****

Messages : 999
Inscrit(e) le : 23/09/2010

Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par *Splash* le Dim 26 Aoû 2018 - 16:37

Au temps pour moi
avatar

*Splash*
Membre habitué(e)

Masculin
Messages : 1057
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Lun 27 Aoû 2018 - 1:00

Rebonjour Bipo et Splash.
Vous pouvez me tutoyer, je me sentirai plus à l'aise Wink

Concernant la solution consistant à réintégrer le code html, je l'ai testée sans succès puisque dans certains menus (avatar, signature ...) le menu revient à droite, sans compter les inconvénients que vous avez cités en fin de sujet.

J'ai donc opté pour une approche plus simple.
Dans le template profil_add_body :

Code:
<div id="menu_profil">{UCP TABS}</div>

Puis dans la CSS :

Code:
#menu_profil td {text-align:center !important;}

Un grand merci pour m'avoir mis sur la voie !

Edit : non résolu Sad
Certains menus comme signature, favoris etc... ne fonctionnent pas !

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par Bipo le Lun 27 Aoû 2018 - 11:16

Bonjour WolfCyr,

En effet, et je viens de constater que ma solution souffrait du même problème sur les mêmes pages car ce n'est pas le même élément appelé.

Je crains qu'il n'est malheureusement pas possible de modifier cet élément... Ou alors, ça dépasse peut-être mes connaissances ou ma logique What a Face

Je préfère passer la main sur ce sujet. Peut-être qu'un autre membre aura une solution à vous proposer.

Bonne journée flower
avatar

Bipo
*****

Messages : 999
Inscrit(e) le : 23/09/2010

Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Mar 28 Aoû 2018 - 1:34

Pour compléter, voici 3 templates où se trouve UCP_TABS :

profile_add_body (profile)
profile_edit_signature (profile)
search_results_topics (general)

Mais 4 liens sont encore problématiques. J'ai parcouru deux fois tous les templates sans succès, pourtant il doit y avoir un dernier UCP_TABS caché quelque part ...

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Jeu 30 Aoû 2018 - 1:03

up please !

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par Lixyr le Jeu 30 Aoû 2018 - 22:28

Bonsoir,

D'après mes recherches, la navigation qui vous pose problème apparait lorsque le profil avancé est sélectionné.
Right profil avancé

Or, ce profil n'est pas modifiable via template.

Je vous propose donc une solution qui passe par JavaScript (JQuery plus précisément), et qui pourrait corriger le soucis d'affichage que vous avez.

Pour cela, dans un premier temps :

1) Modification de la page de modération de profil

- panneau d'administration Right affichage Right template Right profil Right profile_add_body
- edit
- modifiez la ligne 2, 3, 4

<!-- BEGIN switch_display_menu -->
{UCP_TABS}
<!-- END switch_display_menu -->

par

Code:
<!-- BEGIN switch_display_menu -->
<div class="UCP_TABS_profil">{UCP_TABS}</div>
<!-- END switch_display_menu -->

- :enreg:
- validez le template :

2) Mise en place du CSS

- panneau d'administration Right affichage Right couleurs Right feuille de style CSS

Code:
.UCP_TABS_profil, .UCP_TABS_profil * {
text-align: center;
}

- validez.

3) Mise en place du JQUERY

- panneau d'administration Right modules Right gestion des codes JavaScript
Right créez un nouveau JavaSCript
Right cochez "sur toutes les pages"
Right mettez en titre "modification du profil avancé"
Right rajoutez le code

Code:
$(function() {
  if ( $("#profile-advanced-details").length ) {
    console.log("test 1 - profile-advanced OK");
    var p_adv = $("#profile-advanced-details");
    if ( $(p_adv).closest(".three-col").length ) {
      console.log("test 2 - closest OK");
      var p_clos = $(p_adv).closest(".three-col");
      if ( $(p_clos).find("td[nowrap="nowrap"] span.gen").length ) {
        console.log("test 3 - nav OK");
        var p_gen = $(p_clos).find("td[nowrap="nowrap"] span.gen");
        $(p_gen).wrapAll("<div class='UCP_TABS_profil' />");
      }
    }
  }
});


(s'il fonctionne, une version plus light :

Code:
$(function() {
  if ( $("#profile-advanced-details").length ) {
    if ( $("#profile-advanced-details").closest(".three-col").length ) {
      if ( $("#profile-advanced-details").closest(".three-col").find("td[nowrap="nowrap"] span.gen").length ) {
        $("#profile-advanced-details").closest(".three-col").find("td[nowrap="nowrap"] span.gen").wrapAll("<div class='UCP_TABS_profil' />");
      }
    }
  }
});

)


et enregistrez.


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6279
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Ven 31 Aoû 2018 - 2:53

Bonsoir Lixyr, merci pour votre réactivité !
Malheureusement, je n'arrive à faire fonctionner aucune des 2 versions.
Le html / CSS est bon puisque le centrage fonctionne sur information et préférences mais pas sur le reste Sad

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par Lixyr le Sam 1 Sep 2018 - 10:34

Vous êtes en PHPBB2 ?
Vous avez modifié des templates ? Du CSS personnalisé ?

Techniquement, vous avez simplement demandé à avoir le contenu centré. Est-ce qu'il est centré ?


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6279
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Sam 1 Sep 2018 - 10:49

Bonjour Lixyr !
Oui je suis en phpbb2.
Certains liens de la barre de navigation, une fois leur page respective ouverte, affichent une barre de navigation alignée à droite.
Informations, préférences et avatar fonctionnent avec la barre de navigation centrée (avec ou sans le script, juste avec la css et le html).
Par contre, les pages signature, attachement, amis, notifications, sujets regardés et favoris affichent la barre décalée.

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Lun 3 Sep 2018 - 14:56

UP s'il vous plaît.

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par Lixyr le Mar 4 Sep 2018 - 21:10

Bonsoir,

Dans ce cas, je vous propose un autre script :

Code:
$(function() {
  var p_location = location.href;
 
  if( location.href.match(/\/profile?/) || location.href.match(/\/search?/) || location.href.match(/\/rpg_sheet_edit?/)  ) {
    $("span.gen a[href$=\"page_profil=informations\"]").closest("td").addClass("nav_td");
    $("td.nav_td span.gen").wrapAll("<div class='UCP_TABS_profil' />");
  }

});

Conservez le même code CSS, mais modifiez le JQuery que je vous ai donné par celui-ci. Testé sur toutes les pages de la navigation de profil qui reste centrée horizontalement.

Rappel CSS :

Code:
.UCP_TABS_profil, .UCP_TABS_profil * {
text-align: center;
}


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6279
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page profil : agir sur le bloc contenant les liens

Message par WolfCyr le Mer 5 Sep 2018 - 21:35

Lixyr, ça fonctionne parfaitement. Un énorme merci !!!

WolfCyr
*

Messages : 48
Inscrit(e) le : 22/09/2014

http://magicrampage.forumotion.com
WolfCyr 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