RESOURCE BBCode Help

rissa

the clairvoyant pterodactyl
Original poster
DONATING MEMBER

BBCODE AND DIVBOX INQUIRIES

A place specifically designed for bbcode and divbox related questions! Need help figuring out a bit of code? Not sure why your code keeps breaking? Unsure if what you want to do is even possible? Fret not! This thread's creation is for the sole purpose of helping you figure out your coding, one question at a time.

Before posting, take a look at our F.A.Q. and see if your question has been answered before!



 
  • Useful
Reactions: Kuno and Nemopedia

Daemon

God of Calamity
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
A Few Posts A Day, A Few Posts a Week
My Usual Online Time
6 PM - 3 AM EST
Writing Levels
Adept, Advanced, Prestige, Adaptable
Genders You Prefer Playing
Male, Primarily Prefer Male
Favorite Genres
Fantasy (High, low) Sci-Fi, Romance, action, Cyberpunk, Thriller, Spy, Mafia, Comedy.
Genre You DON'T Like
Yaoi, Furry, Bestiality, Crime fiction, Detective fiction
Would this play just the audio from a youtube video?

*I added that extra / at the beginning on purpose.

I'm trying to show a song track without showing the video as part of the preview for an RP Interest check. I looked at the links you gave and found that one which, looked like what I was going for. But is there a BB code where it just has the play button that someone could just hit and listen?
 

Nemopedia

Always tired
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Slow As Molasses
My Usual Online Time
GMT +1/2 | CET/CEST | Random, mostly on my phone
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depending how much there is going on already.
Favorite Genres
Tragedy, Psychological, Historical, Steampunk, Mystery, Thriller, Sci-fi, see tag list for more...
Genre You DON'T Like
Romance
Would this play just the audio from a youtube video?

*I added that extra / at the beginning on purpose.

I'm trying to show a song track without showing the video as part of the preview for an RP Interest check. I looked at the links you gave and found that one which, looked like what I was going for. But is there a BB code where it just has the play button that someone could just hit and listen?
Sorry for the late response. As far as I know the Audio bbcode doesn’t work with Youtube urls and needs a mp3 file. I haven’t had much luck with it. I think the easiest solution is to use the media bbcode in combination with CSS and play around with the sizes and padding to get what you want. You already mentioned that you had found it, but linking it again just in case.
 

Daemon

God of Calamity
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
A Few Posts A Day, A Few Posts a Week
My Usual Online Time
6 PM - 3 AM EST
Writing Levels
Adept, Advanced, Prestige, Adaptable
Genders You Prefer Playing
Male, Primarily Prefer Male
Favorite Genres
Fantasy (High, low) Sci-Fi, Romance, action, Cyberpunk, Thriller, Spy, Mafia, Comedy.
Genre You DON'T Like
Yaoi, Furry, Bestiality, Crime fiction, Detective fiction
Thanks; I know before all these additions there was a BBCode that just popped up with a play button. Hahahah. All this CSS has my head spinning.
 

Quincunx

sludge of love
DONATING MEMBER
Roleplay Invitations
Group Roleplays, One on One Roleplays, Private Convo Roleplays
Posting Speed
Speed of Light, Several Posts a Day, A Few Posts A Day, One Post a Day, A Few Posts a Week
My Usual Online Time
6 - 10 PM, Eastern Standard Time
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, Futanari, Androgynous, Primarily Prefer Female
Playing Style- Passive or Aggressive
tba
Favorite Genres
Magical, Scifi, Action
Genre You DON'T Like
Furry, realism
How do I make the sun (solid), snowflake (regular), and moon (solid) Font Awesome icons display?
 

Nemopedia

Always tired
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Slow As Molasses
My Usual Online Time
GMT +1/2 | CET/CEST | Random, mostly on my phone
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depending how much there is going on already.
Favorite Genres
Tragedy, Psychological, Historical, Steampunk, Mystery, Thriller, Sci-fi, see tag list for more...
Genre You DON'T Like
Romance
How do I make the sun (solid), snowflake (regular), and moon (solid) Font Awesome icons display?
Hi, sorry for the late response. I was trying the font awesome symbols you mentioned, but it seems they don’t work? All the other font-awesome symbols seem to work. Seems like you picked an unlucky combo, hahahaha...

