Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 

Translucent Userpage Buttons by `electricjonny:iconelectricjonny:

Categories deviantART Related > User styles

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
:iconelectricjonny:

Artist's Comments

/* edit */
They went and changed how those buttons work, so you'll have to update this if you want it looking normal again. Just reload this from the userstyles link at the bottom :)

The button isn't quite normal while you're editing a module, but I sort of like how it looks with this style. It used to have a bright orange button at the top right, now it's semi-transparent.

I fixed it, but I'm guessing they'll change it again since the image that has those buttons now has a few extra icons in it... wonder what they have in store for us :B



/* edit */
I changed the buttons slightly. These buttons are more like the buttons at the top of your userpage. The old ones were just a little dark, and lacked any gradients. So you can view the preview here to see the new ones, and if you want to upgrade, head on over to this userstyles page and get it again :)
/* edit */



/* Read this if userstyles.org isn't working */

Well userstyles.org is notorious for having a pretty crappy time keeping their site up and running, so if you get any error clicking the link below, then follow these steps.

Right click on your Stylish icon, then select Write Style ► Blank Style... Then you give it a name, something to remind you of what this does (the name doesn't matter at all, it's just for you to keep track of things), then go to this site and copy everything on the page (Control+A ► Control+C) and paste it into the body of you style. Then hit save and you should be good to go :)



I don't know about you, but when I go to my userpage, I find that the Edit and New buttons stand out. I think they should not stand out as much. It sort of distracts me from my page.

Anyway, I cooked up a quick and simple fix for it. This makes the buttons pretty translucent normally, and when you hover over them, they are at full opacity.

I also hate that they're blue when you hover over them, so I just made them the normal looking buttons when you hover, only they're at full opacity.

When you click on them (the active state), they are semi transparent.



/* To Install */

You must have Firefox with the Stylish extension.

Then go to this userstyles page and click the Load into Stylish button.



Let me know what you think :)

Daily Deviation

Given 2009-02-02

Translucent Userpage Buttons by `electricjonny. The suggester says, 'A very useful little Stylish script for everyone who finds the "Edit"-buttons on their userpage a tad too distracting. And I know there are quite a lot of people who think so.' (Suggested by `DeMaulwurfn and Featured by `TerrorCookie)

Critiques


Thank you for your Critique

You are not logged in.

Comments


love 1 1 joy 5 5 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconnativetexanzach:
=NativeTexanZach Jan 1, 2009, 1:14:35 AM
You always make useful, yet cool things! :iconbravoplz:

--
This is my timey-wimey detector. Goes ding when there's stuff. Also, it can boil an egg at 30 paces, whether you want it to or not, actually, so I've learned to stay away from hens. It's not pretty when they blow.
:iconelectricjonny:
`electricjonny Jan 1, 2009, 1:15:45 AM
Haha thank you :)

I try to make dA just a tad nicer with them :aww:
:iconm-playc3ll:
=M-PlayC3ll Jan 1, 2009, 1:28:37 AM
Don't know if you noticed, but I made this suggestion on the new profile thread. Well, not the translucent suggestion, but to remove them completely. ¢mindfuckx suggested something similar to this here script.

Imma use this.

--
/max

Δ
:iconelectricjonny:
`electricjonny Jan 1, 2009, 1:32:07 AM
You suggested that they be hidden until you click the Edit Layout button? That would be nice too, since they just... well, stand out too much for me normally :slow:

I hope something like that happens when it goes live :nod:

Thanks for the comments and fave :)
:icontepara:
`Tepara Jan 1, 2009, 1:42:29 AM
yay

--
#Black-White-Club Where you can find the best B&W and sepia art on dA.
=DeviantArtSecret Share your secrets.
A stranger is just someone you havent met yet!
#AoAClub Let the admin know you love them :heart:
:iconm-playc3ll:
=M-PlayC3ll Jan 1, 2009, 1:45:42 AM
Yeah, this is my suggestion. Pretty much what you just said.

Thank you for this script. :bucktooth:

--
/max

Δ
:iconelectricjonny:
`electricjonny Jan 1, 2009, 1:52:54 AM
Ah yes, I remember reading that now.

And it would be pretty easy to edit the CSS to make it so they're totally transparent until you hover over them. The only thing is it's a little hard to figure out where to hover, especially on your poll, which has an Edit button and a New button. Making them show only when you click the Edit Layout button would require some JavaScripting, which I can't do.
:icontepara:
`Tepara Jan 1, 2009, 1:53:36 AM
i do :D

--
#Black-White-Club Where you can find the best B&W and sepia art on dA.
=DeviantArtSecret Share your secrets.
A stranger is just someone you havent met yet!
#AoAClub Let the admin know you love them :heart:
:iconelectricjonny:
`electricjonny Jan 1, 2009, 2:10:39 AM
I'm glad to hear that :D
Previous Page12345...Next Page

Found in these Groups:

group avatar #iterators
We iterate!

Details

January 1, 2009
46.3 KB
46.3 KB
180×275

Statistics

214
241 [who?]
8,444 (1 today)
141 (0 today)

Share

Link
Embed
Thumb

Site Map

©2010 deviantART. All rights reserved
About Us | Contact Us | Site Tour | Help & FAQ Advertise | Services Etiquette | Privacy Policy | Terms of Service | Copyright Policy