web-dev-qa-db-fra.com

Module: Panneau utilisateur plus

voudrais demander si quelqu'un sait comment recalculer la position du menu déroulant du menu utilisateur pour ce module. Les modules fonctionnent de la même manière qu’ils ouvrent un panneau d’utilisateur dans une liste déroulante lorsque vous cliquez dessus.

Sur notre site Web, nous avons placé ceci en bas à droite, de sorte que le login est moins visible pour les invités. Mais cela fonctionne aussi un peu stupide car la liste déroulante tombe plus loin que le pied de page, ce qui rend la couleur de fond visible pour la hauteur accrue.

L'élément auto calcule le haut en fonction de la taille de la page. Elle est donc toujours placée sous le lien "Hé, nom d'utilisateur". Souhaitez-vous que ce soit calculé au-dessus du lien "Hé, nom d'utilisateur" au lieu de ci-dessous. Bien sûr, cela aura l'air un peu bizarre d'avoir un menu déroulant venant d'en haut du lien au lieu d'en bas, mais je pense que cela fonctionnera mieux.

Des idées?

Capture d'écran de ce que j'aimerais réaliser:

Screenshot of what I would like to achieve

joomla-3.xmodulemodule-display
2
Hammur

Voici quelques idées. Ils donneront des résultats différents, en fonction de ce que vous préférez:

Option 1: Centrer la boîte de connexion sur l'écran:

Essayez d’ajouter ceci à votre CSS pour centrer la boîte à l’écran:

#plusl-content-login {
 position: fixed!important;
 top: 50%!important;
 left: 50%!important;
 transform: translate(-50%, -50%);
}

Option 1

Option 2:

(Uniquement testé dans Chrome). Vous pouvez essayer d’ajouter ce code jQuery quelque part dans le fichier JOOMLAROOT/templates/j51_polaris/index.php (près du bas à droite avant </body> devrait fonctionner correctement):

<script>
  jQuery(document).ready(function() {
     var logintop = jQuery( ".plusl-content-block" ).css( "top" );
     jQuery(".plusl-content-block").css( "top",parseInt(logintop, 10) - 350 + "px" );
  });
</script>

Cela déplace essentiellement la boîte de connexion 350px (la hauteur par défaut) vers le haut de sa position d'origine.

Option 2

3
johanpw