Maybe it is an bug. Since it involves bbcode it is best to report this in the BBCode cry thread in the Help Desk.
 
  • Thank
Reactions: Quincunx

Nemopedia

Always tired
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Slow As Molasses
My Usual Online Time
GMT +1/2 | CET/CEST | Random, mostly on my phone
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depending how much there is going on already.
Favorite Genres
Tragedy, Psychological, Historical, Steampunk, Mystery, Thriller, Sci-fi, see tag list for more...
Genre You DON'T Like
Romance
How do I make the sun (solid), snowflake (regular), and moon (solid) Font Awesome icons display?
Hi, sorry for the late response. I was trying the font awesome symbols you mentioned, but it seems they don’t work? All the other font-awesome symbols seem to work. Seems like you picked an unlucky combo, hahahaha...

Maybe it is an bug. Since it involves bbcode it is best to report this in the BBCode cry thread in the Help Desk.
Seems like it was already reported in the BBcode cry thread along with an explanation of why it might not work. o:
 
  • Thank
Reactions: Quincunx

altai

chaotic neutral
Roleplay Invitations
Group Roleplays
Posting Speed
A Few Posts a Week
Writing Levels
Advanced
Genders You Prefer Playing
Primarily Prefer Male
Playing Style- Passive or Aggressive
passive
Favorite Genres
modern, fantasy, sci-fi, slice of life
Genre You DON'T Like
furry, horror
hi there! i recently joined iwaku and i've run into an issue regarding hidden scrolling. the template in question is here if i could get some help with it? i would like the scroll bar to be completely disappeared, but it looks like it's above and outside of the coding it should be within in order to hide it.

thanks so much in advance!
 

Nemopedia

Always tired
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Slow As Molasses
My Usual Online Time
GMT +1/2 | CET/CEST | Random, mostly on my phone
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depending how much there is going on already.
Favorite Genres
Tragedy, Psychological, Historical, Steampunk, Mystery, Thriller, Sci-fi, see tag list for more...
Genre You DON'T Like
Romance
hi there! i recently joined iwaku and i've run into an issue regarding hidden scrolling. the template in question is here if i could get some help with it? i would like the scroll bar to be completely disappeared, but it looks like it's above and outside of the coding it should be within in order to hide it.

thanks so much in advance!
Heya, I have written a guide on that so check it out: RESOURCE Divtionary

If you still run into problems let me know!
 

Centuries

very slow replies
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
A Few Posts A Day, A Few Posts a Week
Writing Levels
Adept, Advanced
Genders You Prefer Playing
Primarily Prefer Male, No Preferences
Playing Style- Passive or Aggressive
I'm fine doing both!
Favorite Genres
Fantasy, Action, Romance, Slice Of Life
i've been struggling with this for a while... is there any way to colour tables? not the cells inside the table, i think i know how to do that, but the actual table itself? when i make a table, it overlaps the div with a bg colour under it... is there anything i can do to fix this?
 

Nemopedia

Always tired
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Slow As Molasses
My Usual Online Time
GMT +1/2 | CET/CEST | Random, mostly on my phone
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depending how much there is going on already.
Favorite Genres
Tragedy, Psychological, Historical, Steampunk, Mystery, Thriller, Sci-fi, see tag list for more...
Genre You DON'T Like
Romance
i've been struggling with this for a while... is there any way to colour tables? not the cells inside the table, i think i know how to do that, but the actual table itself? when i make a table, it overlaps the div with a bg colour under it... is there anything i can do to fix this?
Like this?

Header 1
Header 2
Cell 1 1Cell 1 2
Cell 2 1Cell 2 2

You will need to play around with the numbers until they cover it whole.

Code:
 [TABLE]
[TR]
[TH][div=background: blue; margin: -20px; padding: 20px; right: -20px; ]Header 1[/div][/TH]
[TH] [div=background: blue; ]Header 2[/div][/TH]
[/TR]
[TR]
[TD]Cell 1 1[/TD]
[TD]Cell 1 2[/TD]
[/TR]
[TR]
[TD]Cell 2 1[/TD]
[TD]Cell 2 2[/TD]
[/TR]
[/TABLE]
 

