Page 1 of 1

[EN] How to ... edit portal.css

Posted: 27. August 2008 21:34
by Heinrich-XIV
Hello,

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;}
and

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;}
Greets

Heinrich