Skin wysiwyg editor
This FAQ gives you an overview of what you can do with the skins wysiwyg editor. For more detailed FAQs please see these ones: http://skins.yuku.com/forum/viewtopic/id/1413" rel="nofollow">http://skins.yuku.com/forum/viewtopic/id/1413 by Chris http://gethelp.yuku.com/forum/viewtopic/id/708" rel="nofollow">http://gethelp.yuku.com/forum/viewtopic/id/708 by favafoyo
Using the wysiwyg editor for your skins
If you're not a css expert, and have no desire to learn it, then the skin wysiwyg editor is going to be your most powerful tool.
You can use a familiar environment to set colours, fonts and borders, and also use the preview to see how it will affect your board.
On each field you can use the tool button at the end to help you fill in the correct value. These tools are:
- fetch an image from your albums
- choose a fontThe editor is divided up into sections, as it covers a lot of information. We will look at each tab individually.
PAGE
| Page Background | You can set your background colour, image, repeat behaviour and position here, and also set it to scroll or be fixed. |
| Default Font | Set the basic font and size for your community |
| Wrapper | The wrapper is some html that holds the rest of the page. You can use this to restrict the width of your forum, and put a border/background around it. |
LINKS
| Links | This tab allows you to set the colours and behaviour of your general links. |
BOXES
All the sections of your community are places in blocks, or boxes. By this we are referring to the classes given to the layers of code that hold the different parts of your community. Because each section sits in the same basic code, you can therefore change colours/backgrounds globally by using the following sections.
| Box Headings | Almost every box on your community has a heading. This will control those headings. |
| Box Body | This controls the content area of each box |
| All Boxes | This controls the overall background of each box. This will be behind both the box heading and box body areas. |
| Onionskins | Onionskins are three divs that are nested into each other. Think of them like the layers of an onion. If you don't give them any values, then they would be totally invisible. If you gave them each some padding and a colour you'd start to create a multiple border effect. |
CATEGORY (Main page elements)
Category is the ID given to the boxes that hold the category groups of forums on the main page of your community. The forum lists are in tables. This section will allow you to control how these look on your main page.
| Category Table | Use this to put a border around each category. |
| Table heading | This is to control the headings across the top of each column |
| Table cells | This is to control the rest of the table cells - ie, forum names, last comment, kudos, etc. |
FORUM
This area lets you manage the look of the forum content - your topic listing area.
| Forum Table | This will allow you to put a border around your forum contents |
| Table heading | Controls the headings across the top of each column |
| Table cells | Controls the rest of the table cells. You can also create an alternating row colour scheme. |
| Breadcrumbs | Controls the breadcrumbs. These are the links across the top of the page that show you where you are. For example: Community name > Category name > Forum name |
TOPIC
| Topic Table | This will allow you to put a border around your topic contents |
| Table heading | Controls the headings across the top of each column/post |
| Table cells | Controls the rest of the table cells. You can also create an alternating row colour scheme. |
Buttons & Dropdowns
| All buttons | This lets you set the colour, background and border on all buttons on your community |
| Search buttons | This lets you control the search buttons and text areas |
| Dropdowns | This lets you control the buttons that drop down a menu |
Pager
The pager is the little table that shows up on multi-paged topics, showing you which page you are on and gives you the option to jump to another page of the thread.
| Page List | Control how the page numbers and links look |
| Active Page | Control how the active (current) page is highlighted |
Features
This section lets you show and hide certain columns on each page, including moderator list, topic column, posts, kudos, last post, Author, Tags, User levels, Post count and interact menus.
CSS
This section lets you add additional css to your community
HTML
this sections lets you add a custom header and footer to your community.
