It seems that you're using an outdated browser. Some things may not work as they should (or don't work at all).
We suggest you upgrade newer and better browser like: Chrome, Firefox, Internet Explorer or Opera

×
Just for fun I played around in the the style sheet and made this:

(my second attempt)
http://i.imgur.com/SqPdGIZ.png

This could look really good.
Post edited October 23, 2015 by vulchor
high rated
I bet the top part URLs are something really obvious, but only found these so far...
https://www.gog.com/www/default/-img/shelf_bottom.jpg
https://www.gog.com/www/default/-img/shelf_black_bottom.jpg

EDIT: Got it!
http://gog.com/www/default/-img/acc_shelf_wood1.jpg
http://gog.com/www/default/-img/acc_shelf_dark1.jpg

EDIT 2: Shelf CSS
http://gog.com/www/default/-css/_http_account.css
Post edited October 23, 2015 by plagren
high rated
avatar
mrkgnao: If adalia manages to do that, he should definitely add "classic furniture restoration" to his CV.
ROFL

Thanks plagren, but I do have the CSS file which has all the images in it already so I should have everything I need.

It shouldn't be too difficult, vulchor's already done a pretty good job at it already.

I'll add it to the list :)
high rated
avatar
adaliabooks: Thanks plagren, but I do have the CSS file which has all the images in it already so I should have everything I need.
Well, in that case...
Nice! I couldn't find any of the image links in the css that I found on AdaliaBooks github, but I didn't really look very hard. I was worried that we wouldn't be able to find the wood shelf images, but the black shelf is super easy to do by just editing the elements in the style script, adding things like border radius and gradients and such. Was fun to poke around in the scripts, I think I see the appeal in what Barefoot and Adalia have been doing. Unfortunately I never learned much JavaScript, and my HTML and CSS expertise come from the pre-HTML 5.0 era. I've only built two websites in the last 7 years, compared with 20 some in the 10 years previous. Gotta say I miss it more than a bit. My little sister is the Javascript wizard in the family.
high rated
Haven't had much of a chance to work on the script at the moment, but I've managed to sneak another update in.

I've added the shelf headers and footers as requested.
I've also added the option for pagination at the top of the shelf. Unfortunately it doesn't look too great with the Legacy styles but it's the best I could do at the moment.

Still working on options for properly fixing the legacy boxes but I've included a slightly updated list that should hopefully fix some of the bundled games at least..
high rated
Groovy.

I also just updated my list with new releases + a box for Alone in the Dark 1 and updated ones for Wasteland 2. And a bunch of useless info. (Maybe I should make a separate thread for this, but I'm not sure it really warrants one...)
high rated
AdaliaBooks, you're the absolute best! Looks fantastic, both the wood and the black. Love it soooo much more now. The top and bottom of those shelves really completes it, looks so classy again. Just.... thank you, thank you so much.

Now hopefully we'll figure out a way to put the new top pagination on top of the shelf header instead of underneath it, because youch. I knowm you warned us it wasn't pretty.
high rated
Great work!

I don't think that the pagination looks that bad with the Legacy Shelf, I actually like that the shelf itself takes up more of the screen space now, less bright grey to look at.

I do have a couple of issues though, not sure it it's a bug or just only me (again):

1. The top pagination doesn't work at first load of the Library page, if I switch from the Legacy Shelf to "GOG Default" or "Remix" before opening that page (as I'm in the habit). But if I switch to another (anyone, doesn't matter), it "activates" and works fine afterwards.


2. I had the GOG Default style set to "Dark", after updating AF it was reverted to "Wood". I changed it back, closed my Library page, reopened it, and it's back to "Wood".

I've tried a couple of the other GOG styles, and none of them stick - every time I open my Library it keeps reverting to saying "Wood".

And it doesn't matter what Shelf style is in use when changing "STYLE" - if I close my Library page and reopen it, it's back to saying "Wood".

Not a big deal when using the Legacy Shelf as it's not affected (though it's annoying me a bit), but "GOG Default" and "Remix" load with the "Wood" style, and that I definitely don't like.
high rated
avatar
HypersomniacLive: Great work!

