fld wrote:hey, can you please instruct me step by step how to change the header like yours?
First you have to create the image
bg_logo.jpg (900px * 89px) and upload it to
root/styles/Swanky/theme/images/bg_logo.jpg
Then Open root/styles/Swanky/theme/
colours.css and Find:
Code: Select all
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #717F8C;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}
Replace it with:
Code: Select all
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #717F8C;
background-image: url("{T_THEME_PATH}/images/bg_logo.jpg");
color: #FFFFFF;
}
Find:
Code: Select all
.forumbg {
background-color: #717F8C;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
}
Replace with:
Code: Select all
.forumbg {
background-color: #717F8C;
background-image: url("{T_THEME_PATH}/images/bg_logo.jpg");
}
Open styles/Swanky/theme/
stylesheet.css and Find:
Code: Select all
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #717F8C;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");
color: #FFFFFF;
}
Replace with:
Code: Select all
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #717F8C;
background-image: url("{T_THEME_PATH}/images/bg_logo.jpg");
color: #FFFFFF;
}
Next, go into you Administration Control Panel, click on the "Styles" tab at the top, click on "Themes" under "Style components" on the left, and click on "Refresh" next to the theme/style you have edited.
END