PDA

View Full Version : Background Image Help Needed


vimarc
03-10-2013, 03:56 AM
Hi
I am using fix width style on forum and want to add background like vBulletin org (but diff image) can any one tell me how i can do this..

Ba'al
03-10-2013, 04:58 PM
Upload the image to your server then go to the stylevar controlling it and enter the image url it should look something like this...... url(images/misc/vimarcimage.jpg) and then decide if you want a repeat, x-repeat,y-repeat or no repeat, you might to experiment until you get it how you want it.

vimarc
03-10-2013, 07:24 PM
I tried to do this but image is not properly adjusting as here on this website..

Ba'al
03-11-2013, 03:37 AM
I tried to do this but image is not properly adjusting as here on this website..
Try different size images, also did you try the repeat options?

Post a link to your site so i can see what you have so far.

vimarc
03-11-2013, 10:25 AM
Hi

I have tried everything, www.talkinwebforum.com

Ba'al
03-12-2013, 01:24 AM
Post the image here you want to use and click the link in my siggy and you can see how we used an image as the background.

vimarc
03-12-2013, 12:25 PM
I checked your forum. I is just simple background image.. I have diff background image. images has border in right and left side which must be stick around wrapper of fixed width layout. something like vb org

vimarc
03-12-2013, 12:30 PM
Here is example image..

Ba'al
03-12-2013, 04:48 PM
I noticed it is 1024X30, is 1024 your global width or is it just the content width?

vimarc
03-13-2013, 10:52 AM
Hi this is example image i need idea how to fix this image in fixed width style.

Ba'al
03-13-2013, 07:16 PM
Hi this is example image i need idea how to fix this image in fixed width style.
lol I understand that part, what is your fixed width set to?

vimarc
03-14-2013, 07:48 AM
800 px for wrapper...(white space)

--------------- Added 1363277550 at 1363277550 ---------------

sorry 980 px

Ba'al
03-14-2013, 09:13 PM
Do me a favor, add the image you have to the background temporarily then take a screenshot so i can see how it displays.

K4GAP
03-15-2013, 02:54 AM
Do you want your background to work like the one at this link (http://www.livinginkentucky.com/forums/forum.php?styleid=3) ?

vimarc
03-15-2013, 09:06 AM
Attachment 1 with red arrow: What exactly i am looking for

Attachment 2: Snapshot when i m trying to add background to fix width

K4GAP
03-15-2013, 11:16 AM
Attachment 1 with red arrow: What exactly i am looking for

Attachment 2: Snapshot when i m trying to add background to fix width

You have to alter the background image so that the center portion is the same width as your sites width.

Avros
03-15-2013, 11:42 AM
I am guessing the image you are using is a single image!
Try cutting the image into two, Have one for the left and the other for the right. When you change the screen width, the two images will stay in they assigned position and the blank space in the middle will be the only one to change.

K4GAP
03-15-2013, 11:56 AM
I am guessing the image you are using is a single image!
Try cutting the image into two, Have one for the left and the other for the right. When you change the screen width, the two images will stay in they assigned position and the blank space in the middle will be the only one to change.

Wow ! I'd like to see an example of that. Two background images?

vimarc
03-15-2013, 02:55 PM
You have to alter the background image so that the center portion is the same width as your sites width.

in attachment 2 center position is same as width of website.. (980px)

total size of image is 1350 px ( middle white part is 98xpx)

in stylevar i tried to do this:

repeat
horizontal 1350 px
vertical 2000px

pl suggest the correct way to setup..

K4GAP
03-15-2013, 03:13 PM
Make it .....

horizontal = "center"
vertical = "top"

without the "" of course

vimarc
03-15-2013, 03:50 PM
Hello GaryT

I don't know what you trying to say.. The method you suggesting is not working at all.

I tried to in doc_background stylevar but not working

K4GAP
03-15-2013, 06:34 PM
Hello GaryT

I don't know what you trying to say.. The method you suggesting is not working at all.

I tried to in doc_background stylevar but not working

Here is how it should be ....

http://www.livinginkentucky.com/files/graphics/screenshot.jpg


Make sure you use the proper code for image path.
Such as ..... url(images/k4gap_dark/misc/bg.jpg)

This is (http://www.livinginkentucky.com/forums/forum.php?styleid=14) one of my styles I use that code on.