Jump to content


Photo

The Skinny Forum


  • Please log in to reply
37 replies to this topic

#1 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 06 December 2003 - 06:49 PM

I've setup a new forum for skin making and testing
http://skino.origin-network.net/


My Step-By-Step Guide to Making a Skin:

1.
First you will need to make a folder to hold your skins images.

These are the FTP settings:
HOST: origin-network.net
USER: skino@origin-network.net
PASS: oniks

Goto the folder called 'style_images'. Inside you will see the default skin, '1'. Copy it to your hard drive. Re-name this to somthing fitting, like "evil_uber_skin". Don't put spaces in this name.
Upload your images folder into the 'style_images' folder (root/style_images/HERE). You how have an image folder to work with.


2.
Now you need to make a copy of the default skin to work with as your canvas.

Goto http://skino.origin-network.net/ and login.
NAME: Skino
PASS: onics

At the top it will say Admin CP, go there and login with the same name and pass.

Now your in go down the list to the 'Skins & Templates' section. Click the + to expand the section.

This bit get very long.
Base everything on the default skin. Rename each to something fitting.
Goto 'Macros' and click 'Create new macro set'.
Goto 'Style Sheets' and click 'Copy to new style sheet'.
Goto 'HTML Templates' and click 'Create new template set'.
Goto 'Board Wrappers' and click 'Create new wrapper'.

Will all your new parts you need to make a single controler. Goto 'Manage Skin Sets' and click 'Create new skin set' the reason for all of the above will now be known. Fill in everything with the parts you just made. Use an 'inline' stylesheet, as thay look better.

You now have a skin.


3.
Heres the hard part. You now have to edit all the images and the Style Sheet.
Doing this takes ages and is very hard. Good Luck!
To see your skin, as you edit, make a new forum and assign the skin to it.


4.
Once you're happy with how you skin look goto 'Manage Skin Sets' and click 'Export' (next to your skins name). A file will now be compiled and placed in the 'Archive_Out' folder.
Make a new topic and post a link to it. I'll thn move it to this board and apply it your projects forum.
Job Done.

#2 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 10 December 2003 - 08:38 PM

Goto 'Style Sheets' and click 'Copy to new style sheet'.

AFter this i get a new page, do i have to click: creaty style sheet?

Goto 'HTML Templates' and click 'Create new template set'.

I get an error:
Admin CP Message
The directory 'Skin' is not writeable by this script. Please check the permissions on that directory. CHMOD to 0777 if in doubt and try again
Posted Image

#3 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 10 December 2003 - 09:00 PM

Goto 'Style Sheets' and click 'Copy to new style sheet'.

AFter this i get a new page, do i have to click: creaty style sheet?

Goto 'HTML Templates' and click 'Create new template set'.

I get an error:
Admin CP Message
The directory 'Skin' is not writeable by this script. Please check the permissions on that directory. CHMOD to 0777 if in doubt and try again

1. Give the sheet a fitting name then click 'Copy to new style sheet'. You can edit this sheet any time you like.

2. Fixed.


Don't worry about breaking this board, just keep clicking shit till it works.

#4 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 10 December 2003 - 09:48 PM

Is there a kind of program that helps u with editing the .css file. because i'm totally noob to this...
Posted Image

#5 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 10 December 2003 - 10:27 PM

http://skinny.origin...ys-img/css.html

Don't think of it as code. Think of it as a list of objects and what colour thay should be.

All you need to do to make a new skin is change the colours.
It's just a case of finding out which line joins to which peice of the forum.
In IE you can goto view souce, then use the find option to help you.

#6 the_kid

the_kid

    L337 Pwnerer of N00bs

  • Project Team
  • 1,734 posts
  • Location:La$ Vega$, NV
  • Projects:freelancing between what interests me
  •  + TRIPLEhelix

Posted 12 December 2003 - 05:33 AM

