Roy's link
Tools needed
1. Winmerge
2. Editor for text files - Example Edit 3+, notepad Plus, A programming type editor
You must make sure the setting in your editor has UTF-8 encoding and file formal = UNIX
3. Firefox
Firefox addons -
Fire bug
Colorzilla -used to find the color code on a web page
There are two ways
First is the long way.
Copy the contents of the root/styles/prosilver or Subsilver2 from the install files to the style you want to port
If it asks do you want to overwrite some files answer NO.
Open up the style edit XML file that gives the edits to prosilver or subsilver2. What ever type of style you want to port.
Follow the edits for that style on the style you want to port.
Load your stargate portal forum (hopefully Locally - (its easier that way)use wamp or xamp for a local server but that's another how-to.)
Go to ACP and install the style you just ported. Clear cache on the general page tab and refresh your style under the styles tab.
Load the style you will notice that on the portal page it doesn't look like the forum page (index)
Right click on the portal page(hopefully you are using Firefox and the firebug add on) If not, this will not work.
Pick inspect element.
On the firebug menu Bar second Icon on the left click on it
- firebugtoolbar.PNG (6.71 KiB) Viewed 269 times
and highlight the block. then click after the red bar is around it.
- Block.PNG (20.36 KiB) Viewed 269 times
look for the css tag for the part of the block that is not correct.(left fire-bug Pane)
On the right pane you can input a color code and it will change on the fly. also notice the css tag that you changed the color
At this point open up portal.css in your editor and find the css tag and change the color tag that you did in fire bug.
Most of the time its block_header, .block_bg, .block_body, .block_data, .box. On custom styles you might have to add a image file or change the name because it differs from the base style because the author decided on a new name.
You can pretty much find any css tag by inspecting and playing in the html pane(left) and changing the code in css pane(right in Fire-bug
when you reload the page the setting goes back to normal you need to edit the portal.css with you editor to change it for good.
The Short Way.
Copy the contents of the root/styles/prosilver or Subsilver2 from the install files to the style you want to port
If it asks do you want to overwrite some files answer NO.
Start Winmerge
Open up prosilver or subsilver in one side and your style you want to port in the other side.
compare the files.
When you come to a stargate file edit right click on it and merge it to the style you want to port.
do this for all the files.
Load your stargate portal forum (hopefully Locally - (its easier that way)use wamp or xamp for a local server but that's another how-to.)
Go to ACP and install the style you just ported. Clear cache on the general page tab and refresh your style under the styles tab.
Load the style you will notice that on the portal page it doesn't look like the forum page (index)
Right click on the portal page(hopefully you are using Firefox and the firebug add on) If not, this will not work.
Pick inspect element.
On the firebug menu Bar second Icon on the left click on it
- firebugtoolbar.PNG (6.71 KiB) Viewed 269 times
and highlight the block. then click after the red bar is around it.
- Block.PNG (20.36 KiB) Viewed 269 times
look for the css tag for the part of the block that is not correct.(left fire-bug Pane)
On the right pane you can input a color code and it will change on the fly. also notice the css tag that you changed the color
At this point open up portal.css in your editor and find the css tag and change the color tag that you did in fire bug.
Most of the time its block_header, .block_bg, .block_body, .block_data, .box. On custom styles you might have to add a image file or change the name because it differs from the base style because the author decided on a new name.
You can pretty much find any css tag by inspecting and playing in the html pane(left) and changing the code in css pane(right in Fire-bug
when you reload the page the setting goes back to normal you need to edit the portal.css with you editor to change it for good.
