STYLES CHANGE PANEL VERSION 1.0

Title: styles_change_panel
Version: 1.0
PHP-Fusion version: 7.02
Author: Arthur Smirnov (MeTRoiD)
Website: http://php-fusion-tutorials.com/

License: AGPL

This program is released as free software under the
Affero GPL license. You can redistribute it and/or
modify it under the terms of this license which you
can read by viewing the enclosed file, agpl.txt.

Style change panel is a panel that allows you to change your theme styles.
You can change styles one all of sections even $id pages.
This gives your site a new fresh look.

Example: 
Your theme background is #000
You can change background for news.php to #fff
You can change background for articles.php to #ccc
You even can change background for news.php?readmore=1 to #bbb
This is example you can feel free and change any thing you want.

Find out if you can change your theme styles if the owner of theme is allowed to do it.

Installation instructions:

1. Upload folder infusions to your main directory
2. Click Add new Upper Center panel
3. Find styles_change_panel in drop down menu
4. Enable on all pages by checking Display panel on all pages
5. After it's done don't forget to enable the panel
6. Create and change styles. Look bellow to see more info. !!!IMPORTANT!!!
7. Read all of the README file, becouse this panel is a difficult!!!
8. Enjoy it.

Uninstall instructions:
1. Go to your site
2. Go to admin panel
3. Click System Admin
4. Click panels
5. Delete or disable panel
6. Delete files from server

CHANGE STYLES:

Most important step to do is to create styles and to edit them.
Here is the file list that you need to create if you want to use it for some section only.
Or download sample files @ http://phpfusiontutorials.com/ at download section.

infusions/styles_change_panel/styles/articles/article_1_styles.css // Replace 1 with article id to what you want to change style.
infusions/styles_change_panel/styles/articles/cat_1_styles.css // Replace 1 with article cat to what you want to change style.
infusions/styles_change_panel/styles/articles/styles.css // This will change style to all articles section.
infusions/styles_change_panel/styles/downloads/cat_1_styles.css // Replace 1 with download cat to what you want to change style.
infusions/styles_change_panel/styles/downloads/download_1_styles.css // Replace 1 with download id to what you want to change style.
infusions/styles_change_panel/styles/downloads/styles.css // This will change style to all download section.
infusions/styles_change_panel/styles/faq/cat_1_styles.css // Replace 1 with faq cat id to what you want to change style.
infusions/styles_change_panel/styles/faq/styles.css // This will change style to all faq section.
infusions/styles_change_panel/styles/forum/forum_1_styles.css // Replace 1 with forum id to what you want to change style.
infusions/styles_change_panel/styles/forum/styles.css // This will change style to forum index section.
infusions/styles_change_panel/styles/forum/thread_1_styles.css // Replace 1 with forum thread id to what you want to change style.
infusions/styles_change_panel/styles/news/news_1_styles.css // Replace 1 with news id to what you want to change style.
infusions/styles_change_panel/styles/news/styles.css // This will change style to all news section.
infusions/styles_change_panel/styles/news_cats/cat_1_styles.css // Replace 1 with news cat id to what you want to change style.
infusions/styles_change_panel/styles/news_cats/styles.css // This will change style to all news cats section.
infusions/styles_change_panel/styles/photogallery/album_1_styles.css // Replace 1 with photogallery album id to what you want to change style.
infusions/styles_change_panel/styles/photogallery/photo_1_styles.css // Replace 1 with photogallery photo id to what you want to change style.
infusions/styles_change_panel/styles/photogallery/styles.css // This will change style to all photogallery section.
infusions/styles_change_panel/styles/profile/profile_1_styles.css // Replace 1 with profile id to what you want to change style.
infusions/styles_change_panel/styles/submit/article_styles.css // This will change style to submit articles section.
infusions/styles_change_panel/styles/submit/downloads_styles.css // This will change style to submit downloads section.
infusions/styles_change_panel/styles/submit/link_styles.css // This will change style to submit link section.
infusions/styles_change_panel/styles/submit/news_styles.css // This will change style to submit news section.
infusions/styles_change_panel/styles/submit/photo_styles.css // This will change style to submit photo section.
infusions/styles_change_panel/styles/viewpage/viewpage_1_styles.css // Replace 1 with viewpage id to what you want to change style.
infusions/styles_change_panel/styles/weblinks/cat_1_styles.css // Replace 1 with weblinks cat id to what you want to change style.
infusions/styles_change_panel/styles/weblinks/styles.css // This will change style to all weblinks section.
infusions/styles_change_panel/styles/contact_styles.css // This will change style to contact section.
infusions/styles_change_panel/styles/edit_profile_styles.css // This will change style to edit profile section.
infusions/styles_change_panel/styles/login_styles.css // This will change style to login section.
infusions/styles_change_panel/styles/lostpassword_styles.css // This will change style to lost password section.
infusions/styles_change_panel/styles/members_styles.css // This will change style to members section.
infusions/styles_change_panel/styles/messages_styles.css // This will change style to massages section.
infusions/styles_change_panel/styles/register_styles.css // This will change style to register section.
infusions/styles_change_panel/styles/search_styles.css // This will change style to search section.

AND CREATE blank index.php FILES TO ALL SUBFOLDERS!!!!!


When files created you need to edit them.
For example our theme background is #000000
And we want to change background to #ffffff for photogallery where photo id = 91
Now what we need to do is create a file
infusions/styles_change_panel/styles/photogallery/photo_91_styles.css 
Open it and simply add
body {background-color:#ffffff;}
Save it and your are done. :)


What this panel do?

This panel simply add to <head> another css file if it exists for example we have a file
infusions/styles_change_panel/styles/viewpage/viewpage_12_styles.css
when someone opens page http://url.com/viewpage.php?page_id=12
to <head> is add another css file who overwrites the first css file (theme css file).


Other notes:

This panel could be a little difficult for beginners.
This panel can change styles to almost all PHP-Fusion pages.
If you don't understand something then visit http://php-fusion-tutorials.com/ and ask for help at forum
or ask for help at http://php-fusion.co.uk/ at Support Thread in forum.
But if you understand something, then you will love this panel :)


This panel overwrite only given css class. For example we have a body code from original css file:

body
{
background-image:url('img_tree.png');
background-repeat:no-repeat;
background-position:right top;
} 

and the replaced css

body
{
background-image:url('another_img_tree.png');
} 

now the output on browser will be

body
{
background-image:url('another_img_tree.png'); //replaced becouse existed
background-repeat:no-repeat; // stay'd original becouse didn't exist
background-position:right top; // stay'd original becouse didn't exist
} 

ENJOY IT! IT WILL GIVE A NEW FRESH LOOK TO YOUR HOME PAGE.