Personnalisation de l'aspect de la carte personnelle

You can change elements of the Click for Person Card option and the appearance of the Person card such as text color, font, background color, and so on, by modifying Cascading Style Sheet (CSS) definitions specified in the styles_people.jspf file located in the theme directory.

Avant de commencer

Pourquoi et quand exécuter cette tâche

Procédure

  1. Allez à AppServer_root/installedApps/<cell_name>/wps.ear/wps.war/themes/html/<theme_name>.
  2. Ouvrez le fichier styles_people.jspf.
  3. Recherchez les fichiers CSS de votre thème. L'emplacement peut différer en fonction des thèmes, mais les fichiers CSS se trouvent généralement dans un dossier /css ou /styles de votre thème. Pour plus d'informations sur la localisation des fichiers de votre thème, voir Emplacement des ressources de thème.
  4. Localisez et ouvrez le fichier CSS contenant les styles de carte personnelle. Le fichier peut différer en fonction du thème mais est généralement styles_people.jpsf, styles_ibm.jspf ou portalLegacy.css.
    Vous pouvez localiser le fichier spécifique en recherchant une des définitions de style CSS répertoriées dans le tableau suivant (par exemple, personMenu) dans le contenu de fichier du dossier CSS ou en chargeant le thème de portail dans un navigateur Web et en utilisant les outils de développement Web pour examiner les définitions de style CSS chargées sur la page.
  5. Recherchez les définitions de style suivantes dans le fichier et modifiez-les selon les besoins :
    Modifier cette définition de styleAction
    .menu_drop_icon Modifiez la présentation de l'option Cliquer pour afficher la carte personnelle.
    .hyperlink Modifiez l'aspect de l'hyperlien associé au nom de la personne.
    .photoCard img Modifiez le style de l'image affichée dans la section de carte professionnelle de la carte personnelle.
    .businessCard .cardname Modifiez le style du nom affiché dans la section de carte professionnelle.
    .businessCard li Modifiez le style des autres caractéristiques de l'utilisateur dans la section de carte professionnelle.
    .personMenuActions Modifiez le style des actions telles que Afficher le profilProfil et Envoyer un courrier électroniqueEnvoyer un courrier qui sont affichées dans la carte personnelle.
    .personMenu Modifiez le style du conteneur qui renferme les éléments carte professionnelle et action en une seule unité.
  6. Changez l'horodatage du fichier styles.jsp du thème pour qu'il soit recompilé par le compilateur JSP.
    Vous pouvez changer l'horodatage en modifiant le fichier, en ajoutant une ligne vide et en l'enregistrant.
  7. Videz la mémoire cache du navigateur et supprimez les cookies.
  8. Appelez la carte personnelle de la personne et vérifiez vos modifications.

Que faire ensuite