Porting style - How To?

[dw1973]

Is there a How To guide for porting styles to stargate?

I've looked on here and on stargate-portal but con't find anything

[Blazeflack]

There is currently no How-To no.

[mitch]

I think mike did one let me see if i can find it

It was old so, it was deleted.

[dw1973]

I've got to a certain point but only the central blocks are showing on the portal page....any ideas?

[mitch]

clear cache
Check that all the edits are done

[mitch]

Quick and dirty method
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 489 times

and highlight the block. then click after the red bar is around it.

Block.PNG (20.36 KiB) Viewed 489 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 489 times

and highlight the block. then click after the red bar is around it.

Block.PNG (20.36 KiB) Viewed 489 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.

[dw1973]

I can't believe I didn't think of looking at the style edits on the install instructions

Thanks for the guide mitch