Shop Mobile More Submit  Join Login
×




Details

Submitted on
August 13, 2008
Image Size
486 KB
Resolution
1463×2022
Thumb

Stats

Views
6,655
Favourites
56 (who?)
Comments
91
×
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.

-------------------------------------------

Extras

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:
 
:iconbokugakowai:
bokugakowai Featured By Owner Mar 18, 2010  Hobbyist General Artist
I'm on the preview. x3

Anyway, it looks great.
Reply
:iconsitraxis:
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^
Reply
:iconnyssacreative:
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
Reply
:iconsitraxis:
Sitraxis Featured By Owner May 19, 2010  Hobbyist General Artist
Oops, silly me. :stupidme:
Reply
:icongloriagypsy:
gloriagypsy Featured By Owner May 29, 2009  Professional General Artist
DA should pay you for all your ideas! Great work!
Reply
:iconairicalush:
airicalush Featured By Owner Apr 23, 2009
Look really great but it doesn't show it only shows the old one :(
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Apr 25, 2009
It works for me okay so... :B
Reply
:iconairicalush:
airicalush Featured By Owner Apr 25, 2009
oh ok lol
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Apr 26, 2009
Did you install it all correctly? :D
Reply
:iconairicalush:
airicalush Featured By Owner Apr 26, 2009
ya i got it now but im using safari now but it works :D
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Apr 26, 2009
Awesome :D
Reply
:icondarkcath:
darkcath Featured By Owner Nov 27, 2008
using it and loving it! :w00t:

