BBCode Help

Status
Not open for further replies.

rissa

the clairvoyant pterodactyl
Original poster
DONATING MEMBER
LURKER MEMBER
FOLKLORE MEMBER

Kuno

Django Jane
SITE SUPPORT LEAD
SITE SUPPORT
DONATING MEMBER
FOLKLORE MEMBER
Posting Speed
  1. One post per day
  2. 1-3 posts per week
  3. One post per week
Writing Levels
  1. Intermediate
  2. Adept
  3. Advanced
  4. Prestige
  5. Adaptable
Preferred Character Gender
  1. No Preferences
Genres
Fantasy, Sci fi, Romance, Historical, Modern, Supernatural
Beautiful. You just saved all my future rps
 
  • Love
Reactions: rissa
B

Bears

Guest
Wait...how did I not know about ColorHexa until now. So much utility omg bless. ♡♡
 
  • Love
Reactions: rissa

Sidhe

poor little meow meow
LURKER MEMBER
FOLKLORE MEMBER
Invitation Status
  1. Looking for partners
Posting Speed
  1. 1-3 posts per day
  2. One post per day
  3. Multiple posts per week
  4. 1-3 posts per week
  5. One post per week
  6. Slow As Molasses
Online Availability
Evening/Late Night (MST)
Writing Levels
  1. Adept
  2. Advanced
  3. Prestige
  4. Adaptable
Preferred Character Gender
  1. Male
  2. Transgender
  3. Primarily Prefer Male
Genres
High fantasy, modern fantasy, gaslamp fantasy, Anything Fantasy, dark comedy, supernatural, paranormal, psychological, yada yada
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
 
  • Like
Reactions: Navuso

Pahn

Bubblegum Bitch
LURKER MEMBER
FOLKLORE MEMBER
Posting Speed
  1. 1-3 posts per week
  2. One post per week
  3. Slow As Molasses
Online Availability
Anytime, I have no life.
Writing Levels
  1. Adept
  2. Advanced
  3. Douche
  4. Adaptable
Preferred Character Gender
  1. Male
  2. Female
  3. Transgender
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
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
 
E

eegast

Guest
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

Bubblegum Bitch
LURKER MEMBER
FOLKLORE MEMBER
Posting Speed
  1. 1-3 posts per week
  2. One post per week
  3. Slow As Molasses
Online Availability
Anytime, I have no life.
Writing Levels
  1. Adept
  2. Advanced
  3. Douche
  4. Adaptable
Preferred Character Gender
  1. Male
  2. Female
  3. Transgender
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
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.
 

Sidhe

poor little meow meow
LURKER MEMBER
FOLKLORE MEMBER
Invitation Status
  1. Looking for partners
Posting Speed
  1. 1-3 posts per day
  2. One post per day
  3. Multiple posts per week
  4. 1-3 posts per week
  5. One post per week
  6. Slow As Molasses
Online Availability
Evening/Late Night (MST)
Writing Levels
  1. Adept
  2. Advanced
  3. Prestige
  4. Adaptable
Preferred Character Gender
  1. Male
  2. Transgender
  3. Primarily Prefer Male
Genres
High fantasy, modern fantasy, gaslamp fantasy, Anything Fantasy, dark comedy, supernatural, paranormal, psychological, yada yada
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!!
 
  • Like
Reactions: Pahndemic and rissa

Pahn

Bubblegum Bitch
LURKER MEMBER
FOLKLORE MEMBER
Posting Speed
  1. 1-3 posts per week
  2. One post per week
  3. Slow As Molasses
Online Availability
Anytime, I have no life.
Writing Levels
  1. Adept
  2. Advanced
  3. Douche
  4. Adaptable
Preferred Character Gender
  1. Male
  2. Female
  3. Transgender
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
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
Original poster
DONATING MEMBER
LURKER MEMBER
FOLKLORE MEMBER
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!
 
  • Like
Reactions: Pahndemic
A

An Otaku

Guest
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.
 
  • Like
Reactions: rissa

rissa

the clairvoyant pterodactyl
Original poster
DONATING MEMBER
LURKER MEMBER
FOLKLORE MEMBER
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!


    • 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
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:

2ifqOEr.png


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

rissa

the clairvoyant pterodactyl
Original poster
DONATING MEMBER
LURKER MEMBER
FOLKLORE MEMBER
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.

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
 
  • Thank You
Reactions: 1 person
A

An Otaku

Guest
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.
 
  • Like
  • Love
Reactions: Pahn and rissa

rissa

the clairvoyant pterodactyl
Original poster
DONATING MEMBER
LURKER MEMBER
FOLKLORE MEMBER
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!
 
  • Love
Reactions: 1 person

junebug

Karaoke Fiend
FOLKLORE MEMBER
Invitation Status
  1. Looking for partners
Posting Speed
  1. Slow As Molasses
Writing Levels
  1. Advanced
Preferred Character Gender
  1. Male
  2. Female
  3. Nonbinary
Genres
Erotica, Dark Fantasy, High Fantasy, Steampunk, Victorian Era
*butts in* My turn! ouo

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

rissa

the clairvoyant pterodactyl
Original poster
DONATING MEMBER
LURKER MEMBER
FOLKLORE MEMBER
*butts in* My turn! ouo

@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.