BBCode Help

  • Welcome back, Iwaku! While we are still working on the site to get it back into shape, we've come back online so you can get back to doing what you love. Check out this announcement for more details.

Status
Not open for further replies.

rissa

the clairvoyant pterodactyl
DONATING MEMBER
#1
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.
[accordion=100%]{slide=
F. A. Q.
}{/slide}{slide=
H E L P F U LxxL I N K S
}{/slide}[/size][/accordion]
 
Last edited:

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive

Huntress

Feeding the wolves, don't you know better?
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Speed of Light, Several Posts a Day, A Few Posts A Day, One Post a Day, A Few Posts a Week, One Post a Week
Writing Levels
Elementary, Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Depends on the plot. I'm comfortable playing both ways.
Favorite Genres
Fantasy, Supernatural, Sci-Fi, Modern, Horror, Mystery and Romance
Genre You DON'T Like
Futanari. Furry. Slice-Of-Life
Hello! New question, I'm trying to figure out the process of adding a google font into a div box but I'm struggling to understand the order. Is there any way someone could break it down for me?
 

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive
Hello! New question, I'm trying to figure out the process of adding a google font into a div box but I'm struggling to understand the order. Is there any way someone could break it down for me?
Google fonts are best added like so:
Code:
[font=???] insert text [/font]
 

Huntress

Feeding the wolves, don't you know better?
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
Speed of Light, Several Posts a Day, A Few Posts A Day, One Post a Day, A Few Posts a Week, One Post a Week
Writing Levels
Elementary, Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Depends on the plot. I'm comfortable playing both ways.
Favorite Genres
Fantasy, Supernatural, Sci-Fi, Modern, Horror, Mystery and Romance
Genre You DON'T Like
Futanari. Furry. Slice-Of-Life
Google fonts are best added like so:
Code:
[font=???] insert text [/font]
That doesn't fit in my div box for whatever reason it's not reading...hence my confusion.
 

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive
That doesn't fit in my div box for whatever reason it's not reading...hence my confusion.
Oh my bad. You don't put it in the div box. You put it after the div box and before the text, if that makes sense.
 

Nemopedia

Storms lie. A breeze it becomes. A breath it ends.
SECURITY DEPARTMENT
The blubbing encyclopedia
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
Like Kat says and shows, you use Google fonts like the good old regular BBCode way and not with the use of CSS/div.

Though, you can also summon them. @darkflakes13 found out this nifty trick for us. If you use your Google fonts at the start of your post the regular BBCode way as Kat showed you can then ‘summon’ them through CSS with ‘font-family: your font here;’ as you continue. :D No need to keep on opening the BBCode tag then.

Also good to note is that only staff members and donators can use Google fonts.

EDIT: For clarification:
Code:
[div=display: none;][font=Your font] Your font [/font]; [/div]

[div=font-family: Your font;] Text 

and continue so on...[/div]
 
Last edited:

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive
Like Kat says and shows, you use Google fonts like the good old regular BBCode way and not with the use of CSS/div.

Though, you can also summon them. @darkflakes13 found out this nifty trick for us. If you use your Google fonts at the start of your post the regular BBCode way as Kat showed you can then ‘summon’ them through CSS with ‘font-family: your font here;’ as you continue. :D No need to keep on opening the BBCode tag then.

Also good to note is that only staff members and donators can use Google fonts.
I'm able to use Google fonts just fine lol. Unless you mean Google fonts inside the div?


Anyhow, Huntress Huntress , this is what Nemo and I mean.

