7.1

#header h1 {
display: none;
}
The second style hides the contents of the <h1> tag (display: none;).
User information
The User Info block displays the name of the logged on user, an option that lets the user edit his or her personal information
and the Log off option. The Edit User Info is optional and depends on the users role.
In the default the user User Info block is dark blue and placed just above the Menu bar
In the default skin the User Info bar is placed just above the Menu bar. Using styling parameters the two seem to be sur-
rounded by border. This is achieved by adding a border to the top, left and right of the User Info bar and a border to the bot-
tom, left and right of the Menubar.
CSS Lists
The User Info bar is created using an HTML list. This allows you to easily change its orientation from horizontal to vertical
using CSS styling. Below the CSS code for the user info items in the style-element-userinfo.php file.
#userinfo ul
{
padding-right: 5px;
float: right;
}
#userinfo li
{
display: inline;
border-right : 1px solid silver;
margin: 0;
padding: 2px 0.4em;
font-size:10px;
font-size-adjust:none;
line-height: 2.2em;
}
#userinfo li a
{
text-decoration: none;
}
#userinfo li a:hover
{
©2010 Objectif Lune Inc - 228 -