HOME | DD
GinkgoWerkstatt — .:Gallery Structure
Published: 2011-03-31 18:24:05 +0000 UTC; Views: 14524; Favourites: 291; Downloads: 38
Redirect to original
Description
edit4: 25.04.2015H2 is now H1, which might be the reason why some folder titles are not styled right anymore.
edit4: 30. September 2012
Just another update. Added a few bits of the new big thumbs addition.
Another reference sheet will follow soon.
edit3:
And another update. Added the comment counter section.
edit2:
When i asked if any tutorial needs an update i was made aware that the galleries have new page-listing elements. And here we go with the update.
Code for the menu button was added as well.
There have been some other things i fixed (because the code before wasn't 100% right) as well.
edit:
Added the code for the gallery page listing at the bottom. Just while working on all these templates for the contest i realized that it was missing here, so now it's there.
---
Since i started working on galleries i always loved the gallery reference sheet by janvanlysebettens , but every now and then i still had to look up additional classes - in case available - to work on templates and realized that there are much more elements you can make use of.
Making a reference sheet wasn't really planned, but it will be handy for something i have planned for the future, so i thought i just give it a try. That way others might are more motivated to give it a try with gallery templates as well. Because there aren't many yet!
Hope this is useful for some of you!
Detailed Information about Big Thumbs:
Inspiration:
But i guess also out of date.
---
My tutorials/guidelines 
CSS Guideline ginkgografix.deviantart.com/ar… Old vs Gruze Journals ginkgografix.deviantart.com/ar… Ungruze your Journals ginkgografix.deviantart.com/ar… How to add image paths ginkgografix.deviantart.com/ar… How to add a gallery CSS ginkgografix.deviantart.com/ar… How to make a journal layout ginkgografix.deviantart.com/ar… ABC of dA CSS Part I ginkgografix.deviantart.com/ar… ABC of dA CSS Part II ginkgografix.deviantart.com/ar… How to add CSS to Groups ginkgografix.deviantart.com/ar… How to create a new Stylish Script ginkgografix.deviantart.com/ar… More can be found here: ginkgografix.deviantart.com/ga…
Related content
Comments: 100
From journal skins? That is not really needed. All important classes are already listed here.
👍: 0 ⏩: 1
m a lil confused here, are we talking about the gallery structure building in the journal or editing the original gallery?
👍: 0 ⏩: 1
Sorry, thougth this was a different tutorial, my fault!
All important classes are shown here though. If you want to look at the source code get something like Firebug for Firefox, that helps to search for the rigth code.
👍: 0 ⏩: 0
Awesomeness. I do need to learn this ;D
👍: 0 ⏩: 1
You totally should!
👍: 0 ⏩: 0
Exactly what I needed to get started! Thank you!~ ^-^
👍: 0 ⏩: 1
Ah, good, I had some funky looking issues with my page turners and didn't know how to effect it. Thanks!
👍: 0 ⏩: 1
Usually i ignore them, because my own galleries rarely have that many submissions to let them show up
👍: 0 ⏩: 0
Might come in handy 
👍: 0 ⏩: 1
And hopefully useful!
👍: 0 ⏩: 1
Thaaaaaaaaaank u so much .. this is sooo helpful
👍: 0 ⏩: 1
Um, it is kinda small for a non-downloadable image isn't it?
👍: 0 ⏩: 1
Click on the deviation for fullview
👍: 0 ⏩: 1
That's so wierd. On my PC, there is no hyperlink or other indication (mouse change to hand) that the picture is live and will enlarge if you click on it.
👍: 0 ⏩: 1
There never have been, as far as i can remember. If you upload a deviation in full size, but don't enable the download option, you always have to click on the image to get a bigger view.
👍: 0 ⏩: 0
All hail Master ginkografix! 
👍: 0 ⏩: 1
It should be helpful to get started
👍: 0 ⏩: 0
Oooh...I can't justify not making a gallery skin anymore, this is fantastic!
👍: 0 ⏩: 1
Haha yeah, start making one now
👍: 0 ⏩: 1
But...I love procrastinating.
👍: 0 ⏩: 1
No excuses please!
👍: 0 ⏩: 1
But...my favorite hobby D:
👍: 0 ⏩: 1
Get any other hobby
👍: 0 ⏩: 1
Hey, thanks, I just started attempting to do my galleries, so this helps a lot!
👍: 0 ⏩: 1
You're guideline on gallery CSS is very useful. Especially the thumbs classes.
Thanks for your effort.
👍: 0 ⏩: 1
<= Prev |