Top Frame Elements

The following top frame elements can be customized:

Top area

  1. Logotype image
  2. Background
  3. Frame separator line
  4. Copyright info, text banner, and Log out link
  5. Background image

Customization samples

UI Element

Selector

CSS code sample

  • Logotype image

Image can be set through the user's interface, but the default image is contained in the skin (images/def_plesk_logo.gif)

-------

  • Background
  • Frame separator line

body

body {

background-color: #ffffff;

background-image: url(../../images/top_bg.jpg);

background-repeat: repeat-x;

background-position: left bottom;

}

  • Copyright info, text banner, and Log out link

#topCopyright

#topTxtBanner

#topLogout

#topCopyright a:link,

#topCopyright a:active,

#topCopyright a:visited {

text-decoration: none;

font-size: 11px;

color: #d6e0ff;

}

  • Background image

.body

.body {

background-image: url(../../images/top_body_bg.jpg);

background-repeat: no-repeat;

background-position: top right;

}