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=
H E L P F U LxxL I N K S
}{/slide}[/accordion]
 

Kuno

Django Jane
DONATING MEMBER
Roleplay Invitations
Group Roleplays, One on One Roleplays, Private Convo Roleplays
Posting Speed
One Post a Day, A Few Posts a Week, One Post a Week
Writing Levels
Intermediate, Adept, Advanced, Prestige, Adaptable
Genders You Prefer Playing
No Preferences
Playing Style- Passive or Aggressive
I'm fine doing both. However, while I am ok with being the passive player, it would be nice if the aggressive player took suggestions from me every once in a while.
Favorite Genres
Fantasy, Sci fi, Romance, Historical, Modern, Supernatural
Genre You DON'T Like
School life
#3
Beautiful. You just saved all my future rps
 

Bears

*grumbles in gay*
Roleplay Invitations
Not Taking RP Invites at this Time
Posting Speed
A Few Posts A Day
My Usual Online Time
I'm usually on during early morning and late evening.
Writing Levels
Advanced, Prestige, Adaptable
Genders You Prefer Playing
Male, Female
Playing Style- Passive or Aggressive
I'm flexible. If you need me to be aggressive I don't mind but at the same time I'm totally cool just chillin.
Favorite Genres
Romance is definitely up there. I'm generally open minded though.
Genre You DON'T Like
I'm not particularly keen on anything anime related, to be completely honest.
#4
Wait...how did I not know about ColorHexa until now. So much utility omg bless. ♡♡
 

Onyx

the artist formerly known as Opal
DONATING MEMBER
Roleplay Invitations
One on One Roleplays, Not Taking RP Invites at this Time
Posting Speed
Several Posts a Day, A Few Posts A Day, One Post a Day, A Few Posts a Week, One Post a Week, Slow As Molasses
My Usual Online Time
Evening/Late Night (GMT)
Writing Levels
Adept, Advanced, Prestige, Adaptable
Genders You Prefer Playing
Male, Transgender, Androgynous, Primarily Prefer Male
Playing Style- Passive or Aggressive
Typically aggressive, I guess. I prefer not to write with overly passive partners.
Favorite Genres
High fantasy, modern fantasy, gaslamp fantasy, dark comedy, supernatural, paranormal, psychological, dark and gritty... I like pretty much everything tbh.
Genre You DON'T Like
Hard sci-fi I guess. Anything very combat oriented. Less interested in strict modern role-plays with some exceptions.
#5
A question!:

Is it possible to change link colour (what would be 'a:color;' in regular CSS) in BBcode? I feel like, since you need external CSS to change link colour in divs, you probably can't, but I figured it was worth it to ask since I'm still a complete BBcode noob. :-D
 

Pahn

A lovely club full of cute girls
ROLEPLAY DEPARTMENT
DONATING MEMBER
Cruel Mistress
Roleplay Invitations
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 no life.
Writing Levels
Intermediate, Adept, Advanced, Douche, Adaptable
Genders You Prefer Playing
Male, Female, Transgender, Androgynous
Playing Style- Passive or Aggressive
I'm fine with both, but I have hard time with others using my character(s) without my prior consent. If the other player is unsure, I will have more of an aggressive style.
Favorite Genres
Fantasy, romance, slice of life, anti-hero stories, "you're our only hope", fandom non-canons, soft scifi, transhumanism, magical girls, horror, suspense / mystery, monster girls, fractured fairytales
Genre You DON'T Like
Roadtrip style, already-planned-out adventures, rigid GMs.
#6
A question!:

Is it possible to change link colour (what would be 'a:color;' in regular CSS) in BBcode? I feel like, since you need external CSS to change link colour in divs, you probably can't, but I figured it was worth it to ask since I'm still a complete BBcode noob. :-D
It's possible yes :D

Like this:


