HOME | DD

electricjonnyTranslucent Userpage Buttons by-nc-sa

Published: 2009-01-01 09:12:17 +0000 UTC; Views: 16664; Favourites: 222; Downloads: 273
Redirect to original
Description /* Updates and shit - July 2nd, 2011 */
I updated this slightly, and instead of tacking on yet another edit to this already long deviation description, I just decided to kill it all and start over.

So in a nut shell, this will make your |New|Edit| and |pencil| buttons mostly transparent until you hover. So the buttons you see on your userpage widgets will be transparent, along with the pencil button on comments to let you hide them until you hover over them.

This latest update doesn't quite look the same as the preview does here, but you get the added bonus of an animated opacity change instead of the sudden jump from translucent to opaque. Well, at least if you use Firefox 4.0 or above.

To Install
You'll need either Firefox or Chrome , and have the Stylish extension.Firefox Stylish - [link]
Chrome Stylish - [link]

Once you have those, you can open this link and do this, depending on if you use Firefox or Chrome:Firefox - Copy the entire contents of that link into a new blank style from the Stylish menu (click icon -> write new style -> blank style), give it a name, and then hit save.

Chrome - Open that link, but only copy the line starting with "/* make edit/new buttons..." till the last "}" character, but don't copy that last "}". Then in the "Applies to" area, add in a "URLs on the domain" category and write in "deviantart.com".

It's a lot more work in Chrome, but that's another reason Firefox is better

Now this applies to group pages also, so if you have privs there, you might find the small icons on things being transparent annoying, but you can fix that, sorta, if you take out some lines. I haven't been using it on those icons for very long, so I'll see if that's annoying to me. Anyway, hope you all still like this
Related content
Comments: 230

Catherine-Grace In reply to ??? [2009-02-02 17:37:34 +0000 UTC]

Very wonderful idea. I've had the same qualms about the new page. Just looked messy. This fixes that problem beautifully. Well done. ^^

👍: 0 ⏩: 1

electricjonny In reply to Catherine-Grace [2009-02-02 17:39:46 +0000 UTC]

Hehe yeah, I didn't come up with this idea, I just made it happen. I saw this suggested on the original beta post in the forums.

👍: 0 ⏩: 1

Catherine-Grace In reply to electricjonny [2009-02-02 17:49:11 +0000 UTC]

Well then way to get on it!

👍: 0 ⏩: 1

electricjonny In reply to Catherine-Grace [2009-02-02 18:06:16 +0000 UTC]

👍: 0 ⏩: 0

Birdee-Blake In reply to ??? [2009-02-02 17:14:39 +0000 UTC]

I'll have to come back later when I'm on my own computer and download this (If I can figure out how that Style thing works). Seems pretty useful to me~. Congratulations on the DD!

👍: 0 ⏩: 1

electricjonny In reply to Birdee-Blake [2009-02-02 17:31:21 +0000 UTC]

Hehe, you'll find it's pretty easy to install. Shoot me a message if you need any help

👍: 0 ⏩: 1

Birdee-Blake In reply to electricjonny [2009-02-02 17:34:01 +0000 UTC]

Will do ~.

👍: 0 ⏩: 0

pulbern In reply to ??? [2009-02-02 16:57:22 +0000 UTC]

Oh boy, I've been wondering why the userpages look so silly, but you've gone and figured it out! Good on ya!

👍: 0 ⏩: 1

electricjonny In reply to pulbern [2009-02-02 17:33:04 +0000 UTC]

Haha, thanks

👍: 0 ⏩: 0

Aqua-Nous In reply to ??? [2009-02-02 16:06:10 +0000 UTC]

OMG
I hate those buttons....thanks a lot !!!!

👍: 0 ⏩: 1

electricjonny In reply to Aqua-Nous [2009-02-02 17:33:19 +0000 UTC]

Hehehe, no problem

👍: 0 ⏩: 0

mbrsart In reply to ??? [2009-02-02 16:00:43 +0000 UTC]

I like it! The only thing I would add is for the buttons to fade in and out on mouseover and mouseout, but I also no that would be nigh impossible.

Great little extension!

👍: 0 ⏩: 1

electricjonny In reply to mbrsart [2009-02-02 17:34:02 +0000 UTC]

Haha, that's certainly possible, but not with just CSS and Stylish

👍: 0 ⏩: 0

whisperelmwood In reply to ??? [2009-02-02 15:15:46 +0000 UTC]

Honestly? I didn't even notice until I spotted this DD (and thought 'why has a screenshot got a DD?' and read your artist's comment. It seems so completely inconsequential to me, but if people want to fiddle around with a button, I'm sure they will and I'm sure they'll be thankful you wrote some code for it. *shrugs*

👍: 0 ⏩: 1

electricjonny In reply to whisperelmwood [2009-02-02 17:35:43 +0000 UTC]

Haha, well I just find this a useful thing to incorporate into my plethora of Stylish things here. I just hope people find it useful to them

👍: 0 ⏩: 0

baker2D In reply to ??? [2009-02-02 14:59:12 +0000 UTC]

Perfect, well done. Love this. I didn't find them too distracting, but knowing i can get rid of either way is a massive plus. Cheers.

👍: 0 ⏩: 1

electricjonny In reply to baker2D [2009-02-02 15:02:23 +0000 UTC]

Thanks, I'm glad you like it

👍: 0 ⏩: 0

Krissi001 In reply to ??? [2009-02-02 14:52:22 +0000 UTC]

awesome

Congrats to the DD

👍: 0 ⏩: 1

