Differences

This shows you the differences between the selected revision and the current version of the page.

--- invisionfree:skinning:background_image
+++ invisionfree:skinning:background_image 08-24-2009 5:23 pm current
@@ Line 1: / Line 1: @@
+====== Adding Background Image/Color ======
+<note if>This documentation applies to **InvisionFree** only.</note>
+This documentation covers how to add a background image, or a different background color to your forum. To start with, log into your **Admin CP**, and look for the //Skinning and Styles// category in the left hand navigation menu. Click on **Manage Style Sheets.**
+==== Background Image ====
+Locate the following line of CSS:
+<code>BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF }</code>
+To add an image, change to this:
+<code>
+BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#FFFFFF; background-image: url(IMG URL); }</code>
+...you will need to replace **IMG URL** with the link to your hosted image.
+You can also add:
+  * **no-repeat** - to prevent the image repeating
+  * **repeat-x** - to force it to repeat horizontally
+  * **repeat-y** to force it to repeat vertically
+before the final semicolon (;) after the image URL.
+==== Background Color ====
+Locate the following line of CSS:
+<code>BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; }</code>
+To add a background color change to this:
+BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; margin:0px 10px 0px 10px; background-color:#HEX; }
+...replace **HEX** with a hex code. Some basic examples are listed [[http://www.htmlgoodies.com/tutors/colors.html|here]].

invisionfree/skinning/background_image.txt · Last modified: 08-24-2009 5:23 pm by gladstone