<-- -->

Free Web Hosting : Free Hosting : Troubled Teens : Report Abuse



Home graphics Graphics CSS Toris Tutorials




iB3 --> Graphics --> Stage Two
This is where you can SEE where the associated Graphics goes.


I am assuming you have created your new buttons by now and are ready to move on. Either that or you are just curious how this story ends. Either way, read on.

Now is when you start making your first Skin. Go to your Admin Panel and follow these very easy first steps.
  • Go to Skins and select Create New Skin
  • A list appears with what skins are already on your system. Below that is three things to fill out
    1. Name your skin
    2. Add Your Name
    3. Add your Email
  • Select Create New Skin


  • Yes, it is that easy. What will happen is that the program will create a new folder in your skins directory and will copy all the default files into that folder. You just need to replace those files with your new ones then change the colours and the CSS specifics and your done.

    If you kept the original names when you were creating your work this part of the tutorial will be a breeze for you.

    Upload all your new graphics to your new Skin Folder located at iB_html/non-cgi-Skin/Skin-2/images/. Notice your CSS file and javascripts are there also. Log onto your board and change to your new skin. If you dont know how to do that you go to your Control Panel, Account Options and in there you use the pull down menu to move to whatever you named your new skin then select Change my Accout Options. Now surf throughout your board to see all your new graphics. If there are any problems with graphics not working use the screen below to find what graphics need working on.Of course, if you uploaded your graphics and checked them out and found no problems, this part of the tutorial is not needed and you can use the menu above to move onto your Global colours.




    Below is a copy of your Graphics portion of your Administrative Panel. It gives you the location of a graphic and what graphic it is using to display in that spot. For example.... Properties for Member Pips shows star.gif as the graphic used for the members pips. Lets say you created a special pip to be used instead (like heart.gif). This is where you would change it.

      Graphics Menu breakdown

    Admin/Skins/Skin Control/Icon-Gfx Control






    >   Your Ikonboard Graphic Properties
    GFX Reference Link Property Width Attribute Height Attribute ALT Attribute Border Width Align Attribute
    Properties for Forward Topic Button
    Click here for image
    Properties for Locked Topic Button
    Click here for image
    Properties for Moved Topic Button
    Click here for image
    Properties for New Poll Button
    Click here for image
    Properties for Poll only Button
    Click here for image
    Properties for New Topic Button
    Click here for image
    Properties for Print Page Button
    Click here for image
    Properties for Reply to Topic Button
    Click here for image
    Properties for Member Pips
    Click here for image
    Properties for Subscribe to Topic Button
    Click here for image
    Properties for Hot topic Marker
    Click here for image
    Properties for Hot topic Marker (No New)
    Click here for image
    Properties for Locked topic Marker
    Click here for image
    Properties for Moved topic Marker
    Click here for image
    Properties for New topic Marker
    Click here for image
    Properties for No New topic Marker
    Click here for image
    Properties for Pinned topic Marker
    Click here for image
    Properties for Poll topic Marker
    Click here for image
    Properties for Poll (no new) topic Marker
    Click here for image
    Properties for Forum Marker (Locked)
    Click here for image
    Properties for Forum Marker (No New Posts)
    Click here for image
    Properties for Category Marker (No New Posts)
    Click here for image
    Properties for Forum Marker [Restricted] (No New Posts)
    Click here for image
    Properties for Forum Marker (New Posts)
    Click here for image
    Properties for Category Marker (New Posts)
    Click here for image
    Properties for Forum Marker [Restricted] (New Posts)
    Click here for image
    Properties for Active Users Image
    Click here for image
    Properties for Forum Help Button
    Click here for image
    Properties for Invite Friend Image
    Click here for image
    Properties for Forum Memberlist Button
    Click here for image
    Properties for Navigation Image
    Click here for image
    Properties for Navigation Seperator
    Click here for image
    Properties for Forum Search Button
    Click here for image
    Properties for Statistics Image
    Click here for image
    Properties for Messenger Add Member Button
    Click here for image
    Properties for Messenger Delete MSG Button
    Click here for image
    Properties for Messenger New MSG Image
    Click here for image
    Properties for Messenger New MSG Nav Bar Image
    Click here for image
    Properties for Messenger No New MSG Image
    Click here for image
    Properties for Messenger No New MSG Nav Bar Image
    Click here for image
    Properties for Messenger Read Icon
    Click here for image
    Properties for Messenger Reply to MSG Button
    Click here for image
    Properties for Messenger Sent Image
    Click here for image
    Properties for Messenger Unread Icon
    Click here for image
    Properties for Post Bar Icon [ AOL ]
    Click here for image
    Properties for Post Bar Icon [ Delete MSG ]
    Click here for image
    Properties for Post Bar Icon [ Edit MSG ]
    Click here for image
    Properties for Post Bar Icon [ Email ]
    Click here for image
    Properties for Post Bar Icon [ ICQ ]
    Click here for image
    Properties for Post Bar Icon [ PM ]
    Click here for image
    Properties for Post Bar Icon [ Profile ]
    Click here for image
    Properties for Post Bar Icon [ Quote ]
    Click here for image
    Properties for Post Bar Icon [ Website ]
    Click here for image
    Properties for Warn Level Graphic 1
    Click here for image
    Properties for Warn Level Graphic 2
    Click here for image
    Properties for Warn Level Graphic 3
    Click here for image
    Properties for Warn Level Graphic 4
    Click here for image
    Properties for Warn Level Graphic 5
    Click here for image