Transgender
ｓｐｏｒｅ
[busy with college]
|
hello!
May 23, 2021 23:34:55 GMT -5
Post by ｓｐｏｒｅ on May 23, 2021 23:34:55 GMT -5
hi all! i go by spore on here, my pronouns are he/him and i like drawing sometimes. i haven't roleplayed in a while and after jumping back into reading warrior cats, i decided to try out this site! i am pretty anxious since i haven't roleplayed in a good while but hopefully it's not too bad. if anyone wants to recommend any fan clans to join, let me know! and if anyone could help me figure out some coding stuff that would also be pretty nice. |
|
|
|
Transgender
ｓｐｏｒｅ
[busy with college]
|
Post by ｓｐｏｒｅ on May 25, 2021 18:28:56 GMT -5
ty so much! i will look at those pages soon!! |
|
|
|
hello!
May 26, 2021 0:06:02 GMT -5
Post by TheShiftingFox on May 26, 2021 0:06:02 GMT -5
Hey, this is the first time I've been on this forum since 2017, but I can try to help with any coding if you need it. What kind of coding are you looking for? I imagine HTML, CSS And BBCode are the obvious ones. A fantastic resourceful website is W3Schools. Link: www.w3schools.com/I'm not a coding master as I haven't been following up on what I'm learning, but I've done enough of it to build up a heap of patience in problem-solving, research skills and reading code. I study Information Technology at University. Edit: Other cool coding resources Free Code Camp: Free Coding courses www.freecodecamp.org/Personally when I first started learning coding I used CodeAcademy but it was paid for by my school. Free Code Camp is just as good. |
|
Transgender
ｓｐｏｒｅ
[busy with college]
|
hello!
May 26, 2021 10:55:19 GMT -5
Post by ｓｐｏｒｅ on May 26, 2021 10:55:19 GMT -5
oh ty for the sources! i'm mainly trying to learn bbcode so i can make roleplay templates for my characters! this is one of the templates i made that is quite simple but i wanna add an image with a border around it for the character appearance. the border around it is just the quote part, wanna make sure it is separate. i can try to find examples of what i'm trying to do if you'd like! |
|
Transgender
ｓｐｏｒｅ
[busy with college]
|
hello!
May 26, 2021 14:49:49 GMT -5
Post by ｓｐｏｒｅ on May 26, 2021 14:49:49 GMT -5
i messed around a bit and made this but i really wanted to try adding a background but i don't know how to make the post smaller? as in the height and width of the border and background along with it. |
|
|
|
hello!
May 26, 2021 14:51:13 GMT -5
Post by Copperstar☂ on May 26, 2021 14:51:13 GMT -5
Cool! I don't even know how to do that much...
|
|
Transgender
ｓｐｏｒｅ
[busy with college]
|
Post by ｓｐｏｒｅ on May 26, 2021 14:59:59 GMT -5
i had to quote code from others to get an idea of how to do it and it's simple but also not at the same time fgldsfjdvfn i think it looks fine without the background BUT i do wanna try to put one |
|
|
|
Transgender
ｓｐｏｒｅ
[busy with college]
|
hello!
May 26, 2021 20:17:21 GMT -5
Post by ｓｐｏｒｅ on May 26, 2021 20:17:21 GMT -5
TheShiftingFox i've looked at that before, it's a good source for the coding but it doesn't really help me understand how to put it together. i also just have a harder time understanding things in general so it makes it harder on my brain RIP.
this thread is kind of what i want to make myself. |
|
|
|
hello!
May 27, 2021 0:28:03 GMT -5
Post by TheShiftingFox on May 27, 2021 0:28:03 GMT -5
Shouldn't be too hard. I'm really familiar with HTML and CSS. I'm just trying to see what works in BBCode as it is a simplified version of HTML. You just need to shrink the width of the container holding your content. The container would be the DIV you are using to hold all your items/content. I usually set my width as a percentage rather than in pixels, personally.
The post you linked me, they have has set their width at 60%. I used Inspect Element to have a look. (Press F12 on any page in Google Chrome - Opens "Inspect Element" which allows you to see the page code)
Each paragraph, including the divider image, has a container DIV with align="center". They have a second DIV inside the first DIV with a width of 60%.
So it would be [div style="align:center;"][div style="width:60%;"]Content goes here[/div][/div] or [center][div style="width:60%;"]Content goes here[/div][/center] or something like that depending on how BBCode is formatted - for each section/paragraph.
I would only focus on width because your content would determine the height. And using a percentage to determine width is better, in my opinion.
|
|
|
|
hello!
May 27, 2021 0:37:05 GMT -5
Post by TheShiftingFox on May 27, 2021 0:37:05 GMT -5
[center][div style="width:60%; background:black; color:white;] Content goes here [/div][/center]Test Treat this as a container or a box that holds all your items. |
|
|
|
hello!
May 27, 2021 0:41:56 GMT -5
Post by TheShiftingFox on May 27, 2021 0:41:56 GMT -5
I would put a bit of padding or a margin on the right side of your image to create a bit of space between it and the text.
|
|
Transgender
ｓｐｏｒｅ
[busy with college]
|
hello!
May 27, 2021 10:19:18 GMT -5
Post by ｓｐｏｒｅ on May 27, 2021 10:19:18 GMT -5
oh okay, i just wasn't sure what padding actually did. ty! |
|
