marc already wrote a good instruction for this. I put it into this FAQ to save users searching efforts ...
portal.css only affects prosilver based styles and - concerning colours - the main- and user-menu. According to the colours in the original style these are subject to be changed.
Here the instructions, altered a bit:
In order to have a menu that fits your style you will have to modify the files in
/styles/*your_style*/theme/images/portal/ and the background-colours in portal.css.
Example:
For the main-menu copy bg_menu.gif from /styles/*your_style*/theme/images to
/styles/*your_style*/theme/images/portal/.
Then delete bg_portalmenu.gif in /styles/*your_style*/theme/images/portal/ and rename the just copied bg_menu.gif to bg_portalmenu.gif.
Open it with your picture processor (Photoshop, GIMP, PaintShop ...) mirror it and save it as bg_portalmenu1.gif in /styles/*your_style*/theme/images/portal/.
After that change the following parts in portal.css to reflect the desired colours:
Code: Select all
.portal-navigation li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: auto; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #11A1E8;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu.gif");
border-bottom: 1px solid #90bade;
border-left: 7px solid #6ACEFF;}
Code: Select all
.portal-navigation li a:hover {
background-color: #2586d7;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
border-left-color: #AA0000;}
Heinrich