electricjonny In reply to Krissi001 [2009-02-02 14:53:19 +0000 UTC]

Thanks

👍: 0 ⏩: 0

StrixCZ In reply to ??? [2009-02-02 14:49:29 +0000 UTC]

I would appreciate the default state to be just a little more visible as I'm affraid I'll be looking for the buttons sometimes Good job anyway. Installed, thanx!

👍: 0 ⏩: 2

electricjonny In reply to StrixCZ [2009-02-02 14:57:30 +0000 UTC]

Hehe, you can easily modify it to be as transparent as you want Right click on the Stylish icon, and then right click on the name of this style.

Just change this line in bold:div.gm-controls span.gmb-edit a, div.gm-controls span.gmb-submit a {
opacity:.07!important;
}It can be anywhere between 0 and 1. 0 is completely transparent, and 1 is completely opaque. So I would change it to .1 or so. Hope that helps

👍: 0 ⏩: 1

StrixCZ In reply to electricjonny [2009-02-02 15:19:55 +0000 UTC]

Oh, thanks a lot

👍: 0 ⏩: 1

electricjonny In reply to StrixCZ [2009-02-02 17:37:55 +0000 UTC]

No problem at all

👍: 0 ⏩: 0

StrixCZ In reply to StrixCZ [2009-02-02 14:49:58 +0000 UTC]

👍: 0 ⏩: 0

Koshinator In reply to ??? [2009-02-02 14:37:46 +0000 UTC]

:3 Good Idea~

👍: 0 ⏩: 1

electricjonny In reply to Koshinator [2009-02-02 14:38:16 +0000 UTC]

Thank you

👍: 0 ⏩: 1

Koshinator In reply to electricjonny [2009-02-02 14:40:45 +0000 UTC]

Your Welcome.

👍: 0 ⏩: 0

ItachI0 In reply to ??? [2009-02-02 13:09:23 +0000 UTC]

u r a evil genious ^^ nice one congrats on the dD

👍: 0 ⏩: 1

electricjonny In reply to ItachI0 [2009-02-02 13:10:12 +0000 UTC]

Haha, thank you

👍: 0 ⏩: 0

Simbelmine In reply to ??? [2009-02-02 13:01:07 +0000 UTC]

Oh yes, this is lovely Thank you very much!

👍: 0 ⏩: 1

electricjonny In reply to Simbelmine [2009-02-02 13:02:06 +0000 UTC]

You're quite welcome

👍: 0 ⏩: 0

catluvr2 In reply to ??? [2009-02-02 12:59:45 +0000 UTC]

You'd think that you'd be put on Creative Staff with all of these wonderful modifications that you write that make dA a better place! Congrats on the DD! I'm using this, it's a great way to see what others see when visiting your page.

👍: 0 ⏩: 1

electricjonny In reply to catluvr2 [2009-02-02 13:04:05 +0000 UTC]

Haha, well I may have some ideas, but I'm no designer or anything I'm glad you think I would be good there though

And yeah, I like to see what my page looks like normally, without those huge buttons (and without a crappy looking hover...).

👍: 0 ⏩: 0

termi1992 [2009-02-02 12:56:50 +0000 UTC]

nice idear! i like it!

👍: 0 ⏩: 1

electricjonny In reply to termi1992 [2009-02-02 12:59:02 +0000 UTC]

Thank you

👍: 0 ⏩: 0

Stormartic [2009-02-02 12:48:33 +0000 UTC]

Ah, yes, much better!

👍: 0 ⏩: 1

electricjonny In reply to Stormartic [2009-02-02 12:50:00 +0000 UTC]

I'm glad you like it

👍: 0 ⏩: 0

andanar In reply to ??? [2009-02-02 11:27:24 +0000 UTC]

Fantastic! thankyou.

👍: 0 ⏩: 1

electricjonny In reply to andanar [2009-02-02 11:29:56 +0000 UTC]

I'm glad you like it

👍: 0 ⏩: 0

IreneLangholm In reply to ??? [2009-02-02 11:15:53 +0000 UTC]

Brilliant, I love it!

Congrats with the DD too.

👍: 0 ⏩: 1

electricjonny In reply to IreneLangholm [2009-02-02 11:19:34 +0000 UTC]

Thanks

I'm glad you like it

👍: 0 ⏩: 0

edctpsu In reply to ??? [2009-02-02 11:01:07 +0000 UTC]

I'll use it! great idea!

👍: 0 ⏩: 1

electricjonny In reply to edctpsu [2009-02-02 11:03:31 +0000 UTC]

Thanks. I'm glad you like it

👍: 0 ⏩: 1

edctpsu In reply to electricjonny [2009-02-02 11:04:18 +0000 UTC]

👍: 0 ⏩: 0

Werrny In reply to ??? [2009-02-02 10:50:41 +0000 UTC]

wow! great work mate. thank you!

👍: 0 ⏩: 1

electricjonny In reply to Werrny [2009-02-02 10:58:23 +0000 UTC]

Thanks I'm glad you like it.

👍: 0 ⏩: 0

Syinge In reply to ??? [2009-02-02 10:49:09 +0000 UTC]

👍: 0 ⏩: 1

electricjonny In reply to Syinge [2009-02-02 10:57:50 +0000 UTC]

Thank you for your tag. It means so much to me

👍: 0 ⏩: 2

Syinge In reply to electricjonny [2009-02-02 19:09:56 +0000 UTC]

👍: 0 ⏩: 1

electricjonny In reply to Syinge [2009-02-02 19:15:04 +0000 UTC]

👍: 0 ⏩: 1


<= Prev | | Next =>