The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Post Background

View previous topic View next topic Go down

Solved Post Background

Post by TruthSayer on September 8th 2011, 8:51 am

Hello, all! I'm trying to put a background on a post, but can't get the picture to size large enough to be a background. If you'll look at the screen shots below, you'll see what I'm talking about.



Now, I've made it to where no pictures are re-sized in the AP,



and I'm using this code (picked up from a similar question here, I'm sorry I don't remember where it is)

Code:
[table style="padding-left:25px; padding-right:5px; background-image:url('Http://www.website.com/YOUR BACKGROUND IMAGE.jpg');"][tr][td]
[color=TEXT COLOR]

WRITE YOUR MESSAGE HERE

[/color]
[/td][/tr][/table]

Can you please tell me how to fix this problem?

Thanks so much!

EDIT: Wonderful brilliant me figured out that if I space out the text, the background image grows. My problem now is that the image only grows in height, not width, meaning I can't get the rest of the picture to show (see below, and hopefully the screen shot will explain better than I). What I'd like to be able to do is fix the background image so I can freely move the text content around without the width of the picture being dependent on it?


TruthSayer
Forumember

Female Posts : 184
Reputation : 21
Language : English, ALS, Med-speech, Pig Latin ^_^
Location : Wouldn't you like to know... O.o

http://www.anubisscripts.forummotion.com

Back to top Go down

Solved Re: Post Background

Post by Nera. on September 8th 2011, 9:53 am

Hi Truth, like this?

Code:
[table width="100%" style="padding-left:25px; color:white; padding-right:5px; background-image:url('http://users.skynet.be/roland/Blue/sea-the-light.jpg');"][tr][td]
WRITE YOUR MESSAGE HERE
[/td][/tr][/table]


WRITE YOUR MESSAGE HERE

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Post Background

Post by TruthSayer on September 8th 2011, 10:19 am

Yes! Exactly like that! Nera, you are absolutely the best.

The image is tiling, though. Is there a way to keep it at 100%, but stop it from repeating?

TruthSayer
Forumember

Female Posts : 184
Reputation : 21
Language : English, ALS, Med-speech, Pig Latin ^_^
Location : Wouldn't you like to know... O.o

http://www.anubisscripts.forummotion.com

Back to top Go down

Solved Re: Post Background

Post by Nera. on September 8th 2011, 10:30 am

It should be aligned by itself if it's 100% width sice will streach across the whole post. But if you want it smaller and aligned you can do it like this.


WRITE YOUR MESSAGE HERE

Code:
[table width="50%" style="padding-left:25px; color:white;margin-left:auto;margin-right:auto;padding-right:5px; background-image:url('http://users.skynet.be/roland/Blue/sea-the-light.jpg');"][tr][td]
WRITE YOUR MESSAGE HERE
[/td][/tr][/table]

As for the picture you can make it not to repeat but you'd need to fix the photo a bit in a PS program and than colorize the background so the picture fits nicely to the table.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Post Background

Post by TruthSayer on September 8th 2011, 10:47 am

Oh, I love that it's at 100% width. The only problem is the tiling.

I used GIMP to make this, and saved it rather large so it would fit, but when I upload to photobucket, it's automatically sized down (even after I try to bump the size up again).

Do you suggest using another photo host to fix this problem?

TruthSayer
Forumember

Female Posts : 184
Reputation : 21
Language : English, ALS, Med-speech, Pig Latin ^_^
Location : Wouldn't you like to know... O.o

http://www.anubisscripts.forummotion.com

Back to top Go down

Solved Re: Post Background

Post by Nera. on September 8th 2011, 10:56 am

Here, on FM, Servming http://i.imm.io/8XjK.png ?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Post Background

Post by TruthSayer on September 8th 2011, 11:02 am

(I always forget FM has their own image host.)

Unfortunately, that didn't work. Considering this, I think I'll go with a smaller width. To make things look uniform, is there a way to center the table? (I've tried this before, but haven't found a way to do it.)

TruthSayer
Forumember

Female Posts : 184
Reputation : 21
Language : English, ALS, Med-speech, Pig Latin ^_^
Location : Wouldn't you like to know... O.o

http://www.anubisscripts.forummotion.com

Back to top Go down

Solved Re: Post Background

Post by Nera. on September 8th 2011, 11:04 am

How do you mean center it?
It should be aligned by itself if it's 100% width sice will streach across the whole post.
Or you mean center the text?

You can upload it to
http://tinypic.com/
http://imageshack.us/

Just be carefull to choose not to resize before you hit the upload button.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Post Background

Post by TruthSayer on September 8th 2011, 11:19 am

I mean centering the table.

I've tried the different image hosts with this, but width at 100% still tiles. So what I'm going to do now is scale the width down to prevent tiling, but I'd like to know how to center the table so it looks uniform instead of shoved off to one side.

TruthSayer
Forumember

Female Posts : 184
Reputation : 21
Language : English, ALS, Med-speech, Pig Latin ^_^
Location : Wouldn't you like to know... O.o

http://www.anubisscripts.forummotion.com

Back to top Go down

Solved Re: Post Background

Post by Nera. on September 8th 2011, 11:22 am

The same way I did with the smaller one. You have the code in the green/thanked post, just add this to style
Code:
margin-left:auto;margin-right:auto;

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Post Background

Post by TruthSayer on September 8th 2011, 11:28 am

Ah, I am the blind one Cool

Thanks so much for your help, Nera. You are wonderful.

Please mark this as solved.

TruthSayer
Forumember

Female Posts : 184
Reputation : 21
Language : English, ALS, Med-speech, Pig Latin ^_^
Location : Wouldn't you like to know... O.o

http://www.anubisscripts.forummotion.com

Back to top Go down

Solved Re: Post Background

Post by Nera. on September 8th 2011, 11:31 am

Welcome.

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum