Image
Interordi Menu
21 February 2013, updated on 13 August 2020 - By Doctacosa
"I can't read that purple!"
"I'm ignoring your posts because of their blinding color!"
"Always typing color codes for each post is annoying!


Annoyed by colors that don't display well on your selected board skin? Want to make your posts stand out a bit more? Looking for that shiny factor? Well, I've got something for you!

Introducing: post themes!

As hinted with the last update to IOBoard, I've added a new component that allows you to use and build post themes that will be applied to all your posts automatically. You can use this to do anything from simply changing your text color to creating a completely custom look for all your posts, including fonts and backgrounds.

Two main creation options are available: simple and full-featured. Simple will allow you to easily pick colors to be applied to all your posts, while the full-featured editor allows you to define your own CSS properties on your posts' containers. Be creative!

I've added a few themes to get you started right away with a special look. Here's a preview!

Image


To find those, click "Edit profile", then "Post theme" in the left menu!

These themes are also available to be copied then modified, so you can use them as a basis to make your own, custom look. Granted, not all of us have the knowledge or the skills to pull this off. As such, I suggest that those who do take the time to create some different post themes, then set them as public to allow others to use them! I'll be happy to answer any quetions on how the use the tool in this topic.

UPDATE ON 2013-02-24: I have added a new field, "Share with". You can enter the username of a single board member there to share a given theme with him only, and no one else. This is useful if you create a post theme for someone else and want him to access it without marking it as public.

Don't like this idea? You'd rather read the board easily instead of having to look at various colors all over the place? You can instantly disable all post themes from your profile options. Additionally, if you want to disable only the colors used by a given member, open his profile then select the appropriate option at the bottom left of his page.

You've now got the tools. Surprise me with the results!

---

Also included in this update are two extra changes:
- Bigger posting boxes
- Clickable BBCode icons

The second item will save you from the trouble of remembering the various BBCode tags or check in the board FAQ. When typing a post or private message, you'll find a row of icons on top of the text area. You can use these to automatically insert to tags to format your posts!

Edited by Dr. Cossack on February 24, 2013 at 11:05:42


Sb20
Blogger
SciLab Official
Lead character
Inactive
178 posts
Unity.EXE emblem
Unity.EXE emblem
Defeat Bass.EXE in the AFD2013 event!
Acquired on 1 April 2013
Michael Jackson Hat
Michael Jackson Hat
Get the Completionist achievement
Acquired on 23 April 2011
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
Derpy Hooves
Derpy Hooves
Acquired on 1 April 2012
Fluttershy
Fluttershy
Acquired on 1 April 2012

... and 20 more
Quote

I find this very cool, as you already know. However, it currently seems that clicking on the BBCode buttons tries to post the comment rather than do what one would expect. I am using an older version of FireFox if that matters.

Staff Backer Doctacosa
Admin
SciLab Official
Benevolent Dictator
Offline
6430 posts
Unity.EXE emblem
Unity.EXE emblem
Defeat Bass.EXE in the AFD2013 event!
Acquired on 1 April 2013
Zenny
Zenny
Unlock all of the main forum features!
Acquired on 1 April 2014
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
Squid beaker
Squid beaker
Earned all 150 original CL achievements
Acquired on 17 January 2016
Lilly Satou
Lilly Satou
Acquired on 1 April 2012

... and 25 more
Quote

I think I found the source of that problem. Can you please try again and tell me if it reacts properly for you, now?

If it doesn't, please give me your specific Firefox version (Help menu -> About) and I'll see what I can find.


The admin formerly known as Dr. Cossack.

I post musings, images and nonsense on Tumblr! I play games on Steam! Add me on either/both, and don't hesitate to ask if you want to play something with me!

"There are only three things certain in life: Death, taxes, and Teej's obsessions." ~ RisingDragon (still true in 2019!)

