Register - Login
Views: 99853844
Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies
05-04-22 11:25:04 AM
Jul - Meta - HTML Background Resizing New poll - New thread - Thread closed
Next newer thread | Next older thread
Deleted User
Collection of nobodies
Posted on 02-16-08 11:39:59 PM Link
I've seen people post with a background and it somhow reacts to how much they type. So if anyone knows how to make a background that automatically resizes itself, please be kind enough to tell me.

____________________


===================
[Posted by Gracjan]
Peardian

  
Magikoopa

16/3/1: KvSG #479 is up!

Level: 157


Posts: 567/7597
EXP: 48608245
For next: 970988

Since: 08-02-07

From: Isle Delfino

Since last post: 11 days
Last activity: 13 hours

Posted on 02-16-08 11:45:38 PM Link

I'd be glad to help, but I'm not sure what you mean... care to give us an example? (Somebody's layout perhaps?)

____________________
-Peardian-


"POW! Now you're playin' with power!" -Sledge Hammerhead


Joe
Common spammer
🍬
Level: 111


Posts: 271/3392
EXP: 14502750
For next: 365610

Since: 08-02-07

From: Pororoca

Since last post: 13 days
Last activity: 9 hours

Posted on 02-16-08 11:46:09 PM (last edited by Joe at 02-16-08 08:47 PM) Link
First of all, Gracjan: PLEASE stop posting black text.

To make that background, you have to put a <div> in the post header, and a </div> in the signature. Mine, for example, has this in the header:<div style="background:#000 url('images/rejected.png';">This can be modified to make it look the way you want it to.

____________________
"You shouldn't throw me in front of a bus, I'm hazardous!" ~N
"He's a few elves short of a workshop." ~E
Deleted User
Collection of nobodies
Posted on 02-16-08 11:51:29 PM Link
Originally posted by Joe
First of all, Gracjan: PLEASE stop posting black text.

To make that background, you have to put a <div> in the post header, and a </div> in the signature. Mine, for example, has this in the header:<div style="background:#000 url('images/rejected.png';">This can be modified to make it look the way you want it to.

Thanks for the help!
P.S: Sorry 'bout the black text.

____________________


===================
[Posted by Gracjan]
Joe
Common spammer
🍬
Level: 111


Posts: 272/3392
EXP: 14502750
For next: 365610

Since: 08-02-07

From: Pororoca

Since last post: 13 days
Last activity: 9 hours

Posted on 02-16-08 11:57:05 PM Link
That's okay. So, what do you want to use as the background?

____________________
"You shouldn't throw me in front of a bus, I'm hazardous!" ~N
"He's a few elves short of a workshop." ~E
Hiryuu

Level: 207


Posts: 2294/14435
EXP: 127635970
For next: 2148184

Since: 07-06-07


Since last post: 11.8 years
Last activity: 11.7 years

Posted on 02-17-08 12:00:41 AM Link
Most of what you're thinking is CSS.

Might want to consult W3Schools for that...if nothing else you can always request a layout in the graphics/art forum.

[moves]

____________________
Deleted User
Collection of nobodies
Posted on 02-17-08 12:55:27 AM Link
I want to use this as my backgroundhttp://i252.photobucket.com/albums/hh21/gop_red_94/bacround.gif but i don't know how?

____________________


===================
[Posted by Gracjan]
Joe
Common spammer
🍬
Level: 111


Posts: 273/3392
EXP: 14502750
For next: 365610

Since: 08-02-07

From: Pororoca

Since last post: 13 days
Last activity: 9 hours

Posted on 02-17-08 01:31:16 AM Link
I'm afraid there's a problem: Your image can't stretch.

You have to make separate images for corners, top, and bottom, as well as the corner piece animation.

I can do that for you, if you like.

____________________
"You shouldn't throw me in front of a bus, I'm hazardous!" ~N
"He's a few elves short of a workshop." ~E
Deleted User
Collection of nobodies
Posted on 02-17-08 01:35:55 AM Link
Originally posted by Joe
I'm afraid there's a problem: Your image can't stretch.

You have to make separate images for corners, top, and bottom, as well as the corner piece animation.

I can do that for you, if you like.

Sure.

____________________


===================
[Posted by Gracjan]
Joe
Common spammer
🍬
Level: 111


Posts: 274/3392
EXP: 14502750
For next: 365610

Since: 08-02-07

From: Pororoca

Since last post: 13 days
Last activity: 9 hours

Posted on 02-17-08 03:21:39 AM Link
All right, I've made something useable.

The images are all hosted at my personal server, so please re-upload them elsewhere and change the URLs in the code.

tl.png
t.png
tr.png
l.png
mario.gif
r.png
bl.png
b.png
br.png

This section is for the header:<table cellspacing="0" cellpadding="0" style="width:100%;">
<tr style="height:6px;">
<td style="width:6px;background:#333 url('tl.png');"></td>
<td style="background:#333 url('t.png');"></td>
<td style="width:6px;background:#333 url('tr.png');"></td>
</tr>
<tr>
<td style="width:6px;background:#333 url('l.png');"></td>
<td style="background:#333 url('mario.gif') no-repeat scroll right bottom;">

This section is for the signature:</td>
<td style="width:6px;background:#333 url('r.png');"></td>
</tr>
<tr style="height:6px;">
<td style="width:6px;background:#333 url('bl.png');"></td>
<td style="background:#333 url('b.png');"></td>
<td style="width:6px;background:#333 url('br.png');"></td>
</tr>
</table>

Paste it in notepad and fix all of the image urls, then remove all of the linebreaks, then paste it in the appropriate box in your profile.


____________________
"You shouldn't throw me in front of a bus, I'm hazardous!" ~N
"He's a few elves short of a workshop." ~E
Deleted User
Collection of nobodies
Posted on 02-17-08 03:32:17 AM Link
Originally posted by Joe
All right, I've made something useable.

The images are all hosted at my personal server, so please re-upload them elsewhere and change the URLs in the code.

tl.png
t.png
tr.png
l.png
mario.gif
r.png
bl.png
b.png
br.png

This section is for the header:<table cellspacing="0" cellpadding="0" style="width:100%;">
<tr style="height:6px;">
<td style="width:6px;background:#333 url('tl.png');"></td>
<td style="background:#333 url('t.png');"></td>
<td style="width:6px;background:#333 url('tr.png');"></td>
</tr>
<tr>
<td style="width:6px;background:#333 url('l.png');"></td>
<td style="background:#333 url('mario.gif') no-repeat scroll right bottom;">

This section is for the signature:</td>
<td style="width:6px;background:#333 url('r.png');"></td>
</tr>
<tr style="height:6px;">
<td style="width:6px;background:#333 url('bl.png');"></td>
<td style="background:#333 url('b.png');"></td>
<td style="width:6px;background:#333 url('br.png');"></td>
</tr>
</table>

Paste it in notepad and fix all of the image urls, then remove all of the linebreaks, then paste it in the appropriate box in your profile.


How do i change the url? i dont really see one.

____________________


===================
[Posted by Gracjan]
Joe
Common spammer
🍬
Level: 111


Posts: 275/3392
EXP: 14502750
For next: 365610

Since: 08-02-07

From: Pororoca

Since last post: 13 days
Last activity: 9 hours

Posted on 02-17-08 03:39:20 AM Link
Look in the code. The sections that say url('image.png') need to be updated with the new locations of images. For example, if I uploaded one of the images as http://www.example.com/mario.gif then the section that says url('mario.gif') needs to say url('http://www.example.com/mario.gif') now.

____________________
"You shouldn't throw me in front of a bus, I'm hazardous!" ~N
"He's a few elves short of a workshop." ~E
Deleted User
Collection of nobodies
Posted on 02-17-08 03:40:34 AM Link
Originally posted by Joe
Look in the code. The sections that say url('image.png') need to be updated with the new locations of images. For example, if I uploaded one of the images as http://www.example.com/mario.gif then the section that says url('mario.gif') needs to say url('http://www.example.com/mario.gif') now.

Now i get it.
Thanks for the help!

____________________


===================
[Posted by Gracjan]
Joe
Common spammer
🍬
Level: 111


Posts: 276/3392
EXP: 14502750
For next: 365610

Since: 08-02-07

From: Pororoca

Since last post: 13 days
Last activity: 9 hours

Posted on 02-17-08 04:15:36 AM Link
Hey, you forgot to remove the linebreaks.

____________________
"You shouldn't throw me in front of a bus, I'm hazardous!" ~N
"He's a few elves short of a workshop." ~E
Next newer thread | Next older thread
Jul - Meta - HTML Background Resizing New poll - New thread - Thread closed


Rusted Logic

Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

28 database queries, 5 query cache hits.
Query execution time: 0.086593 seconds
Script execution time: 0.026269 seconds
Total render time: 0.112862 seconds