Deviation Actions

Daily Deviation

Daily Deviation

June 11, 2009
" Very helpful and great free Gallery tutorial. "

.:Walkthrough Gallery Template by `ginkgografix
Featured by PurpelBlur
Suggested by JurgenDoe
GinkgoWerkstatt's avatar

.:Walkthrough Gallery Template

Published:
32K Views

Description

Finally the tutorial/walkthrough for coding a gallery template is finished. I know this took way too much time, but eh i'm lazy and was able to fix the image "bug" some days ago.


Like always this is just one way to code and not perfect nor anything that claims to be the best solution. It's my way of working on gallery templates, but i hope it's helpful and you can retrace why i did what. If not... feel free to ask as always :aww:

It's always difficult to explain everything that you need to take care of. Mostly because it always depends on the layout you've created and the way it should work. Should the size vary, should it be fixed etc.


This was requested by ~KatiBear.
And a big thanks to ~Espiroth for beta reading - she said my english improved. YAY! :hug:


---
Divider brushes [link] by ~ro-stock

:pointr: My tutorials/guidelines
:bulletgreen: CSS Guideline [link]
:bulletgreen: Old vs Gruze Journals [link]
:bulletgreen: Ungruze your Journals [link]

:bulletgreen: How to add image paths [link]
:bulletgreen: How to add a gallery CSS [link]
:bulletgreen: How to make a journal layout [link]

:bulletgreen: ABC of dA CSS Part I [link]
:bulletgreen: ABC of dA CSS Part II [link]


:pointr: My walkthroughs
:bulletgreen: How to code a gallery template [link]
:bulletgreen: How to code a journal [link]
:bulletgreen: How to code a journal II [link]


:pointr: My video tutorials
:bulletgreen: Changing sidebar settings [link]
:bulletgreen: Adding Gallery CSS II [link]
© 2009 - 2024 GinkgoWerkstatt
Comments176
capncraka's avatar
:star::star::star::star: Overall
:star::star::star::star::star-empty: Vision
:star::star::star::star::star-empty: Originality
:star::star::star::star::star: Technique
:star::star::star::star::star-half: Impact

This tutorial is a must have for any deviant that is diving into coding Gallery CSS. You did a fantastic job of explaining everything with great detail and did not leave anything out, that I could tell.

The set up of this tutorial is clean, which helps to not distract whoever is using it. The preview images are nice and big so there isn't any squinting to find out what step you just did or what changed. I also like that you provided screenshots of mistakes in code then went through the steps to correct the code and provided screenshots of the process all along the way. This will definitely help people who do not have advanced knowledge of CSS. Troubleshooting is one of the biggest aspects of programming and you protrayed it perfectly here.

There really is nothing I can find wrong with this tutorial..it's clean, concise and to the point and provides plenty of visual cues in case anyone has a problem with the language barrier.

<img src="e.deviantart.com/emoticons/t/t…" width="15" height="15" alt=":thumbsup:" title="Thumbs Up" /> Great work!
Comments have been disabled for this deviation