Juno
I AM the Iron Pony!!
Inactive
-1485 post
Derpy Hooves
Derpy Hooves
Acquired on 1 April 2012
Fluttershy
Fluttershy
Acquired on 1 April 2012
Pinkie Pie
Pinkie Pie
Acquired on 1 April 2012
Rainbow Dash
Rainbow Dash
Acquired on 1 April 2012
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012

... and 18 more
Quote

I cannot find a guide anywhere. How do you set a background image?



~Juno~


Staff Backer Doctacosa
Admin
SciLab Official
Benevolent Dictator
Offline
6430 posts
Unity.EXE emblem
Unity.EXE emblem
Defeat Bass.EXE in the AFD2013 event!
Acquired on 1 April 2013
Zenny
Zenny
Unlock all of the main forum features!
Acquired on 1 April 2014
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
Squid beaker
Squid beaker
Earned all 150 original CL achievements
Acquired on 17 January 2016
Lilly Satou
Lilly Satou
Acquired on 1 April 2012

... and 25 more
Quote

There's no guide per se, but you can learn by example!

You can select any existing, public themes ("Select or edit an existing post theme" ), hit its "Copy & Edit" link, then view how it was done without saving.

For example, to set a background image for your posts, include something like this in the "Main" box:
background-image: url('http://www.domain.com/link/to/image.png' );

If you want the background to be set for your posts AND signatures, then place that line in the "Full post" area instead.

Edited by Dr. Cossack on April 2, 2015 at 19:19:33


The admin formerly known as Dr. Cossack.

I post musings, images and nonsense on Tumblr! I play games on Steam! Add me on either/both, and don't hesitate to ask if you want to play something with me!

"There are only three things certain in life: Death, taxes, and Teej's obsessions." ~ RisingDragon (still true in 2019!)

Juno
I AM the Iron Pony!!
Inactive
-1485 post
Derpy Hooves
Derpy Hooves
Acquired on 1 April 2012
Fluttershy
Fluttershy
Acquired on 1 April 2012
Pinkie Pie
Pinkie Pie
Acquired on 1 April 2012
Rainbow Dash
Rainbow Dash
Acquired on 1 April 2012
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012

... and 18 more
Quote

Quote from post #236127:
Originally posted by Dr. Cossack
There's no guide per se, but you can learn by example!

You can select any existing, public themes ("Select or edit an existing post theme" ), hit its "Copy & Edit" link, then view how it was done without saving.

For example, to set a background image for your posts, include something like this in the "Main" box:
background-image: url('http://www.domain.com/link/to/image.png' );

If you want the background to be set for your posts AND signatures, then place that line in the "Full post" area instead.

Edited by Dr. Cossack on April 2, 2015 at 19:19:33


Thanks, Doc. Much appreciated.


God
Chris Ray Gun is still cool
Offline
841 posts
Quote

The posting background image, regardless of where I put it, looks as expected in preview but is completely missing on the actual forum.

Edited by God on June 15, 2016 at 20:15:03

Staff Backer Doctacosa
Admin
SciLab Official
Benevolent Dictator
Offline
6430 posts
Unity.EXE emblem
Unity.EXE emblem
Defeat Bass.EXE in the AFD2013 event!
Acquired on 1 April 2013
Zenny
Zenny
Unlock all of the main forum features!
Acquired on 1 April 2014
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
Squid beaker
Squid beaker
Earned all 150 original CL achievements
Acquired on 17 January 2016
Lilly Satou
Lilly Satou
Acquired on 1 April 2012

... and 25 more
Quote

Try using single quotes ( ' ) instead of double ones ( " ) around the URL. I specifically disabled double quotes as a security measure. I should probably note that somewhere.


The admin formerly known as Dr. Cossack.

I post musings, images and nonsense on Tumblr! I play games on Steam! Add me on either/both, and don't hesitate to ask if you want to play something with me!

"There are only three things certain in life: Death, taxes, and Teej's obsessions." ~ RisingDragon (still true in 2019!)