skin-from-invisionfree [ Wiki]

Converting InvisionFree skins to JFH


This method only converts the skin.

If you want to convert your entire board, you will need to purchase your database from InvisionFree (IF) then speak to Jcink. (Just be aware that if you intend to purchase your database it can cost anywhere from 5$ and up depending on the size of it. To find out for certain you will have to open a support ticket with InvisionFree.) Though if you opt to convert your entire board, you shouldn't need to do anything more here. The skin should be imported properly and working fine. The only reason you might want to check the skin is to add additional bits that are available on JFH but not IF.

Create a new skin

The very first thing you need to do is create a new, blank skin to use for the modifications. (It's often a good idea to keep the JFH default skin around for troubleshooting.)

See here for how to create a skin and name it.


This is actually the hardest part of converting an InvisionFree skin to a JFH skin.

In order to effectively generate the wrappers you should start with the default JFH wrappers then paste your codes into it. InvisionFree divides the wrappers up into headers and footers, so just paste the codes from those sections into the JFH wrappers (in roughly the same spot).

here is a guide showing where the headers and footers are on JFH (along with a brief explanation of what each wrapper bit does).

Be sure to close all tags (</div> or html tags or </script>) or else the skin may not look proper.


The CSS from your InvisionFree board can simply be pasted into the CSS section of the new skin. The classes that IF has are all used in JFH and will transfer the bulk of your skin over without issue. (Though

there are many extra CSS classes that JFH has that IF doesn't so you can also use this chance to add some of them in if you like.)

Macros (Images on IF)

The image(IF)/macro(JFH) section is not hard to convert, it merely takes time. You should save each image from your IF board (if hosted on the forum itself) and use the built in JFH filemanager (explained here) to save all the images for that skin onto the forum itself. (This makes the forum load a bit quicker since it doesn't have to wait and fetch from external sources.)

Once the images are hosted (either on the forum or another image host) you can link the images into the forum by choosing either of the edit links (Advanced or standard) and pasting the new link in as appropriate.

Standard you can just paste the link of your image into the box that appears.

Advanced will give you a larger text box where you can paste in whole HTML, so your image's code will look like this:

<img src=""/>

Using the advanced method will allow you to set extra perimeters for the image. (So you can set a height and width or alternate text. More info on that atW3schools page on img tags.)


By completing the Wrappers, CSS and Macros sections your skin should now be complete and look nearly, if not, identical to how it looked on InvisionFree. At this point you may want to spend some time tweaking and adding extra functions that JFH has that IF doesn't. (Like the extra CSS classes, the extra wrapper bits or whatever you feel like.) Or simply sit back and enjoy your skin now on JFH.

skin-from-invisionfree.txt · Last modified: 2012/07/20 14:37 by viruszero