VGMdb
Go Back   VGMdb Forums > VGMdb Site Related > Questions and Comments
Register FAQ Calendar Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old Dec 14, 2011, 06:04 AM
djexotronic djexotronic is offline
Junior Member
 
Join Date: Dec 2011
Posts: 4
Default Highlight tracks on mouse hover

Greetingz,

I have needed the feature a few times to determine the length of some tracks. For instance on the page SCDC-00358~9 | F-ZERO GX/AX Original Soundtracks the tracklist is so large that it's hard to know the length of a specific track.

Technically the solution would be to change the table rows color using the CSS hover property. If you're interested I have developed a quick demo in PHP but don't really know where to upload it. However it's a common design so I'm sure you know what I mean. Here is a screenshot of how it looks, the mouse is over track 25 : http://imageshack.us/photo/my-images/850/disc101.png/

Let me know what you think. I know it won't revolutionize the website but I find it very useful so it's my modest way to contribute.

Cheers,
Reply With Quote
  #2  
Old Dec 14, 2011, 07:49 AM
Gigablah's Avatar
Gigablah Gigablah is offline
VGMdb Administrator
 
Join Date: May 2007
Posts: 2,403
Default

That's good usability and is pretty simple to implement, so I've done it. Check out the hover on tracklists =)

I've made it a darker colour though, since the text is light.


Edit: turned it off again until I can code it as a preference option, since apparently people didn't like it.
Reply With Quote
  #3  
Old Dec 14, 2011, 08:38 AM
Phonograph's Avatar
Phonograph Phonograph is offline
Senior Member
 
Join Date: Jun 2010
Posts: 4,329
Default

lol, I vexed you? (by people he meant me )
Reply With Quote
  #4  
Old Dec 14, 2011, 08:50 AM
Gigablah's Avatar
Gigablah Gigablah is offline
VGMdb Administrator
 
Join Date: May 2007
Posts: 2,403
Default

I spent an hour figuring out a problem with admincp and turns out it was gzip The sacrifices I make
Reply With Quote
  #5  
Old Dec 14, 2011, 08:59 AM
Phonograph's Avatar
Phonograph Phonograph is offline
Senior Member
 
Join Date: Jun 2010
Posts: 4,329
Default

if there was a smiley with a soul that goes out of the body, you could use it aka :exausted:
Reply With Quote
  #6  
Old Dec 15, 2011, 02:44 AM
djexotronic djexotronic is offline
Junior Member
 
Join Date: Dec 2011
Posts: 4
Default

Quote:
Originally Posted by Gigablah View Post
That's good usability and is pretty simple to implement
Thanks I'm glad you found my idea interesting !

Quote:
Originally Posted by Gigablah View Post
Edit: turned it off again until I can code it as a preference option, since apparently people didn't like it.
Ahah you can't please everyone. Seriously I don't get why someone would be bothered by it considering you have to hover a track to highlight it. Still if there're already design options why not add a new one.
Reply With Quote
  #7  
Old Dec 15, 2011, 02:50 AM
djexotronic djexotronic is offline
Junior Member
 
Join Date: Dec 2011
Posts: 4
Default

Quote:
Originally Posted by Gigablah View Post
I spent an hour figuring out a problem with admincp and turns out it was gzip The sacrifices I make
Sorry I know how much coding can be enduring. Isn't there an easy way to add an option in vBulletin or make the theme/skin customizable ? In Firefox there's a "Page Style" feature but it's quite limited. Moreover creating a new stylesheet just for one option seems inappropriate.
Reply With Quote
  #8  
Old Dec 15, 2011, 03:07 AM
Gigablah's Avatar
Gigablah Gigablah is offline
VGMdb Administrator
 
Join Date: May 2007
Posts: 2,403
Default

We actually have a basic preferences system (try clicking the "gear" icon on the top right). I just need to add a section to that, which I'll do over the weekend.
Reply With Quote
  #9  
Old Dec 15, 2011, 07:08 AM
Datschge's Avatar
Datschge Datschge is offline
Senior Member
 