Code:
[div=background-color: #afbacf; height: 670px; width: 960px; margin: auto; padding: 10px; border: 4px solid white;][div=width: 50px; height: 50px;][/div][div=padding: 10px; [b]font-family: Libre Barcode 128 Text;[/b] font-size: 40px; color: black; text-align: center; border-bottom: 1px solid black; text-transform: uppercase; text-shadow: 1px 1px 1px black; top: -40px;]alexandra morris[/div][div=padding: 10px; [/div][div=margin: auto; float: left;left: 50px; background:url(https://i.imgur.com/xDUgZrQ.jpg?1); height: 515px; width: 300px; background-size: 515px; background-position: 50% 0%; top: -37px;][/div][div=margin: auto; font-family: Coda; font-size: 12px; letter-spacing: 1px; text-align: center; letter-spacing: 1px; color: black; background-color: #fdf4e7; float: right;right: 30px; height: 500px; width: 500px; padding: 10px; overflow-y: scroll; top: -40px;]TEST[/div]
Take the bolded portion out and place it after that first div in front of Alexandra, like this:

Code:
[div=background-color: #afbacf; height: 670px; width: 960px; margin: auto; padding: 10px; border: 4px solid white;][div=width: 50px; height: 50px;][/div][div=padding: 10px; font-size: 40px; color: black; text-align: center; border-bottom: 1px solid black; text-transform: uppercase; text-shadow: 1px 1px 1px black; top: -40px;][font=Libre Barcode 128 Text] alexandra morris[/font][/div][div=padding: 10px; [/div][div=margin: auto; float: left;left: 50px; background:url(https://i.imgur.com/xDUgZrQ.jpg?1); height: 515px; width: 300px; background-size: 515px; background-position: 50% 0%; top: -37px;][/div][div=margin: auto; font-family: Coda; font-size: 12px; letter-spacing: 1px; text-align: center; letter-spacing: 1px; color: black; background-color: #fdf4e7; float: right;right: 30px; height: 500px; width: 500px; padding: 10px; overflow-y: scroll; top: -40px;]TEST[/div]
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
I'm able to use Google fonts just fine lol. Unless you mean Google fonts inside the div?
you're only supposed to be able to use gfonts if you've donated but (un)fortunately thats never worked
 

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive
you're only supposed to be able to use gfonts if you've donated but (un)fortunately thats never worked
Yeah I can use the google fonts lol... I donated before, but that was a one time thing. I just put the font I want in the font tags and voila. Finito!
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
update

as this thread is getting a bit long, useful links and tuts will be rounded up and added to the f.a.q.
expect a new thread soon!

feel free to ask away in the meantime :3

-rissa
 

Kat

be kind
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
Varies
Writing Levels
Advanced
Genders You Prefer Playing
Male, Female, Primarily Prefer Female
Playing Style- Passive or Aggressive
Passive-Aggressive
TESTING - sɪɴɢ ᴍᴇ ᴀ sᴏɴɢ ᴏғ ᴀ ʟᴀss ᴛʜᴀᴛ ɪs ɢᴏɴᴇ

How would I go about getting rid of the dots in the first picture for the list? I want the list next to the pic for every picture, but I don't want to have the dots on the pic.

Code:
[font=Crimson Text][size=7][COLOR=#a64dff]Kingdom of Iantha[/COLOR][/size][/font]

[font=Crimson Text][size=5]Brief Overview of Unseelie Court[/size][/font]

[imga=left]https://cdnw.nickpic.host/xl87rX.jpg[/imga][font=Crimson Text]
[B]Queen Valencia[/B]
[LIST]
[*] Valencia
[*] House Armistad
[*] 293 years 
[*] Her Majesty
[*] 13 years in power
[/LIST]


[imga=left]https://cdnw.nickpic.host/xl88Qb.jpg[/imga][font=Crimson Text][left]
[B]Master Tyrone[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna.[/left][/font]


[imga=left]https://cdnw.nickpic.host/xl8JrW.jpg[/imga][font=Crimson Text][left]
[B]Magister Ranzyr[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna.[/left][/font]

[imga=left]https://cdnw.nickpic.host/xlKzS2.jpg[/imga][font=Crimson Text][left]
[B]Eldest Prince, Kieran[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna.[/left][/font]

[imga=left]https://cdnw.nickpic.host/xlKI5Q.jpg[/imga][font=Crimson Text][left]
[B]Younger Prince, K'yarel[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna.[/left][/font]

[imga=left]https://cdnw.nickpic.host/xlKnUW.jpg[/imga][font=Crimson Text][left]
[B]Royal Overseer, Moldranya[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna
[/left][/font]

[imga=left]https://cdnw.nickpic.host/xlKi3c.jpg[/imga][font=Crimson Text][left]
[B]Royal Cleric, Zesryna[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna
[/left][/font]

[imga=left]https://cdnw.nickpic.host/xlKtf1.jpg[/imga][font=Crimson Text][left]
[B]Commander Selphius, Uncle to Prince Kieran and K'yarel[/B]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan rhoncus augue, ultricies imperdiet erat dapibus eget. Sed ut convallis risus, nec posuere turpis. Morbi at sapien placerat, ornare mi et, posuere tellus. Nam volutpat blandit enim, nec dictum leo iaculis nec. Duis tristique blandit metus, id imperdiet justo maximus vel. Donec elementum urna a purus venenatis facilisis. Integer ut lorem at tellus porta blandit. Sed in magna mauris. Morbi dictum, urna non cursus rutrum, urna orci consequat magna, vitae mattis ante orci a tortor. Pellentesque ut interdum urna, in ornare nulla. Phasellus scelerisque, nisi at euismod sollicitudin, metus odio vestibulum leo, in ultricies ex lorem vitae urna. Vestibulum eros tellus, suscipit sed molestie ac, semper consequat urna.
[/left][/font][/font]
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
Kat Kat

you can convert it into flexboxes :thinking: or wrapping the text with some padding, but i'm not sure how it'd affect its mobile compatibility
 

Nemopedia

Storms lie. A breeze it becomes. A breath it ends.
SECURITY DEPARTMENT
The blubbing encyclopedia
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
As a few might have noticed a few codes have borked after the update. See the Bug reports thread to see what has been reported already. The admins are hard at work to look for replacements for the codes, but until then we have to make due.

For all the images that have vanished after the update


Some may have noticed that the (background) images of the div/css images have vanished. The solution is simple: put some text between the element (boxes/div =) of the background image. That should solve the issue. It is also the perfect time to start crediting the artist or face that you are using, if you haven't been into the habit already! :D

If you really don't like the text, try to color it transparent.

Code:
[color=transparent]Text[/color]
 
Last edited:

AshenAngel

Edgesquire
DONATING MEMBER
Roleplay Invitations
Group Roleplays, One on One Roleplays, Private Convo Roleplays
Posting Speed
Several Posts a Day, A Few Posts A Day, One Post a Day, A Few Posts a Week, One Post a Week
My Usual Online Time
Whenever I can get on.
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, Primarily Prefer Male
Playing Style- Passive or Aggressive
I'm fine either way, though it depends on which of my characters you'd like to work with.
Favorite Genres
Fantasy, Comedy, Medieval, Romance, Sci-Fi, Modern
Genre You DON'T Like
No smexy time for you.
uh, I think the link to the Iwaku BBcode guide got murdered during the update? Unless you guys are revamping it right now... I was just rewriting the code on some sheets and needed to see how to do something really quick.
 

Nemopedia

Storms lie. A breeze it becomes. A breath it ends.
SECURITY DEPARTMENT
The blubbing encyclopedia
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
uh, I think the link to the Iwaku BBcode guide got murdered during the update? Unless you guys are revamping it right now... I was just rewriting the code on some sheets and needed to see how to do something really quick.
I can't find it either through the regular ways, but Astaroth had linked the BBcode guide in the Bugs thread before. It is very much updated and usable now!
 

Joan

"You'll never be alone."
DONATING MEMBER
Soap
Roleplay Invitations
Group Roleplays, One on One Roleplays, Not Taking RP Invites at this Time
Posting Speed
A Few Posts a Week, One Post a Week, Slow As Molasses
My Usual Online Time
Anytime I have internet access, honestly.
Writing Levels
Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, No Preferences
Playing Style- Passive or Aggressive
I do like to have a hand in the plot if I can, but it doesn't matter that much.
Favorite Genres
Science fiction
Modern
Fantasy
Horror
Survival
Naturally developed romance
OC Fandom (ask about my fandoms!)
Genre You DON'T Like
Romance-centric/Pre-planned romance
Sex-centric
Furry
Trope-y anime
Fandom with canon characters
Plain slice-of-life
uh, I think the link to the Iwaku BBcode guide got murdered during the update? Unless you guys are revamping it right now... I was just rewriting the code on some sheets and needed to see how to do something really quick.
uh, I think the link to the Iwaku BBcode guide got murdered during the update? Unless you guys are revamping it right now... I was just rewriting the code on some sheets and needed to see how to do something really quick.
I can't find it either through the regular ways, but Astaroth had linked the BBcode guide in the Bugs thread before. It is very much updated and usable now!
You can get to it by clicking the Help dropdown up on the top of the site and selecting "BBCodes" at the bottom of that. The url appears to have changed by one character, so that would be why the url in the first post doesn't work.
 

Joan

"You'll never be alone."
DONATING MEMBER
Soap
Roleplay Invitations
Group Roleplays, One on One Roleplays, Not Taking RP Invites at this Time
Posting Speed
A Few Posts a Week, One Post a Week, Slow As Molasses
My Usual Online Time
Anytime I have internet access, honestly.
Writing Levels
Adept, Advanced, Adaptable
Genders You Prefer Playing
Male, Female, No Preferences
Playing Style- Passive or Aggressive
I do like to have a hand in the plot if I can, but it doesn't matter that much.
Favorite Genres
Science fiction
Modern
Fantasy
Horror
Survival
Naturally developed romance
OC Fandom (ask about my fandoms!)
Genre You DON'T Like
Romance-centric/Pre-planned romance
Sex-centric
Furry
Trope-y anime
Fandom with canon characters
Plain slice-of-life
aaand today I learned that nested quotes are a thing by default when quoting somebody else's post now, neato o.o
 

Reina

I'll always be THE queen
ROLEPLAY DEPARTMENT
DONATING MEMBER
Roleplay Invitations
Group Roleplays, One on One Roleplays
Posting Speed
One Post a Week, Slow As Molasses
My Usual Online Time
In the mornings usually but only during the week. Weekends are devoted to the family.
Writing Levels
Adept, Advanced, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
Both, depends on mood. If I have a lot of ideas for a scene then I will take the aggressive role but if I don't I'll slip into passive. I'm ok with both.
Favorite Genres
Modern, Magical, Romance, Medieval
Genre You DON'T Like
Scifi, Horror, Yaoi, Furry, Slice of Life
What's the code to have the text wrap around the image? I used to use BIMG but that's gone now. I tried IMGA per Diana's post but the text doesn't wrap around the image.
 
Status
Not open for further replies.