Edit- management view
Working in an environment of your choice is always a great start to a better result. Learn how to change the management mode to look more appealing to your eyes.
You can do this by using css, lets begin. we will be editing the .yui-skin-sam, .SKYUI-Window .yui-panel .ft .yui-panel .hd .yui-panel .bd
How It Works – CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------------
For our first line we will have the following:
|
|
1 .yui-skin-sam .SKYUI-Window.yui-panel .ft {background:none repeat scroll 0 0 #eee;}; |
|
---------------------------------------------------------------------------------------------------------------------
For our second line we will have the following which removes the header from the edit window and replaces it with our image.
|
|
2. .yui-skin-sam .yui-panel .hd {color:#eee !important; background:url(blue_management_edit_makeover.png) !important;} |
|
"
color" property- changes the color of the text in the header
"
background' property- changes the header background, could be replaced with an image or color by changing the value from 'url()' to '#0f69a5' ( we used an image to add slight transparency.)
---------------------------------------------------------------------------------------------------------------------
For our third line we will use the following code:
|
|
3 .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {background-color:#eee !important;} |
|
"
background-color" property- changes the background color of the edit window.
---------------------------------------------------------------------------------------------------------------------------------------------------------------
change the values as you please then add this to your custom modifiers sheet or your css sheet, both work. Have fun and happy editing.
