posted on Wednesday, November 03, 2004 7:25 AM by Andrew Scott

Changed the CSS

After making my first post yesterday I wanted to see what I was able to achive with CSS.  Having looked through all the skins I decided that I'd modify "AnotherEon001" using Custom CSS Selectors in the Admin section of .Text.  This tool in connection with the skins makes it very easy to manipulate the inferface.

This is makeing the top bar shaded

.top{
   FILTER: progid:DXImageTransform.Microsoft.Gradient
(gradientType=0,startColorStr=#cccccc,endColorStr=#111111);
}

Shading the menu area and add a a dashed right side:

#leftmenu{
   FILTER: progid:DXImageTransform.Microsoft.Gradient
(gradientType=1,startColorStr=#ffffff,endColorStr=#cccccc);
   border-right:dashed 1px black;
}

Adding more style to the Header area

#sub{
   background-color:#cccccc; 
   color:#555555; 
   border-bottom:dashed 1px black; 
   border-top:solid 2px white;
}

Enhancing the menu titles to the left

#leftmenu H3{ 
   background-color:#cccccc; 
   border:outset 1px white;
}

Making menu items stand out more

#leftmenu A{
   font-weight:bold; 
}

Inverting the items on :hover

#leftmenu A:hover{
   background-color:#222222; 
   color:white;
}

With these few changes the you can see that the style has changed (maybe not for the better!) but at least this make it's more custom than the defaults.

Andy

Comments