|
|
Post by Soαrιɴɢ Bloѕѕoмѕ ✿ on Sept 5, 2016 12:39:44 GMT -5
So I've seen these really amazing layouts w/ images placed as the background, and I was wondering how to do that?
Sorry if the answer is obvious, I'm totally clueless when it comes to bbcode.
|
|
|
|
Post by ｒｏｓｅ on Sept 5, 2016 12:57:16 GMT -5
|
|
|
|
Post by ｒｏｓｅ on Sept 5, 2016 12:58:35 GMT -5
(Going to go ahead and tag her for you because she's amazing when it comes to these kinds of things)
|
|
|
|
Post by Soαrιɴɢ Bloѕѕoмѕ ✿ on Sept 5, 2016 13:02:15 GMT -5
Thanks so much :>
|
|
|
|
Post by ｒｏｓｅ on Sept 5, 2016 13:04:37 GMT -5
You're welcome :3
|
|
|
|
Post by ｒｏｓｅ on Sept 5, 2016 13:05:28 GMT -5
Your pronouns though xD
|
|
|
|
Post by Soαrιɴɢ Bloѕѕoмѕ ✿ on Sept 5, 2016 13:06:31 GMT -5
Totally accurate though :'> I am but a human vegetable.
Also, I find myself staring at your siggie, it's so beautiful!
|
|
|
|
Post by Soαrιɴɢ Bloѕѕoмѕ ✿ on Sept 5, 2016 13:28:41 GMT -5
Also does anyone know the sizes of the signatures? Is it 450x140?
|
|
|
|
Post by Jas on Sept 5, 2016 13:45:28 GMT -5
I think the signature can be however big you want it to be? I don't think there are any rules about signature size / length or anything. Also I'll get to writing up an explanation in a moment. BUT I WOULD JUST LIKE TO SAY. Getting tagged to answer this made my heart so happy. ;u; I'm glad you like my stuff ｒｏｓｅ |
|
|
|
Post by Jas on Sept 5, 2016 13:59:02 GMT -5
So I've been using this code: div style="background-image:url('http://whateveryourimagelinkis.jpg') This code will repeat the background if the layout is longer than the image so generally speaking, I try to use images that are "tileable". You can make the layout fixed to image's size so it's only the size of the image - however, you then have to figure out how you want to code a scrolling box in there. I haven't really figured out the art of scroll boxes yet so if anyone has better input, please contribute <3 Here's an example of the whole repeated background / scroll box thing I sent to someone else: Regular Image / Box Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [div style="background-image:url('http://www.smallfruits.org/images/Cover_3.jpg');margin:auto;padding:10px;"]
[div style="background:rgba(33, 27, 84, 0.5);padding:30px;margin:auto;width:90%;"]
[p][font color="#98c8ff"]text[/font][/p]
[/div]
[/div]
Setting Height and Width to be same as picture without scroll box Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [div style="background-image:url('http://www.smallfruits.org/images/Cover_3.jpg');margin:auto;padding:10px;width:470px;height:270px;"]
[div style="background:rgba(33, 27, 84, 0.5);padding:30px;margin:auto;width:90%;"]
[p][font color="#98c8ff"]text[/font][/p]
[/div]
[/div]
Setting Height and Width with Scroll box Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [div style="background-image:url('http://www.smallfruits.org/images/Cover_3.jpg');margin:auto;padding:10px;width:470px;height:270px;"]
[div style="background:rgba(33, 27, 84, 0.5);padding:30px;margin:auto;width:80%;overflow:auto;height:170px;"]
[p][font color="#98c8ff"]text[/font][/p]
[/div]
[/div]
also creates really cool layouts with backgrounds like this one: wcrpforums.com/post/244009The explanation I got for how to do that is here: wcrpforums.com/post/283350I haven't played with that coding at all yet. In all honesty, I've been kind of lazy about coding and my graphics shop rip. If none of this answers your question, I'm sorry. cx |
|
|
|
Post by Soαrιɴɢ Bloѕѕoмѕ ✿ on Sept 5, 2016 14:04:24 GMT -5
Wow!!! Thank you so much Cas!
I think I get it now! ;v; I really appreciate the help!!!
|
|
|
|
Post by Soαrιɴɢ Bloѕѕoмѕ ✿ on Sept 5, 2016 14:04:54 GMT -5
You answered my question, no worries!
|
|
|
|
Post by Deleted on Sept 5, 2016 14:41:42 GMT -5
500 characters is the signature limit!
|
|
|
|
Post by ｒｏｓｅ on Sept 5, 2016 23:09:50 GMT -5
Thanks! The all amazing Silverwing made it for me on WCF
|
|
|
|
Post by Sand on Sept 10, 2016 10:16:50 GMT -5
Locking as question has been answered.
Thanks to everyone who posted :>
|
|
