What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help old thread, new problem

Eternal Prince

love the void
reusing this thread bc i don't want to clutter up the board more with a new one,, anyway. in the hidden scroll over the image i want the text to be centered, but it's off to the right instead? i'm probably overlooking something really obvious, but i can't figure out what the problem is.

Code:
[bg=0px; height: 530px; width: 360px; float: left; padding: 0px;][bg=0px; height: 46px; width: 360px; padding: 0px; margin: auto;][border=0px; width: 360px; float: left;][border=0px; padding: 0px; width: 360px; margin: 0px; background: #9f8bd0; color: #fff; line-height: 12px; font-size: 30px;][font=Pacifico]Relationships[/font][/border]
[border=0px; padding: 0px; width: 360px; margin: 0px; background: #9f8bd0; color: #fff; line-height: 3px; font-size: 16px;][right][font=Pacifico]something here[/font][/right][/border][/border][/bg][comment]---
---
--- this section scrolls so you can add as many as you want! ---
---
---[/comment]
[bg=0px; height: 410px; width: 360px; padding: 0px; margin: auto;][bg=transparent; overflow: hidden; height: 400px; width: 360px; padding: 0px; margin: auto;][bg=transparent; height: 410px; width: 360px; overflow: auto; margin: auto;][comment]---
---
--- first relationship start ---
--- image ---
---
---[/comment][bg=0px; height: 120px; width: 360px; padding: 0px; margin: auto; margin-top: -10px;][bg=0px; height: 115px; width: 115px; padding: 0px; margin: auto; float: left; border-radius: 10px; background:url('https://i.imgur.com/9EPe34L.jpg'); position: relative; z-index: 2;][comment]---
---
--- image scroll + name ---
---
---[/comment][bg=transparent; overflow: hidden; height: 115px; width: 115px; padding: 0px;][bg=transparent; height: 135px; width: 135px; margin: auto; padding: 0px; overflow: auto; position: relative;][border=transparent; height: 20px; width: 95px; position: absolute; top: 115px; left: 0px; z-index: 3; background: #9f8bd0; opacity: 0.7; border-radius: 10px;][/border][border=0px; height: 45px; width: 115px; margin-top: 108px; position: relative; z-index: 3; color: #fff; font-size: 14px; text-align: center; letter-spacing: 0.5px; line-height: 15px;]Otoya
Ittoki[/border][/bg][/bg][/bg][comment]---
---
--- text, hidden scroll. no set height, type as much as you want ---
---
---[/comment][bg=0px; height: 120px; width: 250px; padding: 0px; margin: auto; float: left; margin-top: -5px; margin-right: -5px;][bg=transparent; overflow: hidden; height: 115px; width: 250px; padding: 0px; margin: auto; float: left;][bg=transparent; height: 120px; width: 242px; overflow: auto; color: #fff; font-size: 12px; text-align: justify; line-height: 15px; letter-spacing: 0.5px; margin: auto; float: left;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Neque convallis a cras semper auctor neque. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere.

Dignissim sodales ut eu sem integer vitae. Est placerat in egestas erat imperdiet sed euismod nisi. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Ornare aenean euismod elementum nisi quis eleifend. Suscipit adipiscing bibendum est ultricies integer quis.

[/bg][/bg][/bg]uuhh next section goes here idk


[/bg][/bg][/bg]
[/bg]
Relationships

something here

Otoya
Ittoki
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Neque convallis a cras semper auctor neque. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere.

Dignissim sodales ut eu sem integer vitae. Est placerat in egestas erat imperdiet sed euismod nisi. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Ornare aenean euismod elementum nisi quis eleifend. Suscipit adipiscing bibendum est ultricies integer quis.

uuhh next section goes here idk



 
Last edited:

Kio.exe

Road work ahead? Uh, I sure hope it does...
Hi!! Other coders correct me if I’m wrong—but I believe you can adjust the name by adding commands like “margin-left: -10px;” and “margin-top: -30px;” (the numbers are interchangable!!
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
I'm used to much simpler BBCode from other sites and also have a (very) basic understanding of some HTML/CSS which has been helpful, but this is my first time trying to code something on RPN so I'm still figuring things out here ^^'' There are a few things I'm trying to figure out at the moment for a code I'm working on.

1. How would I get the quote/title ("Carmen Dei") to sit directly under the second/smaller image on the right? (And then the "Misc." box below that?)

2. Why are those 3 sections (picture, title, and "Misc.") so far to the left? They're overlapping with the "Biography" box and the decorative one with the circles in it a bit? Rather than just sitting next to them. How do I make them.. not do that?

3. How do you make a hidden scroll box on top of an image? For whatever reason, I can't seem to figure it out without completely screwing up the code. Here's an example of what I want, because I'm not really sure how to describe it in words aha. I've already tried looking at the code I linked but I still can't seem to figure it out ^^'' I want this on the larger image on the left (and maybe also the other image? I haven't decided on that part yet).

Screenshot below, and code in the spoiler below that!



Code:
[comment]

☁♚ coded by Eternal Prince (75514) ♚☁

[/comment][bg=0px; width: 950px; margin: auto;][comment]!!!

LEFT IMAGE HERE

!!![/comment][border=0px; height: 450px; width: 300px; background:url('https://i.imgur.com/tX2ISkE.png'); float: left; background-size: 100%][/border][comment]!!!

"BIOGRAPHY" BOX HERE

!!![/comment][border=0px; width: 400px; float: left;][bg=0px; height: 250px; width: 400px; background: #07463f; padding:15px 25px;][border=0px; padding: 0px; background: #fff5b1; display: inline-block; padding: 7px; line-height: 14px; font-size: 20px;]Biography[/border][bg=transparent; overflow: hidden; height: 240px; width: 400px; padding: 0px 0px;][bg=transparent; height: 240px; width: 400px; margin: 10px 0px; overflow: auto; color: #fff; font-size: 12px; text-align: justify; line-height: 15px; letter-spacing: 0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Neque convallis a cras semper auctor neque. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere.

Dignissim sodales ut eu sem integer vitae. Est placerat in egestas erat imperdiet sed euismod nisi. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Ornare aenean euismod elementum nisi quis eleifend. Suscipit adipiscing bibendum est ultricies integer quis.

Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. Urna condimentum mattis pellentesque id. Suscipit tellus mauris a diam maecenas sed enim ut sem. Adipiscing tristique risus nec feugiat in. In vitae turpis massa sed. Dignissim enim sit amet venenatis urna cursus eget nunc. Accumsan tortor posuere ac ut consequat semper viverra nam. Habitant morbi tristique senectus et netus. Habitant morbi tristique senectus et netus et malesuada.

Eu augue ut lectus arcu bibendum at varius. Egestas integer eget aliquet nibh praesent tristique. Vitae elementum curabitur vitae nunc sed velit dignissim sodales. Feugiat in ante metus dictum at tempor.


[/bg][/bg][/bg][/border][comment]!!!

RIGHT IMAGE HERE

!!![/comment][border=0px; height: 170px; width: 170px; background:url('https://i.imgur.com/ziQaGHS.jpg'); float: left; background-size: 100%][/border][comment]!!!

"PERSONALITY" BOX HERE

!!![/comment][border=0px; width: 325px; float: left;][bg=0px; height: 160px; width: 325px; background: #527357; padding: 15px 25px;][border=0px; padding: 0px; background: #fff5b1; display: inline-block; padding: 7px; line-height: 14px; font-size: 20px;]Personality[/border][bg=transparent; overflow: hidden; height: 140px; width: 325px; padding: 0px 0px;][bg=transparent; height: 140px; width: 325px; margin: 10px 0px; overflow: auto; color: #fff; font-size: 12px; text-align: justify; line-height: 15px; letter-spacing: 0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Neque convallis a cras semper auctor neque. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere.

Dignissim sodales ut eu sem integer vitae. Est placerat in egestas erat imperdiet sed euismod nisi. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Ornare aenean euismod elementum nisi quis eleifend. Suscipit adipiscing bibendum est ultricies integer quis.


[/bg][/bg][/bg][/border][comment]!!!

FA SYMBOLS HERE

!!![/comment][border=0px; width: 55px; float: left;][bg=0px; height: 160px; width: 55px; background: #fff5b1; padding: 15px 25px;][bg=transparent; overflow: hidden; height: 140px; width: 75px; padding: 0px 0px;][bg=transparent; height: 140px; width: 55px; margin: 10px 0px; overflow: auto; color: #07463f; font-size: 20px; text-align: center; line-height: 44px; letter-spacing: 0.5px;][fa]fa-circle[/fa]
[fa]fa-circle[/fa]
[fa]fa-circle[/fa][/bg][/bg][/bg][/border][comment]!!!

QUOTE HERE

!!![/comment][border=0px; width: 170px; float: left;][bg=0px; height: 120px; width: 170px; background: #527357; padding: 10px;][border=0px; height: 100px; width: 150px; background: #fff5b1; padding: 10px;][bg=transparent; overflow: hidden; height: 100px; width: 170px; padding: 0px 0px;][bg=transparent; height: 100px; width: 170px; margin: 10px 0px; color: #07463f; font-size: 35px; text-align: justify; line-height: 35px; letter-spacing: 0.5px;][b]CARMEN
DEI —[/b] [fa]far fa-star[/fa]

[/bg][/bg][/border][/bg][/border][comment]!!!

"MISC" BOX HERE

!!![/comment][border=0px; width: 170px; float: left;][bg=0px; height: 160px; width: 170px; background: #07463f; padding: 15px 25px;][border=0px; padding: 0px; background: #fff5b1; display: inline-block; padding: 7px; line-height: 14px; font-size: 20px;]Misc[/border][bg=transparent; overflow: hidden; height: 140px; width: 170px; padding: 0px 0px;][bg=transparent; height: 140px; width: 170px; margin: 10px 0px; overflow: auto; color: #fff; font-size: 12px; text-align: justify; line-height: 15px; letter-spacing: 0.5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus.


[/bg][/bg][/bg][/border]
[/bg]

hi hi!
i'll be addressing everything in order but do let me know if there's anything you don't understand!

1. from what i can tell, all of your items are next to each other based on float:left on a row system. easiest way for you to ensure that all three are in the same column would be to make another border to contain them in the same column! from what i can tell, your misc and name boxes are following the top of the personality box!

2. i can't seem to figure out why there's an overlap, since it's been sometime since i used the float:left work-around and i'm not really an expert on css, just some clown who self-taught bbcode years ago |・ω・) but if you're doing what i mentioned in point 1, adding a float:right instead of a float:left will automatically have it go to extreme right of the available space. after that it'll just be a matter of shaving down width if need to i think!

3. for scrolls on images, i'll just explain how i do it!.
- make your hidden scroll, with the image set as the background of the overflow:hidden container (that has full width and height that you want for the final image)
- not sure how you prefer doing scrolls, but make sure you have a separate container for your text for this. usually with the 3-border method of hidden scrolls you will already have 3, the text container refers to the final one. if you're doing 2-border, make an extra one with height:auto and width:100% to enclose all text!

(to hide the text)
- make a border that's the height of the scroll container above your text container to act as a placeholder so no content is seen until scroll
[or]
- the final border of the scroll (the text container) must have a margin-top: [value] with a value corresponding to the height of the scroll container, so that all content will only appear if scrolled!

low fidelity did a few extra steps, i believe to achieve a slightly transparent image as the background:
- set a position:relative to the container of the scroll (no picture)
- create a static background and have it lie at the very bottom with z-index. she used position:relative but i recommend position:absolute so you don't have to do extra shifting of the others.
- code a hidden scroll in a position:relative border with z-index above the static background

sorry if these explanations aren't the best, but i hope it helps!

edit: kio.exe is correct in that you could also shift the right-most boxes with margin instead as well, though i am personally mathhater89 and don't really use margin except for really minor adjustments or work-arounds! since i work w percentages and hate figuring out the necessary pixel numbers. whichever is easier for you!
 

Eternal Prince

love the void
Kio.exe Kio.exe Uxie Uxie Thank you both!! I managed to get everything to sit where I wanted and found a way to work around the overlapping (it was mostly due to the padding, just had to mess around with the numbers there until it looked right.) I was also able to figure out how to do the scroll over just the image, however I'm still struggling to understand the extra steps needed to set a slightly transparent color as the background instead? ^^''

I also have another question for anyone who may be able to answer! How would I make text message style boxes, to put inside a hidden scroll over the other image?
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
Kio.exe Kio.exe Uxie Uxie Thank you both!! I managed to get everything to sit where I wanted and found a way to work around the overlapping (it was mostly due to the padding, just had to mess around with the numbers there until it looked right.) I was also able to figure out how to do the scroll over just the image, however I'm still struggling to understand the extra steps needed to set a slightly transparent color as the background instead? ^^''

I also have another question for anyone who may be able to answer! How would I make text message style boxes, to put inside a hidden scroll over the other image?
buckle up for a long message ;w;

two ways to do a slightly transparent background!

the first is super easy but allows only for colours, which is just setting your colours in rgb format rather than hex. every hex colour has a corresponding rgb, which you can usually find easily if you look up a colour wheel. rgb follows rgb(0, 0, 0), but adding an extra value that is between 1 and 0 after the last colour value can dictate opacity, i.e. rgb(255, 255, 255, 0.8) would be a white border with opacity:0.8 / 80%! that said, there's some issues with compatibility across certain devices and browsers that may result in this method looking a little odd on their ends

the second way is a work-around which makes use of position and z-index and allows for both colours and images! crash course on these two (absolute and relative), the most basic thing you have to remember is that position:absolute will listen/adhere to the closest position:relative border that it is within. you can treat it like a caged dog, and without a position:relative cage, the position:absolute border will go where it pleases.
so with these in mind, you'd want to stick a position:relative on the border that you want the slightly transparent background to be on! in this case, let's just take this random box:

[border=transparent; height:100px; width:100px; padding:0; background:red;][/border]


so i'd slap a position:relative on that box's border, and then have a position:absolute element within that has height:100%; and width:100%;, to ensure that it'll cover the full element!

[border=transparent; height:100px; width:100px; padding:0; background:red; position:relative;][border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; background:#fff; opacity:0.6;][/border][/border]


note: when using position:absolute, make sure you dictate top: and left: values! these are super important for the code to look okay across devices! both must be there, even if they'll both be 0!!!! you can also use bottom or right, depending on where you want your element!

finally, when adding content into this, you put all your content into one border and then slap a position:relative on that too! this is solely so you can set its z-index to a value higher than that of the background so that it's seen! if the order of your borders are 1. big container 2. background 3. content, you need not set a z-index on the background element but i recommend you do anyways, just 2 be safe!

[border=transparent; height:100px; width:100px; padding:0; background:red; position:relative;][comment]
----background-----
[/comment][border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:1; background:#fff; opacity:0.6;][/border][comment]
----content!----
[/comment][border=transparent; height:auto; width:100%; padding:0; position:relative; z-index:2; color: #000;]some text here[/border][/border]

some text here


these methods are also super helpful when you want elements on a transparent background without having the text/elements itself be transparent too to ensure readability!

as for text messages, it really depends on what kind of style you're going for! since text messages are in a column, you can usually just do two borders for each row of messages, one container that takes up the entire width of the container and one that contains the actual message! here's an example:

Code:
[border=transparent; height:150px; width:150px; padding:10px; box-sizing:border-box; border:1px solid black;][comment]
----message row container----
[/comment][border=transparent; height:auto; width:100%; padding:0;][comment]
----actual message----
[/comment][border=transparent; height:fit-content; width:fit-content; padding:5px; box-sizing:border-box;
/*to get one edge not-curved for the message look */ border-radius:8px 8px 0 8px; background:blue; color: #000; 

/*to ensure the message is on the right*/ margin-left:auto;]what's up![/border][/border][comment]
----message row container 2----
[/comment][border=transparent; height:auto; width:100%; padding:0;][comment]
----actual message (reply!)----
[/comment][border=transparent; height:fit-content; width:fit-content; padding:5px; box-sizing:border-box;
/*to get one edge not-curved for the message look. swap the numbers around to change the edge corner */ border-radius:8px 8px 8px 0; background:green; color: #000; 
/*to ensure the message is on the left*/ margin-right:auto;]not much[/border][/border]
[/border]
what's up!
not much



you'd probably want to insert a few margins between each message, but the basic idea is there! inserting this into your scrolls are simple, just put the message row container + messages into the text container on your hidden scrolls (*・ω・)ノ

hope this helps!
 

Eternal Prince

love the void
Uxie Uxie Thank you for all the help!! One last problem, then I think I should have everything figured out for now ^^'' I managed to get the semi-transparent background over the image, but I can't get it to scroll along with the text? Currently it's static, permanently overlaying the image. I feel like this is probably a really easy fix, but I've been trying for quite a while and can't get it to work
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
Uxie Uxie Thank you for all the help!! One last problem, then I think I should have everything figured out for now ^^'' I managed to get the semi-transparent background over the image, but I can't get it to scroll along with the text? Currently it's static, permanently overlaying the image. I feel like this is probably a really easy fix, but I've been trying for quite a while and can't get it to work
i'm assuming you mean that you want the semi-transparent background to cover the container of the text!

just apply the same principles, but make the text container your position:relative cage! you'd need another border to contain all of your text with position:relative on it, but this should ensure that it'll follow the height and width of the content rather than the scroll box!!
 

Uxie

ଘ(੭ˊ꒳ˋ)੭* ੈ‧₊❀˖°
Uxie Uxie Thank you so so much, I really appreciate all the help! ♡

Hopefully I haven't been too annoying with all the questions (ノ ∀ \* )
not at all!!!! (´ ω `♡) it's always a pleasure helping others learn hehe
i'm glad your code turned out good and i hope to see more of your other creations soon (*¯︶¯*)
 

reveriee

as the poets say
remember to set the padding to 0 if you don't want it to be the default value !! the padding was what pushed your text off center haha ~ i set the padding for you on the border tag with the text and made the necessary changes to the other values.

edit: on an unrelated note, i would recommend setting an overall background if you want to use white text, so it's readable on light mode !! otherwise, you can just remove the text color, as the default one switches appropriately depending on the mode ^^


Code:
[bg=0px; height: 530px; width: 360px; float: left; padding: 0px;][bg=0px; height: 46px; width: 360px; padding: 0px; margin: auto;][border=0px; width: 360px; float: left;][border=0px; padding: 0px; width: 360px; margin: 0px; background: #9f8bd0; color: #fff; line-height: 12px; font-size: 30px;][font=Pacifico]Relationships[/font][/border]
[border=0px; padding: 0px; width: 360px; margin: 0px; background: #9f8bd0; color: #fff; line-height: 3px; font-size: 16px;][right][font=Pacifico]something here[/font][/right][/border][/border][/bg][comment]---
---
--- this section scrolls so you can add as many as you want! ---
---
---[/comment]
[bg=0px; height: 410px; width: 360px; padding: 0px; margin: auto;][bg=transparent; overflow: hidden; height: 400px; width: 360px; padding: 0px; margin: auto;][bg=transparent; height: 410px; width: 360px; overflow: auto; margin: auto;][comment]---
---
--- first relationship start ---
--- image ---
---
---[/comment][bg=0px; height: 120px; width: 360px; padding: 0px; margin: auto; margin-top: -10px;][bg=0px; height: 115px; width: 115px; padding: 0px; margin: auto; float: left; border-radius: 10px; background:url('https://i.imgur.com/9EPe34L.jpg'); position: relative; z-index: 2;][comment]---
---
--- image scroll + name ---
---
---[/comment][bg=transparent; overflow: hidden; height: 115px; width: 115px; padding: 0px;][bg=transparent; height: 125px; width: 135px; margin: auto; padding: 0px; overflow: auto; position: relative;][border=transparent; height: 20px; width: 95px; position: absolute; top: 115px; left: 0px; z-index: 3; background: #9f8bd0; opacity: 0.7; border-radius: 10px;][/border][border=0px; height: 45px; width: 115px; margin-top: 120px; position: relative; z-index: 3; color: #fff; font-size: 14px; text-align: center; letter-spacing: 0.5px; line-height: 15px;padding:0]Otoya
Ittoki[/border][/bg][/bg][/bg][comment]---
---
--- text, hidden scroll. no set height, type as much as you want ---
---
---[/comment][bg=0px; height: 120px; width: 250px; padding: 0px; margin: auto; float: left; margin-top: -5px; margin-right: -5px;][bg=transparent; overflow: hidden; height: 115px; width: 250px; padding: 0px; margin: auto; float: left;][bg=transparent; height: 120px; width: 242px; overflow: auto; color: #fff; font-size: 12px; text-align: justify; line-height: 15px; letter-spacing: 0.5px; margin: auto; float: left;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Neque convallis a cras semper auctor neque. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere.

Dignissim sodales ut eu sem integer vitae. Est placerat in egestas erat imperdiet sed euismod nisi. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Ornare aenean euismod elementum nisi quis eleifend. Suscipit adipiscing bibendum est ultricies integer quis.

[/bg][/bg][/bg]uuhh next section goes here idk


[/bg][/bg][/bg]
[/bg]

Relationships

something here

Otoya
Ittoki
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Neque convallis a cras semper auctor neque. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere.

Dignissim sodales ut eu sem integer vitae. Est placerat in egestas erat imperdiet sed euismod nisi. Vel orci porta non pulvinar neque laoreet suspendisse interdum. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum. Ornare aenean euismod elementum nisi quis eleifend. Suscipit adipiscing bibendum est ultricies integer quis.

uuhh next section goes here idk



 
Last edited:

Eternal Prince

love the void
reveriee reveriee i knew it was probably something really obvious (ノ ∀ \* ) thank you!

and yeah!! in the full code there is a different background color so that's why the text is set to white. i just didn't post the full code here since it's pretty long and i only needed help with this bit of it ^^
 

Users Who Are Viewing This Thread (Users: 0, Guests: 2)

Top