Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 9:31:27 GMT -5
So I came across a problem while trying to make a clan: the 'fixed' vs. 'scroll' backgrounds don't seem to work. After some searching around, I found the code: div style="background-attachment: value;"]
(with a bracket at the beginning, of course.)
Where "value" is either 'fixed' or 'scroll', yet when I put it in the post, it does nothing. Is there a certain place that I need to put it, maybe? Or perhaps I need to put the current background image somewhere else? And how would I do a solid-color text box over a fixed image?
|
|
|
|
Post by Sand on Sept 9, 2018 10:06:29 GMT -5
This stickied BBCode thread can answer your questions. If what you’re looking for isn’t there, let me know.
|
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 10:10:35 GMT -5
The link just leads back to this page...
|
|
|
|
Post by Sand on Sept 9, 2018 10:20:11 GMT -5
|
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 10:32:01 GMT -5
Thanks. "xxi. Background Attachment div style="background-attachment: value;"] background-attachment determines how the image is positions in respect to the whole website, not the element itself. "value" can be fixed or scroll; scroll is the default setting. This means that the image scrolls with the element; fixed means that the image stays where it is as the element scrolls." It doesn't quite tell me where I need to put the code in respect to other code that is already there, or how it connects to images. (connect as in it uses those images as the background.)
I know I'm probably missing something simple, so sorry if that's the case.
|
|
|
|
Post by zero on Sept 9, 2018 15:02:31 GMT -5
If you still need help, you put {background-attachment: value;} in the same section as the imagine url (after the ; but before the " ) and/or where the code starts with div style. If you show some of your other code, I could tell you exactly where.
[div align="center"][div style="border:3px outset #323232;width:70%;padding:15px;background:#97c4cd;background-image:url(http://i65.tinypic.com/fthifr.jpg);background-attachment: value;"]
|
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 15:22:05 GMT -5
Thank you very much, this worked for me! now I just have one more question: How would i go about having a solid box of text over a fixed image?
use fireh's aetherclan as an example if you don't know what i mean
|
|
|
|
Post by zero on Sept 9, 2018 15:38:47 GMT -5
Okay so you have your back ground image in the code below [div style="border:5px Inset Gray;padding:20px;background:url(INSERT URL HERE);background-attachment:fixed;"]Then you add the second box and be sure to add the width part. That will make your second box smaller than the first. [div align="center"][div style="border:5px inset gray;width:75%;padding:20px;background:#0E1D57;"]I would def add padding to the first part of the code to create the spaces naturally around the inner box. Without the padding you won't get the spaces, that I know of. Adding padding to the second box is nice too but not necessary. You can also change the numbers for both the padding and width to fit your taste. |
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 15:45:38 GMT -5
Thanks a lot again! Is there a way to edit the height of the inner box so there's a space between the top of the outer box and the top of the inner box?
|
|
|
|
Post by zero on Sept 9, 2018 15:48:18 GMT -5
It will grow when you type more words in, but if you want to have it touch the top of the outer box, then decrease the width and padding.
|
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 15:50:02 GMT -5
But there's the issue: even with the padding it still seems to be touching the top.
|
|
|
|
Post by zero on Sept 9, 2018 15:51:27 GMT -5
Ah, you need to add padding to the first box.
|
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 15:54:36 GMT -5
Thank you a third time!
Edit: for some reason there's padding between the tops of the two boxes, but none between the bottoms.
|
|
|
|
Post by zero on Sept 9, 2018 16:01:18 GMT -5
That's because you didn't add padding to the right box. You need to add it to the first box with the image url.
|
|
Heterosexual
Storm
don't judge my activity m8 last time I was on here was three years ago
|
Post by Storm on Sept 9, 2018 16:07:39 GMT -5
Thanks #4
Whoops I seem to have misunderstood your second to last post 'till now. I'm so sorry for wasting your time.
|
|
|
|
Post by zero on Sept 9, 2018 16:11:55 GMT -5
No problem. Coding is confusing.
|
|
