Image
Interordi Menu
The forums have received a major upgrade! Read on for the details!
21 February 2013 - 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
Moderator
Blogger
SciLab Official
Moderator
Inactive
178 posts
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
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
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.

Doctacosa
Admin
SciLab Official
Benevolent Dictator
Offline
6316 posts
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
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
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!!
Offline
-1484
Pinkie Pie
Pinkie Pie
Acquired on 1 April 2012
Rainbow Dash
Rainbow Dash
Acquired on 1 April 2012
Derpy Hooves
Derpy Hooves
Acquired on 1 April 2012
Fluttershy
Fluttershy
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~


Doctacosa
Admin
SciLab Official
Benevolent Dictator
Offline
6316 posts
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
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
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!!
Offline
-1484
Pinkie Pie
Pinkie Pie
Acquired on 1 April 2012
Rainbow Dash
Rainbow Dash
Acquired on 1 April 2012
Derpy Hooves
Derpy Hooves
Acquired on 1 April 2012
Fluttershy
Fluttershy
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
Not A Feminist
Offline
838 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

Doctacosa
Admin
SciLab Official
Benevolent Dictator
Offline
6316 posts
Princess Celestia
Princess Celestia
Got all items in the AFD2012 event!
Acquired on 1 April 2012
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
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!)