Comments on: How to Make a Repeatable Background on Your Wikispace Using CSS http://wikispacetutorials.com/how-to-make-a-repeatable-background-on-your-wikispace-using-css Your online resource for great wikispace tutorials. Sat, 26 Jun 2010 03:43:48 +0000 hourly 1 http://wordpress.org/?v=3.0 By: admin http://wikispacetutorials.com/how-to-make-a-repeatable-background-on-your-wikispace-using-css/comment-page-1#comment-30 admin Sun, 16 Aug 2009 19:40:13 +0000 http://wikispacetutorials.com/?p=275#comment-30 Hey Efren, thanks for your question. I'm glad you asked because I didn't really clarify what type of picture it needs to be in the video. Really, the picture needs to be one of these 3 file types: <strong>.jpg</strong>, <strong>.png</strong>, or <strong>.gif</strong>. Any one of those 3 will work. Let me give you an example on what the CSS should look like when adding a repeatable background for the body selector in your wikispace template... <pre><code> body { background: url(/file/view/yourimage.jpg) repeat; } </code></pre> Wikispaces has already declared the background property for the body selector within the template that you're using. So, before you add your repeatable background CSS to the background property that they've already included, you can either delete what they've already included for the background, or you can just hide it. If you delete what's been included in the background property, it should look like this... <pre><code> body { background: } </code></pre> If you want to hide the background property that they've already included, you can do that by adding a /* and then at the end, adding a */, like this... <pre><code> body { /* background-color: <$WikiBackgroundColor$>; */ background: url(/file/view/yourimage.png) repeat; /* <--- your background CSS here */ } </code></pre> Anything included in between /* and */ will be hidden. So, I put a /* before the <strong>background-color</strong> selector, and then put a */ at the very end, after the semi-colon. Does that make sense? Let me know if you're still having issues. Hey Efren, thanks for your question. I’m glad you asked because I didn’t really clarify what type of picture it needs to be in the video. Really, the picture needs to be one of these 3 file types: .jpg, .png, or .gif. Any one of those 3 will work. Let me give you an example on what the CSS should look like when adding a repeatable background for the body selector in your wikispace template…


body {
background: url(/file/view/yourimage.jpg) repeat;
}

Wikispaces has already declared the background property for the body selector within the template that you’re using. So, before you add your repeatable background CSS to the background property that they’ve already included, you can either delete what they’ve already included for the background, or you can just hide it.

If you delete what’s been included in the background property, it should look like this…


body {
background:
}

If you want to hide the background property that they’ve already included, you can do that by adding a /* and then at the end, adding a */, like this…


body {
/* background-color: < $WikiBackgroundColor$>; */
background: url(/file/view/yourimage.png) repeat;     /* < --- your background CSS here */
}

Anything included in between /* and */ will be hidden. So, I put a /* before the background-color selector, and then put a */ at the very end, after the semi-colon. Does that make sense? Let me know if you're still having issues.

]]> By: EfrenR http://wikispacetutorials.com/how-to-make-a-repeatable-background-on-your-wikispace-using-css/comment-page-1#comment-28 EfrenR Sun, 16 Aug 2009 06:39:49 +0000 http://wikispacetutorials.com/?p=275#comment-28 Does the picture have to be a certain type? Of a given parameter? Not seeing picture on background. Thanks Does the picture have to be a certain type? Of a given parameter? Not seeing picture on background. Thanks

]]>