Topic: Custom user posting themes

Interordi

Custom user posting themes

Quote

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!

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

7 comments

Page : 1

Sb20
Blogger
SciLab Official
Lead character

Inactive
178 posts

... and 20 more

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

Online
6439 posts

... and 25 more

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

... and 18 more

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

~Juno~

Doctacosa
Admin
SciLab Official
Benevolent Dictator

Online
6439 posts

... and 25 more

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

Juno
I AM the Iron Pony!!

Inactive
-1485 post

... and 18 more

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
844 posts

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

Online
6439 posts

... and 25 more

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.

Page : 1