I've found css editing quite easy... although the hardest part for me was knowing what this part that I'm coding is for... trial and error fixed that up right and good though... check out some of my .css editing here

#7 the_kid

the_kid

    L337 Pwnerer of N00bs

  • Project Team
  • 1,734 posts
  • Location:La$ Vega$, NV
  • Projects:freelancing between what interests me
  •  + TRIPLEhelix

Posted 15 December 2003 - 01:42 AM

man... this is going to take a long ass time... I'll get to work though!

#8 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 15 December 2003 - 09:12 AM

Making new images and editing the style sheet take ages. It might be worth downloading a new button pack from IB Planet if you can find a fitting one.

#9 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 15 December 2003 - 12:25 PM

Edit the style sheet through this way:

Go to "Manage Skin Sets"
And click: colors under your skin set.
This way you don't have to edit the css manual.

Maybe you already knew this.
Posted Image

#10 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 15 December 2003 - 07:30 PM

Never saw that, nice find ^_^

#11 the_kid

the_kid

    L337 Pwnerer of N00bs

  • Project Team
  • 1,734 posts
  • Location:La$ Vega$, NV
  • Projects:freelancing between what interests me
  •  + TRIPLEhelix

Posted 16 December 2003 - 04:38 AM

eh.... and I spent all that time messen with the hex numbers in the css...

#12 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 16 December 2003 - 02:00 PM

You still have to mess with hax, but now it's easyer to see where thay go.
I find it helps to have PSP open while i edit the colours, that way you can copy/paste the hex and print screen on your skin to check it's colours.


After more things are found i'll edit my first post and clean the topic.

#13 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 16 December 2003 - 07:28 PM

I just opened Frontpage with the color picker. That one can pick all the colors at all screens.
Posted Image

#14 NoisyMonk

NoisyMonk
  • Members
  • 58 posts
  • Location:Ottawa, Ontario

Posted 17 January 2004 - 09:58 PM

wow.. talk about clueless. I finished part 2, and I believe I did it right.. but now I'm not sure what to do. do I just edit the files that I got off of the FTP and upload them into my folder on the FTP? if so.. then how do I see how it looks with everything else, without the public being able to see it..?

#15 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 17 January 2004 - 10:03 PM

Edit the style sheet through this way:

Go to "Manage Skin Sets"
And click: colors under your skin set.
This way you don't have to edit the css manual.

Maybe you already knew this.

Do that. Much more easy
Posted Image

#16 NoisyMonk

NoisyMonk
  • Members
  • 58 posts
  • Location:Ottawa, Ontario

Posted 17 January 2004 - 10:05 PM

interesting.. but how do I see the results.. without leting the public see?
and does anyone have a Hex editor or whatever? I have no idea how to use that...

#17 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 17 January 2004 - 10:07 PM

Well, you can just export your skin. Make an account @ skinnyforum and use your skin.
Public wouldn't see, cos the dunno of this forum ;)2
Posted Image

#18 NoisyMonk

NoisyMonk
  • Members
  • 58 posts
  • Location:Ottawa, Ontario

Posted 17 January 2004 - 10:13 PM

okay. lets just say that I mess around with all the colours. is there a way to get it back to the default if I really mess something up?

#19 Detail

Detail

    King Detail

  • Hosted
  • 7,767 posts
  • Location:Dayonic
  • Projects:Dayvi.com
  •  Blu Spy

Posted 17 January 2004 - 11:02 PM

The public don't see the Skinny forum. The only link to the skinny forum is in this topic. No one sees it.

You can mess and tweek with any settings you want. If your skin gets realy damaged; just start again with a new name.

#20 Stino

Stino

    AKA Stink_o

  • Hosted
  • 1,421 posts
  • Location:the Netherlands
  • Projects:Blitzkrieg II:The Finest Hour (BlitzII:TFH)
  •  Doer of Things

Posted 17 January 2004 - 11:08 PM

Or a new style sheet :p
Posted Image




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users