I don't think that the pagination looks that bad with the Legacy Shelf, I actually like that the shelf itself takes up more of the screen space now, less bright grey to look at.

I do have a couple of issues though, not sure it it's a bug or just only me (again):

1. The top pagination doesn't work at first load of the Library page, if I switch from the Legacy Shelf to "GOG Default" or "Remix" before opening that page (as I'm in the habit). But if I switch to another (anyone, doesn't matter), it "activates" and works fine afterwards.

2. I had the GOG Default style set to "Dark", after updating AF it was reverted to "Wood". I changed it back, closed my Library page, reopened it, and it's back to "Wood".

I've tried a couple of the other GOG styles, and none of them stick - every time I open my Library it keeps reverting to saying "Wood".

And it doesn't matter what Shelf style is in use when changing "STYLE" - if I close my Library page and reopen it, it's back to saying "Wood".

Not a big deal when using the Legacy Shelf as it's not affected (though it's annoying me a bit), but "GOG Default" and "Remix" load with the "Wood" style, and that I definitely don't like.
I'll look into it Hyper. It could be when I duplicate the pagination box to the top it messes with the style settings... if worst comes to worst removing the second style box from the top would probably sort it if that is the case (it's not really required anyway)
high rated
avatar
adaliabooks: I'll look into it Hyper. It could be when I duplicate the pagination box to the top it messes with the style settings... if worst comes to worst removing the second style box from the top would probably sort it if that is the case (it's not really required anyway)
Cheers, I think that the important thing is for the setting to stick to one's choice.

On a side note, I had not realised that the two boxes were tied together, so was a bit surprised to see it at the top of the shelf.
high rated
avatar
adaliabooks: I'll look into it Hyper. It could be when I duplicate the pagination box to the top it messes with the style settings... if worst comes to worst removing the second style box from the top would probably sort it if that is the case (it's not really required anyway)
avatar
HypersomniacLive: Cheers, I think that the important thing is for the setting to stick to one's choice.

On a side note, I had not realised that the two boxes were tied together, so was a bit surprised to see it at the top of the shelf.
Definitely. I can only imagine it's a bug due to the duplication. Will test it myself now.

I just copied the source of the box and added it again at the top, but I can take out the style change thing if it causes problems...
high rated
avatar
HypersomniacLive: Cheers, I think that the important thing is for the setting to stick to one's choice.

On a side note, I had not realised that the two boxes were tied together, so was a bit surprised to see it at the top of the shelf.
New update.

Both issues should now be fixed (along with some other formatting ones when changing between styles or turning the pagination on and off when on the account page)

Let me know if there are still any bugs or issues :)
high rated
I was bored and messed around with some CSS:

.account__pagination.legacy .pagin__current {
border-width: 1px;
border-style: solid;
border-radius: 4px;
margin: 0 12px 0 6px }

.account__pagination.legacy .skin-selector__current {
color: #fff;
text-shadow: 0 1px rgba(0,0,0,0.5) }

.account__pagination.legacy .skin-selector__dropdown-icon { color: inherit }

.account__pagination.legacy:not(.black) {
color: #210f00;
text-shadow: 0 1px rgba(255,255,255,0.2) }

.account__pagination.legacy:not(.black) .pagin__current {
box-shadow: inset 0 1px 2px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.2);
background-color: rgba(126,78,31,0.7);
background-image: linear-gradient(to bottom,rgba(83,37,0,0.7),rgba(126,78,31,0.7));
background-color: transparent;
border-color: #4c2809 #58300d #6e4117 #5f3613 }

.account__pagination.legacy.black {
color: #b2b2b2;
text-shadow: 0 1px rgba(0,0,0,0.2) }

.account__pagination.legacy.black .pagin__current {
box-shadow: inset 0 1px 2px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.05);
background-color: rgba(37,37,37,0.5);
background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(37,37,37,0.5));
border-color: #080808 #0f0f0f #161616 #0e0e0e }
avatar
plagren: I was bored and messed around with some CSS:

snip
As I'm lazy and can't be bothered to apply it all can you show us a screen shot of what it does?
I'm more than happy to add it in to the script if it improves the current (basic) styling.