Customizing users card in websphere portal8

Control display duration of user card :- 

1. Select the appropriate websphere server console, depending on your environment:
2. Start the WebSphere Integrated Solutions Console by entering the URL in the location field of a Web browser: 
http://localhost:10032/ibm/console
3. In the navigation, click Resources -> Resource Environment -> Resource Environment Providers.
4. Locate and click the resource WP PeopleService.
5. Under Additional Properties, click Custom Properties.
6. Locate personTagTimeout and then set its value in milliseconds.
7. Click Apply and then save the settings.
8. Restart the portal server.

Customizing the look of person card :-

1. Locate your theme's Cascading Style Sheet (CSS) files. The location can differ between themes, but the CSS files are often in a /css or /styles folder within your theme. For more information on locating your theme's files, see Location of theme resources.
2. Locate and open the CSS file that contains the Person Card styles. The file may differ by theme, but is often either styles_people.jpsf, styles_ibm.jspf, or portalLegacy.css. 
You can locate the specific file by searching file contents of the CSS folder for one of the CSS style definitions listed in the following table (for example, personMenu), or by loading the portal theme in a Web browser and using Web development tools to inspect the CSS style definitions loaded in the page.
3. Find the following style definitions in the file and modify them as needed:
   

Modify this style definition	To do this
.menu_drop_icon	Change the look and feel of the Click for Person Card option.
.hyperlink	Change the appearance of the person name hyperlink.
.photoCard img	Change the style of the image that displays in the business card section of the Person card.
.businessCard .cardname	Change the style of the name that displays in the business card section.
.businessCard li	Change the style of other user details that display in the business card section.
.personMenuActions	Change the style of the actions such as Profile and Send Mail that display on the Person card.
.personMenu	Change the style of the container that holds the business card and action items as a single unit.



4. Touch the timestamp on the theme's styles.jsp so that it will be recompiled by the JSP compiler.
You can touch the timestamp by editing the file, adding a blank line, and saving the file.
5. Clear the browser's cache and cookies.
6. Call the Person card and verify your changes.