[url=https://iwakuroleplay.com][color=#B20]This is a link![/color][/url]



Result:

This is a link!

Basically all you have to do is put the colour coding inside with the text you want to display. Font, size, bold, etc don't need to be inside, only colour 8D
 
Roleplay Invitations
One on One Roleplays, Private Convo Roleplays
Posting Speed
A Few Posts A Day, One Post a Day, A Few Posts a Week
My Usual Online Time
I am on randomly throughout the day, but mostly after 6pm.
Writing Levels
Intermediate, Advanced, Douche, Adaptable
Genders You Prefer Playing
Male, Female, Androgynous, Primarily Prefer Male
Playing Style- Passive or Aggressive
Both
Favorite Genres
High Fantasy, Adventure, Supernatural, Magic, Historical, Futuristic, Realistic, Vampires
Genre You DON'T Like
Furry
#7
question about fonts: does the person have to have the fonts from google fonts installed in order to see it, or does iwaku already support them all?? (this is in the case that the person uses Chrome, of course.)

edit: this is also in the case that i already have these installed myself
 

Pahn

A lovely club full of cute girls
ROLEPLAY DEPARTMENT
DONATING MEMBER
Cruel Mistress
Roleplay Invitations
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 no life.
Writing Levels
Intermediate, Adept, Advanced, Douche, Adaptable
Genders You Prefer Playing
Male, Female, Transgender, Androgynous
Playing Style- Passive or Aggressive
I'm fine with both, but I have hard time with others using my character(s) without my prior consent. If the other player is unsure, I will have more of an aggressive style.
Favorite Genres
Fantasy, romance, slice of life, anti-hero stories, "you're our only hope", fandom non-canons, soft scifi, transhumanism, magical girls, horror, suspense / mystery, monster girls, fractured fairytales
Genre You DON'T Like
Roadtrip style, already-planned-out adventures, rigid GMs.
#8
question about fonts: does the person have to have the fonts from google fonts installed in order to see it, or does iwaku already support them all?? (this is in the case that the person uses Chrome, of course.)

edit: this is also in the case that i already have these installed myself
You don't need to have them installed.

For them to work, you need to write the font name exactly as it appears.

Example, the font name is BLaaBoo Tn, you have to write it [font=BLaaBoo Tn][/font] for it to work. Otherwise it just won't :o

Here are all the fonts available: Google Fonts

Normal "local" fonts though (like Times New Roman, etc) that YOU have installed on your device, those may or may not work for some people if they don't have them installed.
 

Onyx

the artist formerly known as Opal
DONATING MEMBER
Roleplay Invitations
One on One Roleplays, Not Taking RP Invites at this Time
Posting Speed
Several Posts a Day, A Few Posts A Day, One Post a Day, A Few Posts a Week, One Post a Week, Slow As Molasses
My Usual Online Time
Evening/Late Night (GMT)
Writing Levels
Adept, Advanced, Prestige, Adaptable
Genders You Prefer Playing
Male, Transgender, Androgynous, Primarily Prefer Male
Playing Style- Passive or Aggressive
Typically aggressive, I guess. I prefer not to write with overly passive partners.
Favorite Genres
High fantasy, modern fantasy, gaslamp fantasy, dark comedy, supernatural, paranormal, psychological, dark and gritty... I like pretty much everything tbh.
Genre You DON'T Like
Hard sci-fi I guess. Anything very combat oriented. Less interested in strict modern role-plays with some exceptions.
#9
It's possible yes :D

Like this:


[url=https://iwakuroleplay.com][color=#B20]This is a link![/color][/url]



Result:

This is a link!

Basically all you have to do is put the colour coding inside with the text you want to display. Font, size, bold, etc don't need to be inside, only colour 8D
oh my god that's such a simple thing. ajshdasdh I'm not sure why I didn't even think of that
thank you so much, Pahn!!
 

Pahn

A lovely club full of cute girls
ROLEPLAY DEPARTMENT
DONATING MEMBER
Cruel Mistress
Roleplay Invitations
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 no life.
Writing Levels
Intermediate, Adept, Advanced, Douche, Adaptable
Genders You Prefer Playing
Male, Female, Transgender, Androgynous
Playing Style- Passive or Aggressive
I'm fine with both, but I have hard time with others using my character(s) without my prior consent. If the other player is unsure, I will have more of an aggressive style.
Favorite Genres
Fantasy, romance, slice of life, anti-hero stories, "you're our only hope", fandom non-canons, soft scifi, transhumanism, magical girls, horror, suspense / mystery, monster girls, fractured fairytales
Genre You DON'T Like
Roadtrip style, already-planned-out adventures, rigid GMs.
#10
oh my god that's such a simple thing. ajshdasdh I'm not sure why I didn't even think of that
thank you so much, Pahn!!
it's the same thing with the underline :D the colour code has to be in the [u][/u] otherwise the line is white (or black depending on your theme)
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
#11
it's the same thing with the underline :D the colour code has to be in the [u][/u] otherwise the line is white (or black depending on your theme)
You can also do this with the overline code in CSS!
 
Roleplay Invitations
One on One Roleplays, Private Convo Roleplays
Posting Speed
A Few Posts A Day, One Post a Day, A Few Posts a Week
My Usual Online Time
I am on randomly throughout the day, but mostly after 6pm.
Writing Levels
Intermediate, Advanced, Douche, Adaptable
Genders You Prefer Playing
Male, Female, Androgynous, Primarily Prefer Male
Playing Style- Passive or Aggressive
Both
Favorite Genres
High Fantasy, Adventure, Supernatural, Magic, Historical, Futuristic, Realistic, Vampires
Genre You DON'T Like
Furry
#12
Pahn Pahn Oh alright, thank you!
 
A

An Otaku

Guest
#13
Ah, hello!
Trying my hand at BBC manipulation to save space when I'm posting for RPs, and found myself at an impasse y'see...

I would like to know how to utilize (2) Tabs alongside Image Align, or if that's even possible.
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
#14
Ah, hello!
Trying my hand at BBC manipulation to save space when I'm posting for RPs, and found myself at an impasse y'see...

I would like to know how to utilize (2) Tabs alongside Image Align, or if that's even possible.
As in - you'd like to have a tab within a tab - with the imga inside it as well?
  

Edit: Because something like that is possible!

characters

  • character 1


    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet neque euismod, ultrices eros id, congue ante. In ut dictum dolor, ac posuere eros. Curabitur sodales, enim vitae tempus hendrerit, sapien nisl auctor odio, ac tincidunt est tellus non est. Nunc aliquet rhoncus magna, eget fermentum nisl fringilla non. Vivamus vulputate, nibh quis suscipit feugiat, metus mi lobortis ligula, sit amet fermentum augue dui et turpis. Mauris vulputate nunc vel dapibus varius. Phasellus ac libero in ante sagittis gravida in at ex. Nunc sagittis neque ac eros eleifend, vitae suscipit lorem imperdiet. Cras non tincidunt ipsum, a tempor tellus. Mauris eu nunc orci.

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan lectus non justo viverra molestie. Nunc tincidunt sodales massa, vel posuere justo tincidunt id. Integer congue at augue ac lobortis. Mauris vitae elementum urna, ac mollis tellus. Duis accumsan nunc nec purus auctor, et tincidunt augue maximus. Ut ornare vulputate ipsum, et condimentum lorem rhoncus at. Maecenas eros ante, tristique quis nibh ac, interdum lacinia ipsum. Suspendisse condimentum finibus erat, ut porta tellus porta ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Code:
[tabs][tab=characters][tabs][tab=character 1][imga=right]https://dummyimage.com/300x300/000/fff[/imga]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet neque euismod, ultrices eros id, congue ante. In ut dictum dolor, ac posuere eros. Curabitur sodales, enim vitae tempus hendrerit, sapien nisl auctor odio, ac tincidunt est tellus non est. Nunc aliquet rhoncus magna, eget fermentum nisl fringilla non. Vivamus vulputate, nibh quis suscipit feugiat, metus mi lobortis ligula, sit amet fermentum augue dui et turpis. Mauris vulputate nunc vel dapibus varius. Phasellus ac libero in ante sagittis gravida in at ex. Nunc sagittis neque ac eros eleifend, vitae suscipit lorem imperdiet. Cras non tincidunt ipsum, a tempor tellus. Mauris eu nunc orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan lectus non justo viverra molestie. Nunc tincidunt sodales massa, vel posuere justo tincidunt id. Integer congue at augue ac lobortis. Mauris vitae elementum urna, ac mollis tellus. Duis accumsan nunc nec purus auctor, et tincidunt augue maximus. Ut ornare vulputate ipsum, et condimentum lorem rhoncus at. Maecenas eros ante, tristique quis nibh ac, interdum lacinia ipsum. Suspendisse condimentum finibus erat, ut porta tellus porta ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/tab][/tabs][/tab][/tabs]
 
Last edited:
A

An Otaku

Guest
#15
Not exactly. Sorry if I phrase this a bit weird, but I'm looking to have the two tabs outside the image align.

Basically, I'm wanting to use the Tab function as a tab between two separate images and no text. Then beside the swap-able images would be a wall of text that I'm wanting to use for both images, so I suppose it would be outside imga. Here's a quick MS Paint visual of what I'm failing to say:



So... I hope something in this post made sense, ehehe...
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
#16

a b

[td="border: 0px; width: 50%;"]

[/td][td="border: 0px; width: 50%;"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet neque euismod, ultrices eros id, congue ante. In ut dictum dolor, ac posuere eros. Curabitur sodales, enim vitae tempus hendrerit, sapien nisl auctor odio, ac tincidunt est tellus non est. Nunc aliquet rhoncus magna, eget fermentum nisl fringilla non. Vivamus vulputate, nibh quis suscipit feugiat, metus mi lobortis ligula, sit amet fermentum augue dui et turpis. Mauris vulputate nunc vel dapibus varius. Phasellus ac libero in ante sagittis gravida in at ex. Nunc sagittis neque ac eros eleifend, vitae suscipit lorem imperdiet. Cras non tincidunt ipsum, a tempor tellus. Mauris eu nunc orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan lectus non justo viverra molestie. Nunc tincidunt sodales massa, vel posuere justo tincidunt id. Integer congue at augue ac lobortis. Mauris vitae elementum urna, ac mollis tellus. Duis accumsan nunc nec purus auctor, et tincidunt augue maximus. Ut ornare vulputate ipsum, et condimentum lorem rhoncus at. Maecenas eros ante, tristique quis nibh ac, interdum lacinia ipsum. Suspendisse condimentum finibus erat, ut porta tellus porta ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nullam mauris metus, venenatis sed tortor non, ullamcorper gravida enim. Aliquam enim metus, cursus ut pellentesque eget, pharetra ullamcorper dui. Aenean placerat, ex ut euismod sodales, libero orci gravida odio, sed fermentum quam nibh eget quam.[/td]



Code:
[table="border: 0px; margin: auto auto; width: 100%;"][tr][td="border: 0px; width: 50%;"][tabs][tab=a][img]https://dummyimage.com/300x600/000/fff[/img][/tab][tab=b][img]https://dummyimage.com/300x600/000/fff[/img][/tab][/tabs][/td][td="border: 0px; width: 50%;"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet neque euismod, ultrices eros id, congue ante. In ut dictum dolor, ac posuere eros. Curabitur sodales, enim vitae tempus hendrerit, sapien nisl auctor odio, ac tincidunt est tellus non est. Nunc aliquet rhoncus magna, eget fermentum nisl fringilla non. Vivamus vulputate, nibh quis suscipit feugiat, metus mi lobortis ligula, sit amet fermentum augue dui et turpis. Mauris vulputate nunc vel dapibus varius. Phasellus ac libero in ante sagittis gravida in at ex. Nunc sagittis neque ac eros eleifend, vitae suscipit lorem imperdiet. Cras non tincidunt ipsum, a tempor tellus. Mauris eu nunc orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas accumsan lectus non justo viverra molestie. Nunc tincidunt sodales massa, vel posuere justo tincidunt id. Integer congue at augue ac lobortis. Mauris vitae elementum urna, ac mollis tellus. Duis accumsan nunc nec purus auctor, et tincidunt augue maximus. Ut ornare vulputate ipsum, et condimentum lorem rhoncus at. Maecenas eros ante, tristique quis nibh ac, interdum lacinia ipsum. Suspendisse condimentum finibus erat, ut porta tellus porta ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nullam mauris metus, venenatis sed tortor non, ullamcorper gravida enim. Aliquam enim metus, cursus ut pellentesque eget, pharetra ullamcorper dui. Aenean placerat, ex ut euismod sodales, libero orci gravida odio, sed fermentum quam nibh eget quam.[/td][/tr][/table]
So something like this?

All this is is a table (easy columns ftw) with two td (table datas) with the first utilizing the tab function, where as the other side is but a simple paragraph. Is this sorta what yer going for? @「An Otaku」

edit: added in the code
 
A

An Otaku

Guest
#17
w(°o°)w Bwaaahhh!!! You did it!... Not, not that I'm surprised >.>

Yes, this is exactly what I was looking for! Hadn't considered using tables, though I doubt I would have been able to make it work on my own.
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
#18
w(°o°)w Bwaaahhh!!! You did it!... Not, not that I'm surprised >.>

Yes, this is exactly what I was looking for! Hadn't considered using tables, though I doubt I would have been able to make it work on my own.
Haha! Well I'm glad I could help ya. I edited in the code just a sec ago, so feel free to refresh and copy the code!
 

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
#19
*butts in* My turn! ouo

rissa rissa , dearest, how do you make circle icons/images in something simple like a basic thread template or cs?
 

rissa

the clairvoyant pterodactyl
DONATING MEMBER
#20
*butts in* My turn! ouo

rissa rissa , dearest, how do you make circle icons/images in something simple like a basic thread template or cs?
it's a simple code & i'm sure others know a better way but first off - make sure your image is the same size (height & width) or it gets a bit wonky.

Code:
[div=
   background-image: url(https://dummyimage.com/300x300/000/fff); 
   background-repeat: no-repeat; 
   height: 300px; 
   width: 300px; 
   border: 1px solid #000; 
   border-radius: 50%;][color=transparent].[/color][/div]
.


i try and set the div to the size of the image & make sure the border color doesn't cause any problems. you can set it's position with floats or margins or inline blocks (i think, sorry its late D:) if you need any more assistance feel free to lemme know!
 
Status
Not open for further replies.