Shop Mobile More Submit  Join Login


Submitted on
December 4, 2010
File Size
525 bytes


68 (who?)
.:Code Basics: Table Gallery by ginkgografix .:Code Basics: Table Gallery by ginkgografix
:bulletgreen: You need to have a Premium Account or to be a staff member/volunteer to use this :bulletgreen:

Every now and then it happens that i get asked how to code certain features for journals and similar to that i often see journals where someone struggles with coding from scratch or doesn't exactly know how to do what.
That's why i figured out that it might be helpful to have several very(!) basic code snippets, people can use to get started.

All these code snippets are rather plain code, mostly without any fancy images and much colors. They should just show the start. The possibilities of what can be done with that code are endless.
Also these snippets do not affect the journal in general, they will just add that featured "journal element" and nothing more.

I hope that this will be helpful for some people. To use the code snippets just click install. Everything can be found in the Skin Header or Footer and in the CSS form area.
No additional content code is needed!

Keep in mind that all these code snippets will refer to the gruze-structure, in case special journal classes will be affected by the code.

Have suggestions for more basic codes? Just leave a comment or note me!

:note: This code might seems easy but would be a more advanced one though. A table structure isn't very flexible, so be careful when changing values and properties!

Here are examples by me of two more complex variations:
#resurgere: [link]
`NunoDias [link]

It is recommended that you do NOT use more than three thumbs in a row.

Code Basics:
:bulletgreen: Scrollbox
:bulletgreen: Topmenu
:bulletgreen: Sidebar (floating)
:bulletgreen: Sidebar (absolute)
:bulletgreen: Mood-List (absolute Position, without any background)
:bulletgreen: Topmenu (absolute Position)

:bulletgreen: Credit (absolute Position)

Depending on my time, motivation and how useful this will be for people i might add more advanced code snippets later as well.
Add a Comment:
Amjad-Miandad Featured By Owner Oct 8, 2011  Hobbyist General Artist
nice one
ginkgografix Featured By Owner Oct 9, 2011
Thank you!
morningstarskid Featured By Owner Dec 17, 2010  Professional Artist
Thank You!
ginkgografix Featured By Owner Dec 18, 2010
Hope it helps! :aww:
morningstarskid Featured By Owner Dec 18, 2010  Professional Artist
Awe..Everything that Visually shows how to...Can be deviously learned~:iconbowplz:

Thanks has already!~:sun:
GillianIvy Featured By Owner Dec 8, 2010  Hobbyist General Artist
Okay, I utilized this a bit in my most recent journal in order to achieve my featured thumbs with the correct display styling. I couldn't get inline to work right, but once I put them into your pseudo-table elements, it worked perfectly. Please have a look: [link]

A question did come up with this journal, how do you keep the prevlink when you're in the actual journal page? I want it to stay for my layout: [link]
ginkgografix Featured By Owner Dec 12, 2010
Sorry for late reply, this got buried D:

I don't think that you will be able to keep the prevlink, you just could create one on your own. But the default one will always vanish on the actual journal page. It's some default setting we can't control.
GillianIvy Featured By Owner Dec 12, 2010  Hobbyist General Artist
Which also made me wonder if it was possible to make the title into a link to the actual journal. I'm guessing no for the same reason.

Yay, there is so much snow happening right now!!! I love snow. Not on my birthday, but the day after is good enough for me! ;D
ginkgografix Featured By Owner Dec 16, 2010
No you can't modify the title. It has default settings as well and if you would add any code it won't get parsed. Sadly :B

Our snow was nearly gone, but for today they expecting a little snow storm again :paranoid:
GillianIvy Featured By Owner Dec 4, 2010  Hobbyist General Artist
Wow, the Resurgere journal CSS is gorgeous, that looks like some fantabulous code work. And the thumb design is quite superb. I think i might just have to study this, however, I've always loathed Tables. I always mix up td and tr, which order to write them in or whatever.
Add a Comment: