[RÉGLÉ] infobulle profil utilisateur

[jmad]

Bonjour,

Lorsqu'un utilisateur veut modifier son profil, il y a une infobulle lorsque la souris est sur "Nom" par exemple.
Je n'arrive pas à modifier le texte de cette infobulle, ni sa couleur, ni son emplacement.
J'ai tenté avec un .tooltip et pas mal d'autres essais pour modifier seulement la couleur...
J'arrive à modifier Nom, Identifiant, Mot de passe etc... mais jamais l'infobulle.
Si une âme charitable pouvait m'indiquer où se trouve le fichier dans Joomla!

Voici une copie dans l'outil de développement firefox
************************************************** *************************
<div class="control-label">
<label id="jform_name-lbl" for="jform_name" class="hasPopover required" title="" data-content="Saisissez votre nom complet" data-original-title="Nom">
Nom<span class="star">&nbsp;*</span></label>
</div>
************************************************** *************************
Merci de m'avoir lu.

Cordialement

[lomart]

Bonjour,

Pour le texte, il se trouve dans \language\fr-FR\fr-FR.com_users.ini

La mise en forme se trouve dans les xml de com_users

[Eddy.vh]

Bonjour.

Sans oublier que le changement de texte devra se faire après chaque mise à jour.
Pour éviter ça, une substitution sera préférable depuis la fonction disponible depuis Extensions - Langues.

Bon dimanche.

[jmad]

Bonsoir

Merci pour votre aide, j'ai changé le texte à l'aide de la substitution et la modification est correcte.
J'essaie de modifier la couleur et le placement de ces infobulles, mais je ne dois pas être doué. Apparemment, ce serait géré par Bootstrap. Mais comment modifier les css de Bootstrap ?
Je vais continuer à chercher.

Cordialement.

[GraphiqueDesign]

Pour modifier les css, utiliser ou créer un fichier custom.css qui ne sera pas écrasé lors d'une mise à jour de Joomla ou du template. Il faut également vérifier que la nouvelle règle css n'impacte pas le site en d'autres endroits ou en créant des effets de bord. Si cela est possible, créer une classe particulière à l'effet recherché afin que la modification soit limitée au résultat recherché.

[papounet]

Voici une liste de selecteur css pour aider
La version de bootstrap est un peu ancienne, mais cela fonctionne correctement sur le site ou j'ai récupéré et qui est à la dernière version 3.8.10
Pour les couleurs de fond et du text modifier .tooltip-inner et ajouter !important si nécessaire
Place ta feuiile de faon qu'elle soit lu en dernier (juste avant la fermeture de la balise head dans le fichier index.php de ton template).

/* tooltip.css */

/* TOOLTIP : Bootstrap v2.3.2
---------------------------------------------------------*/
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  /*opacity: 0.8;*/
  /*filter: alpha(opacity=80);*/
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  background-color: #000000;
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;  
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tooltip-inner {
  background-color: #0066CC; /* couleur de fond info bulle */
}


.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}



/* End  I am happy for you */

[jmad]

Bonjour à tous,

Merci pour vos recherches. Les css de Bootsrap, j'ai la liste complète, mais je n'arrive même pas à changer la couleur du texte des infobulles. J'ai créé un fichier custom.css, mais rien n'y fait.
Je pense que c'est une question d'adressage, je n'arrive pas à comprendre comment trouver le chemin de la source du css Boostrap pour la gestion des profils.
Je suis en train d'étudier la façon de créer un plugin (peut-être un module si besoin) dans Joomla. Je pourrai peut-être l'installer pour la modification des profils.
J'ai eu des problèmes similaires avec des templates, finalement j'en ai créé un perso et je suis bien plus tranquille, je le modifie comme je l'entends et je mets des commentaires pour indiquer à quoi servent toutes les rubriques que j'ai créées.

En cherchant sur plusieurs sites, il me parait très compliqué de modifier les css de Bootstrap.
J'attends encore quelques jours. Je mettrai "Réglé" même si ce n'est pas le cas. Il ne faut pas laisser un problème en cours trop longtemps si il n'y a pas de solutions simples pour le résoudre.

Bonne journée.

[lefabdu51]

bonjour, quel est le template utilisé ?

second point, dans le code html exemple, deux classes attirent mon attention hasPopover et la classe required.

[jmad]

Bonsoir à tous,

Merci de votre attention et vous m'avez bien aidé. J'ai enfin compris comment utiliser les css de Bootstrap.
Le problème c'est qu'il y a plus de 6000 lignes qui provoquaient des tas "d'embrouilles" sur mon site. En fait, j'ai supprimé 100 lignes par 100 lignes jusqu'à trouver les lignes nécessaires.
Ce qui est bizarre, c'est que je n'ai besoin que des lignes "popover", les lignes "tooltip" ne sont pas nécessaires (alors que je voulais modifier les infobulles). J'ai eu quelques soucis avec la présentation du site, mais en modifiant les autres css tout est rentré dans l'ordre.

Merci encore.

Cordialement