View Single Post
  #8 (permalink)  
Old February 7th, 2007, 07:15 PM
plb plb is offline
Authorized User
 
Join Date: Jan 2007
Location: Oakland, CA, USA.
Posts: 94
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Two Minor Graphic Ideas:

Number #1 -

You can spiff up the appearance of the buttons without changing any functionality by simply creating a button class in the theme css file.

.button
{
    background-image: url(Images/btnTemplate.gif);
    cursor: hand;
    color: white;
    background-repeat: no-repeat;
    font-family: Verdana, 'Trebuchet MS', Arial;
    font-size:x-small;
    background-color: transparent;
    text-align: center;
    height: 22px;
    width: 101px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

Then where there is one of those ugly gray rectangle buttons just add a class.

<asp:Button runat="server" ID="btnThing" Text="Do Thing" OnClick="btnThing_Click" CssClass="Button" />

For this to work you also need a graphic button template in the template images folder. This button should be 100 by 21 for this example. This is a wide button template you will probably want a thinner one too.

Number #2 -

The unique part of the header graphic should extend no more than about 720 pixels before it becomes a consistent background that merges with the headerSlice.gif background. The header graphic is 780 pixels wide. The login box will overlay the header graphic otherwise for those who run lower resolutions or those who run their browser with the Explorer panel open (e.g.Favorites)

I solved this problem by lowering the login box slightly and putting the title above it.