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.

Resource ∙ BBCult — A BBCode Discord Server

Alteras

The Sleepy One
Moderator
Supporter
[nobr]
[class name=root]
width: 100%;
height: auto;
position: relative;
background: #fff6ef;
overflow: hidden;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
[/class]

[class name=root maxWidth=1199px]
padding: unset;
width: 100%;
height: auto;
[/class]

[class name=grid minWidth=1200px]
display: grid;
grid-template-columns: 6fr 5fr;
grid-template-rows: 1fr 3fr 1fr;
grid-gap: 10px;
padding: 0 75px;
box-sizing: border-box;
[/class]

[class name=grid minWidth=1500px]
padding: 0 100px;
[/class]

[class name=flex maxWidth=1199px]
width: 100%;
height: auto;
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: start;
align-content: stretch;
[/class]

[class name=title]
width: auto;
height: auto;
position: relative;
grid-row: 1;
grid-column: 1;
font-family: 'Pinyon Script';
font-size: 72px;
color: #df9191;
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
align-items: center;
line-height: 1.1;
z-index: 2;
white-space: nowrap;
[/class]

[class name=title maxWidth=1199px]
order: 2;
white-space: normal;
text-align: center;
[/class]

[class name=image]
height: auto;
width: 100%;
grid-column: 2;
grid-row: 1/4;
font-size: 0;
pointer-events: none;
[/class]

[class name=image maxWidth=1199px]
width: 100%;
order: 1;
[/class]

[class name=container]
height: auto;
width: auto;
grid-column: 1;
grid-row: 2/4;
position: relative;
flex: 1;
display: flex;
flex-flow: column nowrap;
justify-content: stretch;
align-items: stretch;
order: 3;
overflow: hidden;
margin-bottom: 50px;
[/class]

[class name=container maxWidth=1199px]
max-height: unset;
flex: 1;
width: auto;
overflow: unset;
margin: 0 10px;
margin-bottom: 20px;
[/class]

[class name=scroll]
flex: 1 1 0;
position: relative;
width: 100%;
height: auto;
padding-right: 250px;
overflow-y: scroll;
overflow-x: hidden;
font-family: 'Raleway';
font-size: initial;
line-height: 1.3;
color: black;
box-sizing: content-box;
[/class]

[class name=scroll maxWidth=1199px]
overflow: unset;
[/class]

[class name=list]
position: relative;
display: grid;
width: 100%;
height: auto;
grid-template-columns: 1em 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
padding-left: 1em;
[/class]

[class name=num]
position: relative;
grid-column: 1;
color: #df9191;
[/class]

[class name=point]
position: relative;
grid-column: 2;
[/class]

[class name=highlight]
position: relative;
display: inline-block;
width: 1em;
[/class]



[div class="root grid flex"]
[div class=title]An Open Invitation[/div]
[div class=image]
[/div]
[div class=container]
[div class=scroll]
Hello fellow members of the BBCoding Community,
[br][/br][br][/br]
So I created a discord server a while back to help others with their bbcode, and would like to open it to other people as well. Everyone is welcomed, and no worries if you don't know how to bbcode, we can help you. General coding enthusiasts are also welcomed. Of course, this is mainly to help people make bbcode posts, and as of right now, not to take requests. We're willing to cover the most complex parts of CSS as well as simple bbcode functions.
[br][/br][br][/br]
There are some rules to the server:
[div class=list]
[div class=num]1)[/div][div class=point]Be civil. Constructive feedback is good and all, but no one wants to be told their works are shitty.[/div]
[div class=num]2)[/div][div class=point]Questions are welcomed! Don't be afraid to ask something if you don't know it.[/div]
[div class=num]3)[/div][div class=point]No NSFW. Please, we're a coding community.[/div]
[div class=num]4)[/div][div class=point]This is a private server. We reserve the right to boot you off.[/div]
[/div]

[br][/br]Again, this is a private server, not an RPN site server, so judgement and discretion is reserved within me and the mods of the server. That being said, we aren't very strict on the whole "coding only" thing, and are really just here to have fun.

[br][/br][br][/br]If you would like to join the BBCult, PM me ( Alteras Alteras ) or plastic flower plastic flower for an invite link.

[br][/br][br][/br]Happy Coding!~
[br][/br][div= color: #df9191; font-family:'Pinyon Script'; font-size: 2em; display: inline; padding: 10px]Alteras[/div]
[/div]
[/div]
[/div]
[/nobr]
 
Last edited:

Alteras

The Sleepy One
Moderator
Supporter
So a bit of an addendum here. I actually maintain a running list of small tips and tricks that i've found while working with bbcode in the server. These are usually too small to warrant any post, and are often just solutions to edge case problems, but it's slowly growing, and some of these are really really useful for those who want to work with more and more complex code but are running into CSS and browser issues.

Some stuff includes alternate ways to render Font Awesome Icons, fixing webkit problems with flexboxes, etc.
 

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

Top