Design Overview

You can use the design management pages to control how your board looks. This includes

• Skins (designer, community and applied)
  • editing the skins (colors, images, buttons, smilies, posticons, layout/custom html)
• Community Scripts
  • managing the scripts that are used on your board

Designer Skin

This is our library of skins that you can use on your community. There are many skins to choose from that you can simply apply directly to your community. Or you can copy one of our skins to your community skin library so that you can further customise it.

Community Skin

This is where you keep your own customised skins, smilies and posticons.

When you first enter this page you'll see a list of your community's customised skins. To view smilies or posticons, switch by clicking on the buttons at top left of the page.

You can edit your custom html and css yourself, or use our skin wysiwyg editor. You can also add new, delete or duplicate your saved skins, as well as add/edit your smilies,posticons, and other images.

On the My Domain Skins page you can:

• Preview - Click to see what your a skin will look like on your Yuku community.
• Apply - Click to apply that skin to your message board.
• Edit html - Click to edit the HTML and CSS that makes up the skin.
• WYSIWYG - Click to open the WYSIWYG skin editor to easily customize the look and feel of your community.
• Images - Click to edit links to the images and graphics that are used in that skin.
• Copy - Click to make a copy of the selected skin.
• Export - Click to export your skin to use on another board
• Delete - Click to delete the skin. Note: Deleted skins cannot be restored. You will have to rebuild them.

At the bottom of the page you'll see additional buttons. These are for adding a new sin:

• Add Designer Skin - get a copy of a designer skin from the yuku skin library
• Add a Blank Skin - Add a totally blank skin
• Import Yuku Skin - Import a skin from another board
• Import ezboard tdf - Import a tdf file from any ezboard

Add a Banner

You can add a banner in two ways. The easist way is using the images page for the skin you're using.

For those with an advanced grasp of html, you can use the custom header area in the edit page.

Applied Skin

This is a map of the skins, smilies and posticons currently applied to your domain and forums. You can reset a forum to use the default domain skin, smilies or posticons by checking the boxes and clicking "Remove".

Apply skins to different forums

To use a skin in one or more forum, click the apply button beside the skin that you want to use.

You can apply the skin in the following ways:

• Community Default - This will apply to any forums that do not have another skin applied to them and the main page.
• All forums - This will apply the skin to all forums - overriding any previously set skins.
• Forum name - This will apply the skin to each forum that is checked. These will override the default and any previously set skins.

What is the script library?

The script library is a collection of special tags that you can use in your skins that we replace with actual code. The tags are our way of allowing you to use javascript hacks and other customizations not ordinarily allowed in skins, in a very simple way. We will update and add new scripts over time as requests are made or users submit their own creations for us to approve and add to the library available to everyone.

Where do I put the tags?

Script tags go in your skins, in the custom header or custom footer. You don't need to do anything for them to work, just paste the code and we do the rest. On each of the FAQ pages there are instructions and examples for that script. Each of the code examples has a label, for example you will often see code that looks like this

There are a few different labels you will see on examples. These are

Label	Location
Custom Header	Put the code in the Custom Header box on the edit or wysiwyg page
Custom Footer	Put the code in the Custom Footer Box on the edit or wysiwyg page
Custom Header / Footer	Put the code in either the Custom Header or Footer box on the edit or wysiwyg page depending where you want the output to show at the top or bottom of the page
Custom CSS	Put the code in the Advanced CSS or Extra CSS box on the edit or wysiwyg page

Why isn't my code working?

There are a few reasons the tags may stop working. Things to check are

• Check that you spelt the tag correctly - tags are always lower case and only ever contain the letters A-Z or numbers 1-9. <NoRightClick> won't work because it should be <norightclick>
• Check that you aren't missing the closing tag if there is one, for example, <tag>...</tag>
• Check you have the quotes right. If a tag has options, they are always of the format option="value" where the value is surrounded by quotation marks. If you want to use quotes inside value then you need to put a backslash in front of the quote or use an apostrophe, for example, option="This is 'the' correct way" or option="This is \"how\" to quote"
• Check the contents of the block are correctly formatted. Some tags like menus need the links and text to be in a very specific way to work. Try copying the examples from the FAQ page and working off that as a base for your own code.

If you've checked all of the above and it's still not working, then you can post at our Domain skins assistance forum for help from other users.