How do I insert a background image ?

How do I insert a transparent background image on one single page ?

Q: How do I insert a transparent background image on one single page ?

THIS IS WORK IN PROGRESS !

A: You need to have two things:

  1. your transparent image
  2. insert the magic [[module CSS]]

I find it useful to store all my files that I use for my themes at one page in the site. If you wish to alter you theme you always know where to find your files (e.g. yoursite.wikidot.com/files.

So upload your transparent file or your image you wish to use as background for a page. While uploading your image, copy the url where your image is located on the server. You find this in the popup-window that appears when you click on info in the filelist after you updated or refreshed your list of files.

Depending on where you wish to have your image you need to add the following code:

[[module CSS]]
body,
navi-bar,
container-wrap-wrap,
container-wrap,
container,
header,
main-content,
page-content,
side-bar,
top-bar{
background-image:url(paste your url here);
background-color:transparent;}
[[/module]]

If you found this info useful rate it up and hit "+"

rating: +2+x




This is not a <HTML>-CSS reference base. For that we direct you to other excellent places on the web: CSS-tutorials via Google

Thanks for the input to


Add a New Comment
_inprogress
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License