![]() |
| |||||||
| IPB Skinning Help Need help customizing the looks of your forum? Post here. |
![]() |
| | LinkBack | Thread Tools | Display Modes |
| | #1 (permalink) | ||||||||||||||||||||||||
| Senior Forumer ![]() | This skinning FAQ was designed to answer all of the frequently asked questions in the forumer skinning support boards. This topic will be pinned for reference and will often hold the answers to many common skinning questions. The following is a complete list of all the questions that will be asked in this FAQ: Skinning Support Questions 1. How can I center my logo? 2. How can I change my boards skin? 3. How can I change my boards looks? 4. How can I change my boards images? 5. How can I change my boards font? 6. How can I add a color key to my board? 7. How can I add cell highlights to my board? 8. How can I add a image to my boards background? 9. How can I disable rightclicking on my board? 10. How can I change my boards skin via CSS content? 11. How can I change my boards pips? 12. How can I change the signature bar? 13. How can I change my boards background color? 14. How can I change my my boards cursor? 15. How can I "Fix" the background of my board? 16. How can I make my board appear smaller? 17. What's the default CSS content? 18. What's the default image macros? 19. Were can I get skins? 20. Were can I find CSS/Skinning guides? 21. Were & how are skins made? 22. Can I have more then one skin? 23. Can I change my boarder colors? 24. Can I change my text input box image? 25. Can I have a random banner? 26. Can I have no skin? 27. Can I have links in my forum descriptions? 28. Can I have FTP access? 29. Can I have full rights to a forumer skin? 30. Can I upload and install new skins? The above questions will be answered in this FAQ. Let's get started on the FAQ now shall we: Answers 1. How can I center my logo? This can be done via: Admin CP --> Skins & Templates --> HTML Templates --> Manage HTML. Once in this section of the admin cp click on a link entitled: Expand to edit the Global HTML elements. Now from here choose edit single next to Board Header (logo, links, etc). Find the following line: Quote:
Quote:
2. How can I change my boards skin? This can be done via: Admin CP --> Skins & Templates --> Select a Skin. From this screen you must select a skin you wish to use, once you have found the skin you wish to use click on the Import link located on the right hand side of the page. Once there you will be re-directed to a new screen, at this screen click on the Create New Skin Set link. Now you will enter a totaly new screen, from here fill out all the information that will suit your needs, once done click on the link at the bottom entitled Create Skin Set. Note: If you don't like the skin you are using you may feel free to follow the above steps and try agian until you find a pre-installed skin that suits your needs. 3. How can I change my boards looks? There are serval ways you can enhance the look of your board(s). For one forumer services have pre-installed skins on all forums hosted by us, every skin that you may select from is top of the line quailty. Also, if your not happy with any of are pre-installed skins you may feel free to totaly redo your Style Sheet, doing this will allow you to customize your boards looks. Now skins are a must if you wish you change your boards looks, but then agian a matching button set is JUST as important as a skin. Without buttons your board would look like a dumpster, buttons are everything. (Note: If you don't know how to change your boards buttons don't worry because later on in this FAQ that will be explained). And on top of all this it's possible to tweak your boards skin up with some HTML coding, using HTML on your skin will emit an amazing effect on your boards look. (Note: If you don't know how to use HTML don't worry because that will also be explained later on in this FAQ). 4. How can I change my boards images? You can edit your boards images via: Admin CP --> Images Only. In this section of the Admin CP you may edit all the images on your board; forum markers, add reply button, closed button, etc. Note that all of the boards images are changed the exact same way so I will explain how to change one image of the board then it should be extremely clear too you on how to change the rest. I will use the for my example on how to change the images. Now in the Images Only section of your Admin CP the screen will show a Description of the image on the left hand side of the screen, in the middle it will have a Preview of the image that you are changing/editing/whatever you are doing to it, and on the right hand side you'll have the Macro Replacement code. Now for this image (the new topic button) you'll see that the macro replacement code looks like so:Quote:
Quote:
(Note: If you wish to change every single on your board do the above way for each, no image is changed differently then another image). 5. How can I change my boards font? Your boards font can be changed via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now look for the following line in your CSS Content: Quote:
Edit the text in red for your font's color/hex. Once done editing this part of your style sheet click on the Edit Style Sheet button located at the bottom of the page. 6. How can I add a color key to my board? This can be done via: Admin CP --> Users & Groups --> Manage User Groups. From here Ccick on whatever member title you want to change the color of and find the following line option: Quote:
Quote:
Now in the option below this option be sure to input the code as follows: Quote:
Admin CP --> Skins & Templates --> HTML Templates --> Manage HTML. Now from here go into your Board Index Sections and then into Active Users Row-Edit Single, you should see this: Code: <tr>
* * * * *<td class='pformstrip' colspan='2'>$active[TOTAL] {ibf.lang.active_users}</td>
* *</tr>
* *<tr>
* * * * <td width="5%" class='row2'><{F_ACTIVE}></td>
* * * * <td class='row4' width='95%'>
* * * * * <b>{$active[GUESTS]}</b> {ibf.lang.guests}, <b>$active[MEMBERS]</b> {ibf.lang.public_members} *<b>$active[ANON]</b> {ibf.lang.anon_members}
* * * * * <div class='thin'>{$active[NAMES]}</div>
* * * * * {$active['links']}
</td>
* * * </tr>
* * * <!--IBF.WHOSCHATTING-->
Code: {$active['links']}
Code: [<a href="http://YOURFORUM.forumer.com/index.php?act=Stats&CODE=MEMBERTITLE"><font color="red">Admin</font></a>] [<a href="http://YOURFORUM.forumer.com/index.php?act=Stats&CODE=MEMBERTITLE"><font color="orange">Moderator</font></a>] [<a href="http://YOURFORUM.forumer.com/index.php?act=MEMBERTITLE"><font color="White">Member</font></a>] 7. How can I add cell highlights to my board? This can be done via: Admin CP --> Skins & Templates --> HTML Templates --> Manage HTML. From here click on Expand to Edit next to Board Index Sections. Now click on Edit Single next to End Category Table. Now in this section add the following code: Quote:
Edit the text in green for the mouseout color. (Note: The green HEX value should be the same as row4 in your style sheet). Once you have completed that click on the link at the bottom of the page, and your done. 8. How can I add a image to my boards background? This can be done via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now find the following line in your CSS Content: Quote:
Quote:
9. How can I disable rightclicking on my board? This can be done via: Admin CP --> Skins & Templates --> HTML Templates --> Manage HTML. Now from here click "Go" beside the quick link to "Edit Board Header". Now at the top of the screen at the TOP of code box enter this code: Code: <script language=JavaScript>
<!-- http://www.spacegun.co.uk -->
var message = "Right Click Disabled";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>
Code: <Begin No Right Click Code>
</head>
<script language="JavaScript1.2">
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
</script>
<body>
<br>
</body>
</html>
<HEAD>
<script language="JavaScript"> <!--
var message="Yo Dont Do That!."; // Message for the alert box
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// --> </script>
</HEAD>
<End right click code>
(Note: This code is NOT 100% sure to work, users may still be able to right click which may allow them to hotlink and such, so use it at your own risk). 10. How can I change my boards skin via CSS content? This can be done via: Admin CP --> Skins & Templates --> Style Sheets -> Edit. Now in the CSS Content you'll see a rather large code, this is the code that makes your board have a skin this code can be edited to give your board a custom skin of your own creation, you may learn what parts you need to edit to change your boards looks by reading the Basic CSS Guide once you have edited all the parts of the CSS that you desire simply click on the Edit Style Sheet link located at the bottom of the page. 11. How can I change my boards pips? This can be done via: Admin CP --> Skins & Templates --> Images Only now from here scroll down until you find the following Description Name: Rating Image. Replace the current Rating Image code with the fooling code: Quote:
12. How can I change the signature bar? Some people often ask how can I change the signature bar on my board? (Incase you don't know what this bar is it looks like this: Quote:
Do this via: Admin CP --> Skins & Templates --> HTML Templates from here click on Manage HTML then once your at the new screen go to Global HTML Elements. Find the following line: Quote:
13. How can I change my boards background color? This can be done via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now find the following line in your CSS Content: Quote:
14. How can I change my my boards cursor? This can be done via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now find the following line in your CSS content: Quote:
Quote:
Quote:
default - The default cursor (often an arrow) auto - The browser sets a cursor crosshair - The cursor render as a crosshair pointer - The cursor render as a pointer (a hand) that indicates a link move - The cursor indicates something that should be moved e-resize - The cursor indicates that an edge of a box is to be moved right (east) ne-resize - The cursor indicates that an edge of a box is to be moved up and right (north/east) nw-resize - The cursor indicates that an edge of a box is to be moved up and left (north/west) n-resize - The cursor indicates that an edge of a box is to be moved up (north) se-resize - The cursor indicates that an edge of a box is to be moved down and right (south/east) sw-resize - The cursor indicates that an edge of a box is to be moved down and left (south/west) s-resize - The cursor indicates that an edge of a box is to be moved down (south) w-resize - The cursor indicates that an edge of a box is to be moved left (west) text - The cursor indicates text wait - The cursor indicates that the program is busy (often a watch or an hourglass) help - The cursor indicates that help is available (often a question mark or a balloon) hand - (Internet Explorer 5.x only) The cursor render as a pointer (a hand) that indicates a link. If you wish to learn more about changing your boards cursor and just cursors in general, I'd suggest you read over this 15. How can I "Fix" the background of my board? This can be done via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now to "fix" the background add the text in bold: Quote:
16. How can I make my board appear smaller? This can be done via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now find the following line in your CSS content: Quote:
Quote:
17. What's the default CSS content? Incase you have deleted your default CSS content is as follows: Quote:
Incase you have deleted all your image marco replacement codes by mistake you can simply re-set your skin & image marco's by doing this: Admin CP --> Skins & Templates --> Select a Skin --> Import --> Fill out all the information to suit your needs once completed that click on Create new skin set and then all your default images are back for this skin. 19. Were can I get skins? Skins come pre-installed on forumer boards. However you may edit your Style Sheet to suit you needs, if you want to learn what part of the CSS functions what part on your skin I suggest you read the Basic CSS Guide. (Note: Forumer adds more & more skins to the pre-installed skins whenever a excellant skin set has been created and previewed by forumers administrators). 20. Were can I find CSS/Skinning guides? There are millions & millions of ways to learn how to use CSS the correct way & learn how to skin the correct way. If you want to learn the basic functions of skinning I suggest that you read some guides that can be found over this search engine (search for "Skinning Guides") if you would like to learn the basics of CSS would suggest looking over this CSS guide, it explains the style sheet extremely well and is very usefull. If none of those work for you there is always the good old google! 21. Were & how are skins made? Skins are made from alot of different sources such as: IPS, IBP, etc. The are skins that we have full permission to use (and be pre-installed) on forumer boards. The skins were made by editing CSS content like you (the user) can make any skin you wish, all it takes is a bit of time and some playing around in your style sheet. 22. Can I have more then one skin? All the skins one forumer can be installed one at a time, it doesn't matter how many times you add/remove/edit a skin. However currently there is NO skin selector on forumer boards, thus making it impossible to have more then one skin on your board. 23. Can I change my boarder colors? This can be done via: Admin CP --> Skins & Templates -> Style Sheets now from here click on the edit link. Now look in your CSS content and find the following line: Quote:
24. Can I change my text input box image? This can be done via: Admin CP --> Skins & Templates --> Style Sheets --> Edit. Now find the following line in your CSS content and edit the text in purple: Quote:
26. Can I have no skin? This question can be interpreted in different ways. You can have no skin by following this: Admin CP --> Skins & Templates -> Style Sheets -> Edit. Now from here erase everything in your CSS content and click on the Edit Style Sheet link at the bottom of the page. Now you'll see that all you have on your board is some blue lines & whiteness covering the board, this is called deleteing your CSS content. 27. Can I have links in my forum descriptions? Go to your Admin CP -> Manage Forums -> Forum Description. Add this code to the description of the forum, Code: [<a href='URL HERE'>Hello</a> | <a href='URL HERE'>Hello</a>] And replace the text "Hello" with what you want to be displayed in the forum description as that link. So allow me to show you an example, if you used the code I provided you would get this, [ Hello | Hello ] 28. Can I have FTP access? No, sorry forumer does NOT offer any FTP access. 29. Can I have full rights to a forumer skin? No, all skins that are created by forumer belong to forumer. If you see a skin that was not created by forumer and by another source then you would have to contact there creator to get permission to use the CSS of that skin on your own board. 30. Can I upload and install new skins? No, due to copyright & sercurity reasons no skins are allowed to be uploaded nor installed however like I've said before, you may create your own custom skin or use forumer's skins <---------FAQ COMPLETE----------> Side Notes: This FAQ was created by Hemidol for the purpose of bringing common skinning questions to the attention of new users, if you find any spelling/grammer and incorrect answers in this FAQ please report it via PM to Hemidol and I'll make sure it get's fixed ASAP. Thank you and hopefully you enjoyed this skinning FAQ. Hemidol. | ||||||||||||||||||||||||
| |
![]() |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | |
|
|