Centuries

very slow replies
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
A Few Posts A Day, A Few Posts a Week
Writing Levels
Adept, Advanced
Genders You Prefer Playing
Primarily Prefer Male, No Preferences
Playing Style- Passive or Aggressive
I'm fine doing both!
Favorite Genres
Fantasy, Action, Romance, Slice Of Life
aah thank you so much! i guess i just have to fiddle with it more :'- )
 

sugarplum

a star
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Several Posts a Day
My Usual Online Time
11AMCST-2AM CST
Writing Levels
Intermediate, Adept, Advanced
Genders You Prefer Playing
No Preferences
Is it possible to put like a soundcloud link and put a div over it so when you press the div it plays the media?
 

solstice

stargazing
Roleplay Invitations
Group Roleplays
Posting Speed
A Few Posts a Week, One Post a Week
My Usual Online Time
Thursday - (sometimes) Saturday; afternoon and early early morning
Writing Levels
Intermediate, Adept, Adaptable
Genders You Prefer Playing
Female, Primarily Prefer Female
'kay so i need some help with this template right here
the tables here are confusing af lmao. how the heck do i get the table's bg + borders to be invisible to make the fancypost look clean?
 

fudgecakez

kill me pls lol
Roleplay Invitations
One on One Roleplays
Posting Speed
One Post a Day, A Few Posts a Week
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Primarily Prefer Male
Playing Style- Passive or Aggressive
passive-aggressive sksjsj
Favorite Genres
romance
yaoi
fantasy
horror
mystery
psychological
adventure
action
noir
Genre You DON'T Like
sci-fi
furry
the newb is back uwu
so tabs are a thing okay
is it possible to change tab colours?
like the default is a green
but what if i want it - let's say - a purple?
would that be possible?


edit: also, i can't seem to add images as backgrounds
the code i'm using is:
[div="height:50%; width:50%; background:url(https://www.w3schools.com/w3css/img_lights.jpg); padding:2%;"]
idk im probably doing something wrong