thank you `nyssi :hug:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Dec 2, 2008
:w00t:
Reply
:iconkoshinator:
Koshinator Featured By Owner Nov 15, 2008
Nice Idea~!
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Nov 16, 2008
Thanks! :)
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Oct 29, 2008  Hobbyist Digital Artist
I turned my shoutbox on and tried it but it won't work by me :cries:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Oct 29, 2008
It works fine for me. Did you load it into Stylish or?
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Oct 29, 2008  Hobbyist Digital Artist
Yes I did but it showes still the old version :cries:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Oct 30, 2008
Strange :O
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Oct 30, 2008  Hobbyist Digital Artist
Yes it is and I don't know why so I turned it off again :O
Reply
:iconarthaus:
arthaus Featured By Owner Oct 11, 2008
Made it so much more bearable to be in there! Thanks for another spotless extension. :)
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Oct 15, 2008
Good to know :D Thanks!
Reply
:iconcatluvr2:
catluvr2 Featured By Owner Sep 30, 2008  Hobbyist General Artist
:drool: Yes. YES!!!

Thank you.
Reply
:iconmemod:
memod Featured By Owner Sep 24, 2008  Professional
your stylish plugin made me check out the shoutbox after what must have been a year and a half at least!

....and it was empty and quiet :dead:

your style looks very nice nonetheless :heart:
Reply
:iconfrozenpandaman:
frozenpandaman Featured By Owner Sep 16, 2008  Student General Artist
Looks awesome! :#1: Great job.
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Sep 24, 2008
Thanks :D
Reply
:iconandygassner:
AndyGassner Featured By Owner Sep 12, 2008   Photographer
Oh boy oh boy. That is absolutely awesome. :excited:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Sep 13, 2008
Thanks =P
Reply
:iconlemontea:
lemontea Featured By Owner Sep 11, 2008
That is hot. If only there was a reason to need a shoutbox these days.
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Sep 12, 2008
Haha yeah :lol:
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Sep 8, 2008  Hobbyist Digital Artist
You're the :#1:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Sep 12, 2008
No way :omfg:
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Sep 12, 2008  Hobbyist Digital Artist
OK if not :#1: then you must be :iconnumber2plz:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Sep 12, 2008
That's awesome :lol:
Reply
:iconjurgendoe:
JurgenDoe Featured By Owner Sep 12, 2008  Hobbyist Digital Artist
:yesyesyesplz:
Reply
:icondbestarchitect:
dbestarchitect Featured By Owner Aug 23, 2008
:#1:
Reply
:iconnoname4you:
noname4you Featured By Owner Aug 21, 2008
Can I use this?
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Aug 27, 2008
Anyone can use it.
Reply
:iconnoname4you:
noname4you Featured By Owner Aug 27, 2008
Thanks!
Reply
:icons4pphire:
S4pphire Featured By Owner Aug 18, 2008  Professional Interface Designer
You really polished the place up a lot, Nyss! I like how every row is clearly marked now, you should do "every other row aligned to the left/right" - making it speech bubbles pointing towards the respective avatars... Well, that's just an idea for an alternative one... This is however superb, well done!
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Aug 27, 2008
That is a really good idea. Though it would be harder to achieve that. But I think I may give it a try at some point :D
Reply
:icons4pphire:
S4pphire Featured By Owner Aug 28, 2008  Professional Interface Designer
Hehe, please do sometime :) :peace:
Reply
:iconpopcorn-pops:
popcorn-pops Featured By Owner Aug 17, 2008  Student Filmographer
Very sexy! I may have to go check it out now. :eyes:
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Aug 27, 2008
Thanks ;P
Reply
:iconalley-cat-009:
alley-cat-009 Featured By Owner Aug 17, 2008  Student Photographer
ew needles!!!! I let the dentist do it but i cry a lot. and I'm such a wimp xDD
But i don't let people come near me if I'm going to get a shot or anything like that! I just won't go for that! =P
Reply
:iconmattdanna:
mattdanna Featured By Owner Aug 17, 2008  Hobbyist Interface Designer
This kind of frustrates me. We were totally going to re-skin the new shoutbox and pimp it out a bit for the shoutbox users. And when asking some deviants what they wanted, we were basically told by many shoutbox users to "fuck off, leave it alone". They said they liked it being different than the rest of the site.

I guess I am kind of confused now... :confused:
But this looks beautiful--a lot what we had in mind for it..
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Aug 17, 2008
How come confused? Cause I did a style even though the Shoutbox rebels don't want it changed? :lol: I'm not gonna let them dictate whether I can do a style or not.

But, let's look at it this way. From a designer/developer point of view, leaving the Shoutbox as is isn't the right thing to do. The rest of dA is moving forward and the Shoutbox is being left in the dust. Leaving it unstyled looks shocking from the perspective of a visitor.

Basically, you guys are letting the rebels of the Shoutbox rule the place and have the last word. They already have little to no moderation simply cause they create too much of a fuss over it when rules are enforced. They aren't happy as long as moderators are only banning the ones they don't like (ie spammers). They will bitch about anything.

I think you all need to take a look and think "So, is the Shoutbox a part of deviantART or is it a site all on its own?" - The answer is simple.

Changing the Shoutbox would cause a fuss, yeah. Some of them would probably even leave (completely stupid if you ask me) but what does it matter? Shoutbox users need to get with the times and get with the rest of the website... a website the Shoutbox is (funnily enough) a part of.

At the end of the day, if you guys decided to grow some balls and make the Shoutbox clothed the same as the rest of the site, someone can easily write a style for the Shoutbox to look like it does now for the ones that don't like it.

Some people do like my style (and some want it changed properly). Some people that don't even use the Shoutbox would like it changed. Why? Cause they'll probably use it if it was. The Shoutbox needs new life to bring new users. It's quite lifeless.

That is my two cents though. :shrug:
Reply
:iconmattdanna:
mattdanna Featured By Owner Aug 18, 2008  Hobbyist Interface Designer
Thanks for your input. You are the best. :hug:
It helps getting another perspective.
Reply
:iconnyssacreative:
NyssaCreative Featured By Owner Aug 26, 2008
No problem at all :hug:
Reply
:iconice-11:
Ice-11 Featured By Owner Aug 15, 2008  Hobbyist Traditional Artist
I will be installing this over the weekend, just because it is so awesome! :D good work as always :)
Reply
Add a Comment: