• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Fandom Out of Character Chat

Of course I am, there's rarely an occasion when I'm not on RPN.
Don't I know it. Short announcement guys, I am breaking up with Blue Pegasus. Sorry Blue Pegasus, it isn't you its me, and the fact that immortal time-traveling Shitlords that ruin peoples lives aren't allowed in the RP. So sad...:closedeyescryingfrown:
 
How do I get the picture to be completely in the box?

04bc307ae3364013b52078005cfe9926-d4dci84.jpg











Code:
[div=background:url(https://i.ytimg.com/vi/rpxjy4SzGeQ/maxresdefault.jpg) no-repeat center; margin:1%; padding:7%; border-radius:3%;][imagefloat=right][img]http://orig01.deviantart.net/fb65/f/2011/292/0/4/04bc307ae3364013b52078005cfe9926-d4dci84.jpg[/img][/imagefloat][/div]
 
Last edited:
How do I get the picture to be completely in the box?

04bc307ae3364013b52078005cfe9926-d4dci84.jpg

Code:
[div=background:url(https://i.ytimg.com/vi/rpxjy4SzGeQ/maxresdefault.jpg) no-repeat center; margin:1%; padding:7%; border-radius:3%;][imagefloat=right][img]http://orig01.deviantart.net/fb65/f/2011/292/0/4/04bc307ae3364013b52078005cfe9926-d4dci84.jpg[/img][/imagefloat][/div]
Alright. ^^ For this code, it's actually the imagefloat coding that's causing it to end up outside of the div box. If you were to cut the imagefloat coding, you'd get this:
04bc307ae3364013b52078005cfe9926-d4dci84.jpg

which as you can see puts the image inside the div box. I'm assuming it wasn't working earlier because the imagefloat code automatically renders other codes null and they don't affect it.
 
Alright. ^^ For this code, it's actually the imagefloat coding that's causing it to end up outside of the div box. If you were to cut the imagefloat coding, you'd get this:
04bc307ae3364013b52078005cfe9926-d4dci84.jpg

which as you can see puts the image inside the div box. I'm assuming it wasn't working earlier because the imagefloat code automatically renders other codes null and they don't affect it.
I want the image to be on the right side, though. Not in the middle. And I'm planning on putting text on the left. I'm not sure how to do that without an imagefloat.
 
I want the image to be on the right side, though. Not in the middle. And I'm planning on putting text on the left. I'm not sure how to do that without an imagefloat.
Ah. You want to use columns then to do that inside the div, it'd be easiest, see the code below,
Code:
[row][column=span(#here, must equal to 8)]Words[/column][column=span(#here, must equal to 8)]picture[/column][/row]
then. It'd set your text to the left and your image to the right. Of course, you'd end up having to tweak and play with it till it looks right.

You could also use more div boxes, but I'd need a bit more time to explain how to do that.
 
Ah. You want to use columns then to do that, it'd be easiest, see the code below,
Code:
[row][column=span(#here, must equal to 8)]Words[/column][column=span(#here, must equal to 8)]picture[/column][/row]
then. It'd set your text to the left and your image to the right. Of course, you'd end up having to tweak and play with it till it looks right.

You could also use more div boxes, but I'd need a bit more time to explain how to do that.
*Grumbles unintelligible things about columns...*

Okey doke. Off to do more research.
 
JayeTheKat JayeTheKat

How would one get two div boxes to line up next to each other? I thought it might be using the display:inline-block code, but then one doesn't start at the same vertical level as the other.
 
JayeTheKat JayeTheKat

How would one get two div boxes to line up next to each other? I thought it might be using the display:inline-block code, but then one doesn't start at the same vertical level as the other.
I actually don't have a for sure answer for that one other than using columns... Possibly using position:relative to shove one down or up so they're vertically aligned after the display:inline-block? Can't say it'll look right across all devices but it may work.

If I'm confusing do let me know because I usually suck at explaining things...
 
Last edited:
Do you mean having each box in the columns aligning on the same row? llke this


full

▬▬▬▬▬▬▬▬▬▬▬▬(ஜ۩۞۩ஜ)▬▬▬▬▬▬▬▬▬▬▬▬

thFireplace_gif.gif~c200


photo-43322.gif


thFireplace_gif.gif~c200



~General Information~

ba01064a11960f9d861149d06bad43f37287e61c_hq.jpg
THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP



~History~

THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP


~Personality~

THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP THIS IS WIP



thFireplace_gif.gif~c200


~Likes~

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt quam sapien, in malesuada turpis vestibulum a. Duis consectetur eros bibendum massa placerat, non hendrerit massa molestie. Pellentesque vitae condimentum erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus egestas, nibh id ultricies convallis, ipsum arcu rhoncus eros, et aliquam libero lacus vel velit. Praesent quis turpis sed tortor fringilla tincidunt ac accumsan lectus.


Sed euismod imperdiet quam. Sed sit amet cursus metus. Duis eu ultricies elit. Suspendisse potenti. Curabitur quis posuere elit, et sagittis nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat ullamcorper dui, sed mollis augue dapibus ac. Suspendisse tincidunt sagittis mollis. Fusce vestibulum nibh metus, a consectetur nisl consectetur a. Quisque ullamcorper elit et accumsan suscipit.



~Dislikes~

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt quam sapien, in malesuada turpis vestibulum a. Duis consectetur eros bibendum massa placerat, non hendrerit massa molestie. Pellentesque vitae condimentum erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus egestas, nibh id ultricies convallis, ipsum arcu rhoncus eros, et aliquam libero lacus vel velit. Praesent quis turpis sed tortor fringilla tincidunt ac accumsan lectus.


Sed euismod imperdiet quam. Sed sit amet cursus metus. Duis eu ultricies elit. Suspendisse potenti. Curabitur quis posuere elit, et sagittis nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed feugiat ullamcorper dui, sed mollis augue dapibus ac. Suspendisse tincidunt sagittis mollis. Fusce vestibulum nibh metus, a consectetur nisl consectetur a. Quisque ullamcorper elit et accumsan suscipit.



thFireplace_gif.gif~c200
 
That's awesome XD Well, if he has a crush on her, she's gonna be a hard one to catch, but to be honest, that's probably what she needs right about now :P
No longer has a crush. Sorry.

Puh... No love for Nikhil. </3
It's kay though, he could care less about anyone in Raven other than Millie.
I couldn't think of how to include him, sorry.

Of course I am, there's rarely an occasion when I'm not on RPN.
Ditto. If I'm other asleep or actually working at work I'm here all the time.

Refaulted Refaulted btw I am extremely pleased to see Jacob Foles again. He was a favorite from ANB for me
 

Users who are viewing this thread

Back
Top