edit 2: additionally, is there a way to colour fieldset borders, change their border styles (instead of having a solid border, it's dotted or smth?)
 
Last edited:

sugarplum

a star
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Several Posts a Day
My Usual Online Time
11AMCST-2AM CST
Writing Levels
Intermediate, Adept, Advanced
Genders You Prefer Playing
No Preferences
the newb is back uwu
so tabs are a thing okay
is it possible to change tab colours?
like the default is a green
but what if i want it - let's say - a purple?
would that be possible?
Believe you can just do [color= in front of it and it'd work? might be wrong though.
 

fudgecakez

kill me pls lol
Roleplay Invitations
One on One Roleplays
Posting Speed
One Post a Day, A Few Posts a Week
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Primarily Prefer Male
Playing Style- Passive or Aggressive
passive-aggressive sksjsj
Favorite Genres
romance
yaoi
fantasy
horror
mystery
psychological
adventure
action
noir
Genre You DON'T Like
sci-fi
furry
sugarplum sugarplum
uhhhh
unless im doing it wrong
it doesn't seem to be working

 

fudgecakez

kill me pls lol
Roleplay Invitations
One on One Roleplays
Posting Speed
One Post a Day, A Few Posts a Week
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Primarily Prefer Male
Playing Style- Passive or Aggressive
passive-aggressive sksjsj
Favorite Genres
romance
yaoi
fantasy
horror
mystery
psychological
adventure
action
noir
Genre You DON'T Like
sci-fi
furry
hiya~ guess who's back with more questions :^)
question numero quatre:
so i have this sorted out (kind of)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.

and if i try changing its opacity:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.

it affects the whole thing
what do i do if i just want the background (and maybe the scroll) less opaque
while keeping my text fully visble?


and to follow-up on that
can i also change the color of the scrolls uwu ?
 

fish-writer

chelmon rostratus
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
One Post a Day, A Few Posts a Week, One Post a Week, Slow As Molasses
My Usual Online Time
Weekday afternoons! Sometimes weekday and weekend nights, but don't count on it.
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, Transgender, Androgynous
Playing Style- Passive or Aggressive
Typically passive, but if you give me the OK, I can be aggressive as well. I just don't like to step on anybody's toes.
Favorite Genres
Medieval Fantasy, Scifi-Fantasy, Urban Fantasy, Real World Magic, Romance, Slice of Life
Genre You DON'T Like
Mystery, Noir, Western, Steampunk
hiya~ guess who's back with more questions :^)
question numero quatre:
so i have this sorted out (kind of)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.

and if i try changing its opacity:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.

it affects the whole thing
what do i do if i just want the background (and maybe the scroll) less opaque
while keeping my text fully visble?


and to follow-up on that
can i also change the color of the scrolls uwu ?
instead of using background opacity, use background-color:rgba(0,255,0,.5)

rgba(0,200,0,1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.


rgba(0,200,0,.5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.


not sure about scroll colour, sorry :X
 

Nemopedia

Always tired
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Slow As Molasses
My Usual Online Time
GMT +1/2 | CET/CEST | Random, mostly on my phone
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depending how much there is going on already.
Favorite Genres
Tragedy, Psychological, Historical, Steampunk, Mystery, Thriller, Sci-fi, see tag list for more...
Genre You DON'T Like
Romance
Is it possible to put like a soundcloud link and put a div over it so when you press the div it plays the media?
I never played around with Soundcloud, but it should be? I have a guide on how to make a customised player with YouTube, so perhaps try to adapt that to Soundcloud? If that doesn't work and you are still lost on what to do let me know. We can brainstorm then.

'kay so i need some help with this template right here
the tables here are confusing af lmao. how the heck do i get the table's bg + borders to be invisible to make the fancypost look clean?
Personally I would ditch the tables and work with flex instead. Flex is much smoother to use and also mobile-friendly which tables and your code aren’t. It is, however CSS and not BBCode, but once you understand them they should be really easy to use.

I will link you a cheatsheet with flex properties that you can use. If you are entirely unfamiliar with flexboxes try to read this article. If that still doesn't work let me know and we can work it out!

the newb is back uwu
so tabs are a thing okay
is it possible to change tab colours?
like the default is a green
but what if i want it - let's say - a purple?
would that be possible?


edit: also, i can't seem to add images as backgrounds
the code i'm using is:
[div="height:50%; width:50%; background:url(https://www.w3schools.com/w3css/img_lights.jpg); padding:2%;"]
idk im probably doing something wrong


edit 2: additionally, is there a way to colour fieldset borders, change their border styles (instead of having a solid border, it's dotted or smth?)
Unfortunately the default colour of the tabs can’t be changed. You can put a div over the tabs and hide it, however. I have something basic up for that here (click the stars). It requires some CSS, but it is a good alternative and not too complicated!

When adding a background image in css make sure to define the height (height:000px;) as well, otherwise the image won’t pop up unless you put some content between, which still often won’t give the desired result.

As for the solid border. The BBCode masterlist gives an option for 'Fieldset', but also 'Solid', 'Dotted' and 'Dashed'. You have been using 'dotted' so far, but 'fieldset' and 'solid' will give you a solid border with 'solid' giving you the option to manipulate its colour to your liking.

hiya~ guess who's back with more questions :^)
question numero quatre:
so i have this sorted out (kind of)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.

and if i try changing its opacity:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur mi mi, id molestie nisi suscipit sit amet. Nunc quis auctor libero. Fusce nec dictum libero. Pellentesque in sapien nibh. Cras auctor ut enim vel posuere. Phasellus ornare feugiat cursus. Etiam id eleifend risus, in placerat dolor. Nam nec orci eros. In in ex laoreet, auctor erat vel, efficitur lacus. Ut id nunc leo. Quisque in vestibulum erat. Nulla tortor libero, pellentesque et interdum in, accumsan non nibh.

it affects the whole thing
what do i do if i just want the background (and maybe the scroll) less opaque
while keeping my text fully visble?


and to follow-up on that
can i also change the color of the scrolls uwu ?
What fish-writer fish-writer gave you about the rgba is correct. That should only target the opacity of the background without touching the text.

As for the scroller. Unfortunately you can’t change its look, but you can hide it using CSS! I have a guide for that here.

PHEW, it has been a while since that many questions flooded in here. If I missed any, let me know!