https://www.icyphoenix.com/viewtopic.php?f=4&t=5662&p=37946#p37946
-----------------------------------
Chaotic
Sat 04 Apr, 2009 01:29

STYLE - How To Install & Customize Styles
-----------------------------------
[size=14][b]How To Install And Customize Styles[/b][/size]

You'll find a variety of different styles/templates available for use on your Icy Phoenix website, but sometimes you may not find the variation you are looking for.  Many Icy Phoenix users edit a style to suit their needs and this is perfectly acceptable.  You should be happy with your site's layout and design.  This guide will help guide you when installing new styles and customizing your style.

[list=1][*]Download the style you would like to use.
[*]Unzip the file and upload to: [i]ip_root/templates/[/i]
[*]Go to your Administration Control Panel (ACP): [b]ACP -> Styles and Templates -> Install Styles[/b]
[*]Find the style you uploaded and wish to install.  Click install.[/list]

 [img]http://www.icyphoenix.com/files/images/3295/installstyle.png[/img]
[hr]
Editing a style to suit your graphical needs is easier in the new Icy Phoenix.

You will find a few different files in your specific style folder that allow for color changes as well as graphics changes.  These files are:

[i][list][*]/templates/../style_YOURSTYLE.css
[*]/templates/../style_YOURSTYLE_colors.css
[*]/templates/../common.css
[*]/templates/../default.cfg[/list][/i]

Generally, [b].css[/b] files control colors and some graphics.  [b].cfg[/b] files control graphics.

Without "cramping your style", this is a simple change to show you how you would change something like the background color of your style.

[b]OPEN:[/b] [i]/templates/../style_YOURSTYLE.css[/i]

[b]FIND:[/b]

[code linenumbers=false]/* main selectors */
body {
	background: #ffffff;
	/*background: #ffffff url('images/ice/bg_body.gif') top left repeat-x;*/
	margin: 0px 0px 0px 0;
	padding: 0px 10px 0px;
}[/code]

[b]REPLACE WITH:[/b]

[code linenumbers=false]/* main selectors */
body {
	background: #000000;
	/*background: #ffffff url('images/ice/bg_body.gif') top left repeat-x;*/
	margin: 0px 0px 0px 0;
	padding: 0px 10px 0px;
}[/code]

We just changed the background from white to black by changing this value:

[code linenumbers=false]background: #ffffff;[/code]

 [img]http://www.icyphoenix.com/files/images/3295/changecss.png[/img]

Feel free to change anything and everything to the colors you desire.


