Forum Hosting  

Go Back   Forum Hosting > IPB Support > IPB Skinning Help

IPB Skinning Help Need help customizing the looks of your forum? Post here.


Closed Thread
 
LinkBack Thread Tools Display Modes
Old 05-19-2004, 04:00 PM   #1 (permalink)
Ali
Senior Forumer
 
Ali's Avatar
 
Join Date: May 2004

Location: Ontario, Canada
Posts: 2,262
Rep Power: 7 Ali is on a distinguished road
fTrader: (0)
fBuck$: 51,970
Bank: 0
Total fBuck$: 51,970

My Forumer
My Country:
Default

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:
And add the text in red:

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:
<img src='style_images/<#IMG_DIR#>/t_new.gif' border='0'* alt='Start new topic' />
You'll need to edit the text in purple of the code:
Quote:
<img src='style_images/<#IMG_DIR#>/t_new.gif' border='0'* alt='Start new topic' />
Replace the text in purple with the URL to the image you wish to replace this image, once you have edited the code simply click on the Save Changes link at the bottom of the page.
(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:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px;padding:0px;background-color:#FFFFFF; text-align:center }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }
Edit the text in blue for your font's size.
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:
Online List Format [Prefix]
(Can be left blank)
(Example:<span style='color:red'>)>
And insert the following code in the blank space:
Quote:
<span style='color:color here'>
make sure you replace the text in blue with a color.
Now in the option below this option be sure to input the code as follows:
Quote:
</span>
If you forget to input that code in the below box (The Suffix) then the code will not work. Once you have completed this follow this:
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-->
Now simply add the follow code to it below this one:
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>]
Once you have edited the code to suit your needs click on the link located at the bottom of the page and your ready to go.


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:
<script>
function callClick(setIt){
var iDone="0"
for (cc=0;cc<setIt.length;cc++){
if (setIt(cc).href && iDone=="0"){
location.href=setIt(cc).href
iDone="1"}}}
var tCell= document.getElementsByTagName('TD');
for (i=0;i<tCell.length;i++){
if (tCell.className=="row4"){
if (tCell.innerHTML.match("showforum=")){
tCell.onmouseover=function(){this.style.cursor='hand';this.style.backgroundColor="EAEFF6"}
tCell.onmouseout=function(){this.style.backgroundColor="E4EAF2"}
tCell.onclick=function(){callClick(this.all);};}}}
</script>
Edit the text in blue for the mouseover color.
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:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF }
Make it look like this (with the bold part added). Be sure to change the text marked in red:
Quote:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF; background-image: url(http://www.domain.com/image.gif) }
Edit the text in red with the URL of the image you wish to set as your skins background image. Once you have completed that click on the Edit Style Sheet link at the bottom of the page.


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>
And/Or this code:
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>
Once done simply click on the link located at the bottom of the page.
(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:
<img src='http://yourimage.gif' />
Edit the text in purple with the URL of the pip you wish to replace it with. Once you have completed this click on the Save Changes link located at the bottom of the page.


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:
------------
and it seprates your signature from the post user make).

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:


-----------------------

<div class='signature'><font color="blue">$sig</font></div>
And change the text in red

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:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF }
Change the text marked in red to whatever you want your skins background color to be, once done click on the Edit Style Sheet link.


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:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF }
Now add the text in green and change the text in red:
Quote:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF; cursor: crosshair }
Also I would like to point out that you can use replacements such as:
Quote:
url("http://www.domain.com/mycursor.cur")
Custom cursor's URL can be used here. Note that if you use a custom cursor you must set it so that the file type ends in .cur or .ani and was made in a program ment for making cursors. The following is a list of pre-programmed cursors in the x database, feel free to use any of them:

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:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF; background-attachment: fixed }
This gives the background a frozen look.


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:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF }
Change it to this:
Quote:
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 40px 0px 40px; background-color:#FFFFFF }
The first number is the TOP margin, second is the RIGHT margin, third is the BOTTOM margin, and the forth is the LEFT margin.


17. What's the default CSS content?
Incase you have deleted your default CSS content is as follows:
Quote:
/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; }

/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content
* #ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align
* the content properly. This is a work around to a known Internet Explorer bug */
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px;padding:0px;background-color:#FFF; text-align:center }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }

/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #465584; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label* * * { cursorointer; }
form* * * { display:inline; }
img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot* { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help* * { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate* { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

.warngood { color:green }
.warnbad* { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg* { text-align:center; margin-top:15px }

#ucpmenu* * { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p* { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p* { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu* { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu* a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

#navstrip* { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px }

/* Form stuff (post / profile / etc) */
.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft* { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

/* Topic View elements */
.signature* { font-size: 10px; color: #339; line-height:150% }
.postdetails { font-size: 10px }
.postcolor* { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

/* Common elements */
.row1 { background-color: #F5F9FD }
.row2 { background-color: #DFE6EF }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #E4EAF2 }

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium* a:link, .titlemedium* a:visited, .titlemedium* a:active* { text-decoration: underline; color: #3A4F6C }

/* Main table top (dark blue gradient by default) */
.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle* a:visited, .maintitle* a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0 }
.tablefill* { border:1px solid #345487;background-color:#F5F9FD;padding:6px;* }
.tablepad* * { background-color:#F5F9FD;padding:6px }
.tablebasic* { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini* * { float:left;line-height:1.5em;width:25% }
.pagelinks* { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }


.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE* { white-space:normal; font-family: Courier, Courier New, Verdana, Arial;* font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons* { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox* { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { colorurple;font-weight:bold }
.red* * { color:red;font-weight:bold }
.green* { color:green;font-weight:bold }
.blue* { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
18. What's the default image macros?
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:
.plainborder { border:1px solid #345487;background-color:#F5F9FD }
Edit the text in green for the boards pixel size, and edit the text in purple to the boards color/hex color code. Once you've completed that click on the Edit Style Sheet located at the bottom of the page.


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:
.textinput { background-image: url(http://www.forumer.com/index.php?act=Attach&type=post&id=83470);}
Edit the part in purple to what ever you want the input text box image too be. Once done that click on the Edit Style Sheet link at the bottom of the page.


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>]
Replace the text "URL HERE" with the URL of the link.
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.
Ali is offline  
Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump