Shop Mobile More Submit  Join Login


Submitted on
August 13, 2008
Image Size
486 KB


6,644 (1 today)
56 (who?)
Shoutbox v6 Style by NyssaCreative Shoutbox v6 Style by NyssaCreative
Here's something I've been working on for a few days - A Stylish style for the Shoutbox. I don't even remember the last time the Shoutbox was touched in terms of how it looks, so while I was in there for the first time in forever the other day, I decided to do something about it.

Now every time I turn the style off while I'm in there, I almost die of fear. ;P


What is the Shoutbox?

The Shoutbox is a little known place... or not so much little known, just most people don't care about it. It existed a long time before dAmn came along.

To put it simply, it was "chat" for a lot of us before there was chat on deviantART.

Where is this Shoutbox?

If I told you, I'd have to kill you ;P

It's on the chat page. Tucked away to the right side.

What is this Shoutbox v6 style?

Just a bunch of CSS to overwrite the default style of the Shoutbox. You can see in the preview up above that the Shoutbox is way behind the rest of deviantART. I felt I needed to do something about it.


Installing Shoutbox v6 style

1. You need Firefox and the Stylish Extension.

2. After installing and restarting Firefox, grab the CSS here:

:bulletred: deviantART Shoutbox v6 Style

Find the "Load into Stylish" button, click and "Save" on the window that comes up.

3. Go to the Shoutbox and check it out.



While this isn't included in Shoutbox v6 Style itself, you could easily add it. If you want to see specific users, or style them differently to stand out, edit the CSS and add the following:

#shoutbox_left .shout.shout-username {
border:5px solid #000 !important;

The above is just an example. Where -username is, replace it with a username, like -nyssi.

What this little extra can do, is style an individual users shout for you. This could be handy if you talk to someone frequently, or just want someone elses shout to stand out over others. Fast identification, I suppose.

You could use coloured borders (as exampled by *east-wind in the comments), larger/smaller fonts, different background colour... anything you could think of with CSS.

To edit a style with Stylish, right click on the Stylish icon in the bottom righthand corner of Firefox > Manage Styles... > Shoutbox v6 Style.


Thank you

Thanks to `thespook for the extended message centre count. :heart:

And of course, thanks to `zetab for the preview she created for this deviation :love:

Add a Comment:
bokugakowai Featured By Owner Mar 18, 2010  Hobbyist General Artist
I'm on the preview. x3

Anyway, it looks great.
Sitraxis Featured By Owner Jan 15, 2010  Hobbyist General Artist
:wow: This is one of the best CSS Journal Designs I've ever seen. I'll use it when I get a subscription. :la:

Good job, Keep up the good work. ^o^
NyssaCreative Featured By Owner Jan 15, 2010
Sorry but this isn't a CSS for journals :giggle: This is a style for Stylish to change the look of the Shoutbox
Sitraxis Featured By Owner May 19, 2010  Hobbyist General Artist
Oops, silly me. :stupidme:
gloriagypsy Featured By Owner May 29, 2009  Professional General Artist
DA should pay you for all your ideas! Great work!
airicalush Featured By Owner Apr 23, 2009
Look really great but it doesn't show it only shows the old one :(
NyssaCreative Featured By Owner Apr 25, 2009
It works for me okay so... :B
airicalush Featured By Owner Apr 25, 2009
oh ok lol
NyssaCreative Featured By Owner Apr 26, 2009
Did you install it all correctly? :D
airicalush Featured By Owner Apr 26, 2009
ya i got it now but im using safari now but it works :D
Add a Comment: