Quote:

The values you need to change are somewhere inside the <div> </div> tag - left and top - which determines the position of the preload message. "Left" - determines position from the left side of the screen in pixels (example left=100 will move the box 100 pixels from left, 200 will move it to 200 px from left and so on). "Top" dtermines the position from the top. Used in combination, these will put your preloader where u want it. You may need to experiment a little. I arrived at my own solution doing this by trial and error. Not an expert, just trying to help.
The best guys to explain the powerdreams script will be the ones who wrote it.

Great! will try your suggestion.

I did some search and here's what i came up with (maybe considered as another option):

1. in the head section of theme.html:


2. add this line in the body tag:


3. add right after above line:


Change the appropriate elements as needed.

One note though, sometimes the preloader remains visible after the whole page is can be seen (probably as a result of other javascripts still loading images). this has been the case with my site athttp://oragonrepublic.com, particularly in the homepage - other pages worked as expected. to partly solve this, the black font color was chosen so the message would not be visible once the header part appears since the bg is also black.

Credit for the script belongs to original author(s)(modifications added). Source Website :http://www.usingit.com/

Trie this but it didn't work. I guess the problem is the scripts makes a call to a function, which should be included with the javascript to be inserted in theme.html.

Tried a little tweaking but I could not understand the script in the website which uses this. (http://www.power-dreams.com/xoops/)

Neat idea though since there are times when loading a page takes some time. Maybe someone can explain a little more?