InvisionFree Skinning FAQ

We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.

Join our community!

If you're already a member please log in to your account to access all of our features:

InvisionFree Skinning FAQ; Basic Info
Topic Started: Jun 10 2003, 11:50 PM (75,427 Views)
Nir	Jun 10 2003, 11:50 PM Post #1
never far Posts: 5,835 Group: Members Member #291 Joined: December 31, 2002	Skinning FAQ Can I download a skin (.tar file) and use it with my forum? No, there is no automated way to install InvisionFree skins. Usable skins are CSS code that should look something like this. So how can I change my forum skin? InvisionFree allows you to change your message board's colors with CSS cod, (cascading style sheets). You can edit the code yourself or you can use skins created by others. You can find forums that provide such skins within the InvisionFree Directory. To edit your css follow the following steps: 1. Log on to your Admin CP. 2. Look within the navigational menu to your left for the Skinning and Styles category, and click on the Manage Style Sheets link. NOTE: Learn exactly how to change colors with your css here. The default forum images do not match my skin. What can I do? InvisionFree allows you to replace all images with your own hosted images. To do these follow the following steps: 1. Log in to your Admin CP. 2. Look on your left for Skinning and Styles, and click on Images. 3. To see the image currently used, click on the sample link (which is on the same row as the image you want to edit within the left-most cell). 3. To change the image, find the code box on the same row of the image you want to change. 4. Then you should be able to replace all the text in the box with just the direct url of the image. You can, however, add additional code to make your image a link, change the size, etc. 5. Be sure to check the box in the right-most cell of the same row. 6. Once you have made all the needed changes and have selected their appropriate check-boxes, click on the submit button. *I have my images on my computer but I can't get them to upload* 1. You will not be able to upload images you want to change directly into your Admin CP Images page, but you will need to host them in order to use the images on your forum. 2. To host the images, upload the files to an image host. Examples include sixpop and ImageShack. You can also upload the image as an attachment on your InvisionFee forum. Then right click on the uploaded images, and retrieve its url. Be sure the url ends with a picture file extention such as .jpg or .jpeg or .gif. What else can I do to customize my board? You can add HTML and JavaScript to enhance your message board. This code can go in your Board Wrappers. To access your board wrappers follow the following steps: 1. Log in to your Admin CP. 2. Look on your left for Skinning and Styles, then click on Board Wrappers. This new screen lets you add code to add things to your board in different places of your board. The first box, Document Type, can be used for more advanced changes. This is a good place to add code to modify your forum's favicon (the icon that appears next to the URL in your web browser). The next box is for adding meta tags which can be used very effectively to help your ranking and listing on search engines. The following JavaScript box is great for custom codes that you need to load before the code of the actual forum loads. Next comes the Header and Body box which includes some very important tags such as,"<% BOARD HEADER %>", "<% NAVIGATION %>", and "<% BOARD %>". Use this box for formatting changes such as embedding your forum in custom tables. Placing the code in different places between these tags will effect where on your message board page the code will apply itself. For example, placing a <div class="boardheader"> before the BOARD HEADER tag and a </div> after the BOARD HEADER tag will allow you to add a ".boardheader" class in your CSS and thus change some formatting styles of just your forum's header and logo area. Finally comes your footer which is where you would place code that needs to load after the forum itself has loaded such as javascript to change text.



1 user reading this topic (1 Guest and 0 Anonymous)


« Previous Topic · Troubleshooting and Problem Solving · Next Topic »