Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
Joshin Josh Profile
Live feed
Blog
Friends
Miscellaneous info


Global user

Registered: 11-2004
Posts: 2384
Karma: 65 (+95/-30)
Reply | Quote
posticon Skin Submitting Method--Cheat Sheet


When submitting a skin, please use a method similar to this. Making the Post like this will serve 2 purposes.

One, it should make copying and pasting the code, and understanding where to put the code easy for a board owner who chooses your skin.

Two, using the [i][i][i][/i][/i][/i] BBcode, will prevent the post from having to horizontally scroll.

Here is the Cheat Sheet:

[center]Screencap[/center]

[center][big][b][url=[sign in to see URL]]Link to Skin[/url][/b][/big][/center]
[b][b][b]Installation Instructions[/b][/b][/b][i][col=#336699]First, switch your board over to custom mode (details are located [url=[sign in to see URL]]here[/url]).[/col][/i]

[b][u]Custom CSS[/u][/b]
[i]copy and paste the following CSS code into your Custom CSS box[/i]

[i][i][i]
Css Code here
[/i][/i][/i]


[b][u]Custom HTML header[/u][/b]
[i]copy and paste the following HTML code into your Custom HTML header[/i]

[i][i][i]
html header code here
[/i][/i][/i]


[b][u]Custom HTML Footer[/u][/b]
[i]copy and paste the following HTML code into your Custom HTML Footer[/i]

[i][i][i]
html Footer code here
[/i][/i][/i]

[b][u]Customize colors and layout settings[/u][/b]
[i]copy and paste the following into the correct tab in your customize color section.[/i]

[i][i][i]
[b]Miscellaneous options[/b]
Use extra CSS options?:
Use CSS trick 1?:
Use CSS trick 2?:
Background color:
Background color transparent:
Background image (optional):
Background image tile X:
Background image tile Y:
Text color :
Bottom info line color:

[b]Link Options[/b]
Link color :
Link overlined :
Link line-through :
Link underlined :
Visited link color :
Visited link overlined :
Visited link line-through :
Visited link underlined :
Hover link color :
Hover link overlined :
Hover link line-through :
Hover link underlined :

[b]Forum List Layout Options[/b]
Forum list master table background color :
Forum list master table border color :
Forum list master table border width (pixels):
Forum list table background color :
Forum list table background image:
Forum list table border color :
Forum list table border width (pixels):
Forum list table header background color :
Forum list table header background image:
Forum list table header border color :
Forum list table header border width (pixels):
Forum list table header text color :
Forum list table first alternate background color :
Forum list table second alternate background color :
Forum list table text color (optional) :
Forum list table description color :
Forum list table separator background color :
Forum list table separator background image:
Forum list table separator text color :
Forum list master table width (percents):
Forum list table width (percents):

[b]Topic List Layout Options[/b]
Topic list master table background color :
Topic list master table border color :
Topic list master table border width (pixels):
Topic list table background color :
Topic list table background image:
Topic list table border color :
Topic list table border width (pixels):
Topic list table header background color :
Topic list table header background image:
Topic list table header border color :
Topic list table header border width (pixels):
Topic list table header text color :
Topic list table first alternate background color :
Topic list table second alternate background color :
Topic list table text color (optional) :
Topic list master table width (percents) :
Topic list table width (percents) :

[b]Post List Layout Options[/b]
Post list master table background color :
Post list master table border width (pixels):
Post list master table border color :
Post list master table width (percents) :
Post list table width (percents) :
Post list table first alternate background color :
Post list table second alternate background color :
Post list table border color :
Post list table border width (pixels):
[/i][/i][/i]

[b][u]Customize the language set[/u][/b]
[i]copy and paste the following into the correct tab in your custom language section. [/i]

[i][i][i]
Custom Language Set Here
[/i][/i][/i]


If you need help with this skin, please ask your questions [url=[sign in to see URL]]Here.[/url]





Last edited by Joshin Josh, 7/25/2009, 3:10 am


---

8/4/2007, 10:57 pm Link to post PM Joshin Josh Blog
 
mamasa tonkara Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user
Global user

Registered: 08-2008
Posts: 1
Karma: 0 (+0/-0)
Reply | Quote
Re: Skin Submitting Method--Cheat Sheet


i dnt get how this works can you explain more
8/26/2008, 1:54 pm Link to post Email mamasa tonkara   PM mamasa tonkara
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Global user (premium)

Registered: 07-2005
Location: Runboard Staff Aux
Posts: 9130
Karma: 254 (+313/-59)
Reply | Quote
Re: Skin Submitting Method--Cheat Sheet


Hi mamasa tonkara,

The cheat sheet is designed so that all skin submissions will follow the same format when posted. That makes it easier for someone to use a skin designed by others and makes it easier for the designer because lets face it, we sometimes forget that we changed or added something in a area without a gentle reminder emoticon

I find it easiest to just copy the cheat sheet into my word processor then I copy and paste my changes into the areas between the BB codes of the cheat sheet. Once finished I save my design as a text document which lets me copy and paste it into a post.

---

RSFRDAdvertise Boards On TRDREITB
8/26/2008, 2:20 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
The Wizard3 Profile
Live feed
Blog
Friends
Miscellaneous info

Resident Wizard
Global user

Registered: 06-2006
Location: Castle Belgalor
Posts: 175
Karma: -10 (+19/-29)
Reply | Quote
Re: Skin Submitting Method--Cheat Sheet


When you say josh, add a screencap, I think PR said somewhere to make it a certain size in pixels.

I think these dimensions are suitable

Screencap: 500px Width x 346px Height
Thumbnail capture: 165px x 102px
2/26/2009, 2:04 pm Link to post PM The Wizard3 Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Global user (premium)

Registered: 07-2005
Location: Runboard Staff Aux
Posts: 9130
Karma: 254 (+313/-59)
Reply | Quote
Re: Skin Submitting Method--Cheat Sheet


The fixed sizes for the screen captures are tied more to the width than the height to give a uniform appearance for the postings.

With the large screen cap 500px is the fixed width and no more than 450px for the height.

With the small thumbnails 165px is the fixed width and you can fudge the height by a couple of pixels if you really think it is needed.

---

RSFRDAdvertise Boards On TRDREITB
2/26/2009, 3:45 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 


Add a reply



You are not logged in (login)