Displaying the style outside of the forum

As styles come to you they are meant to be used for the forum only .

Some plug ins and programs will not always use the forum as there root dir , and still use the vBulletin template system and css .
vBadvanced , and links , photo post vBa Gallery .. .

Very easy to correct this with a few changes to the Main Css and image paths (StyleVars)

Styleoutofforumdir.jpg

From your : Admin CP -- choose Styles and templates -- then styles -- from the style you wish to change from the drop down menu -- Main Css .

On this page most image paths will be written relative to the forum directory .
they can be in the Background Attributes , the additional CSS block .
Our styles they will be found in these 2 places .

to find them - they will be written :
- #f2f3f5 url(gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- url(gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- background:#f2f3f5 url(gfx_officed/misc/_bg_nav_lft.gif) no-repeat;

though not identical , or may have slightly different properties , what your looking for and need to change is just the path .

if its' "url(gfx_officed/ .. . ) this us what your after , the url(?? . - the questions being the directory the style was installed in .

we need to add a absolute path , or http path to the image location - do not up set or change any spacing or punctuation in these paths or they may not work !

if your forums are located in "forum" you need to add :
/forum/
or
http://domain.???/forum/ in front of the image location :

these for example :
- #f2f3f5 url(gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- url(gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- background:#f2f3f5 url(gfx_officed/misc/_bg_nav_lft.gif) no-repeat;
would be changed to :
- #f2f3f5 url(/forum/gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- url(/forum/gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- background:#f2f3f5 url(/forum/gfx_officed/misc/_bg_nav_lft.gif) no-repeat;
or
- #f2f3f5 url(http://domain.???/forum/gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- url(http://domain.???/forum/gfx_officed/misc/_bg_nav_lft.gif) no-repeat
- background:#f2f3f5 url(http://domain.???/forum/gfx_officed/misc/_bg_nav_lft.gif) no-repeat;

then save the Main CSS .

From the drop down menu choose 'StyleVars' .

the bottom set of image paths need to be changed like we did above .
gfx_officed/???
would be changed to :
/forum/gfx_officed/??? or http://domain.???/forum/gfx_officed/???

save the StyleVars when finished .

From the drop down menu choose 'Replacement varables' .
check to see if they are used and correct also .

All thats to it .

this may or may not work for other styles you have purchased else where .
we use all StyleVars in the templates and css .
we can only tell you what we do and what will work .