Join Date: Mar 2008
Posts: 745
Default

Hovering is already an option. If you don't like it, don't hover?
Reply With Quote
  #10  
Old Dec 15, 2011, 06:40 PM
dancey's Avatar
dancey dancey is offline
Trusted Editor
 
Join Date: Dec 2007
Location: New Jersey
Posts: 1,428
Default

Agree with datscghe here. This would be a great feature. No one will ever agree with site design decisions, they shouldn't really even be up for discussion . Improvements are improvements as long as they're made with the right mindset.
Reply With Quote
  #11  
Old Dec 15, 2011, 07:03 PM
Nisto's Avatar
Nisto Nisto is offline
VGMdb Advisor
 
Join Date: Sep 2009
Posts: 1,189
Default

I'd also like to vote against making it a decision per user. I think the feature is really handy, but since I clear my browsers cache regularly, it becomes very tedious having to change it all the time (assuming it's going to be a cache-based thing, like the album filtering feature)
Reply With Quote
  #12  
Old Dec 16, 2011, 03:14 AM
Blitz Lunar's Avatar
Blitz Lunar Blitz Lunar is offline
 
Join Date: Apr 2008
Location: UK
Posts: 778
Default

what arguments did people give against it?
if it actually impedes functionality in some other way then fine, but i can't see how it would.
__________________
iridescentaudio.co.uk
Reply With Quote
  #13  
Old Dec 16, 2011, 01:31 PM
djexotronic djexotronic is offline
Junior Member
 
Join Date: Dec 2011
Posts: 4
Lightbulb

Guys your interest has woken up my neurons ! I can't believe I didn't think about it sooner. Indeed Stylish for Firefox can be used to tweak the stylesheet. Once the extension is installed open its options dialog and click "Write New Style". Enter "VGMdb" as a name and in the textarea copy & paste the following code :
Code:
@-moz-document domain(vgmdb.net) {
div#tracklist tr:hover {
background-color : #1B273D !important;
}
}
Now the tracks will highlight with the cool dark blue color used to design the sections. Enjoy !

Last edited by djexotronic; Dec 16, 2011 at 01:35 PM.
Reply With Quote
  #14  
Old Dec 16, 2011, 01:46 PM
Hellacia Hellacia is offline
Senior Member
 
Join Date: Jan 2010
Posts: 813
Default

Wow, I am so lost when I read this thread. I never got to try this, it looks really awesome by the screenshots. Actually, I'm constantly highlighting an entire track line with my mouse to basically get this effect. Simply moving over the track would be much easier.
Reply With Quote
  #15  
Old Dec 17, 2011, 12:47 AM
Gigablah's Avatar
Gigablah Gigablah is offline
VGMdb Administrator
 
Join Date: May 2007
Posts: 2,403
Default

Quote:
Originally Posted by djexotronic View Post
Guys your interest has woken up my neurons ! I can't believe I didn't think about it sooner. Indeed Stylish for Firefox can be used to tweak the stylesheet. Once the extension is installed open its options dialog and click "Write New Style". Enter "VGMdb" as a name and in the textarea copy & paste the following code :
Code:
@-moz-document domain(vgmdb.net) {
div#tracklist tr:hover {
background-color : #1B273D !important;
}
}
Now the tracks will highlight with the cool dark blue color used to design the sections. Enjoy !
Glad to see you've found a solution. And yep, that's essentially the same CSS I used
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
KPDL-00004: GOD TRACKS! CHz Album Discussions 7 Jan 1, 2020 05:21 PM
2504: Mickey Mouse DISCO depa Album Discussions 3 Apr 8, 2017 03:24 AM
Can anyone identify these VGM tracks? blueskies1001 Video Game Music Discussion 4 Aug 26, 2014 11:43 AM
Favorite Battle Tracks Bravebeat Video Game Music Discussion 8 Jun 29, 2012 05:58 PM
DCN 29-DLP: 2K6 (The Tracks) (reprint) Myrkul Album Discussions 0 Aug 26, 2009 04:22 AM