HOME | DD

GinkgoWerkstatt โ€” .:Adding Gallery CSS II

Published: 2009-11-28 15:08:10 +0000 UTC; Views: 9011; Favourites: 106; Downloads: 268
Redirect to original
Description I got asked to make a video tutorial about gallery CSS and how to add them. Hopefully this is helpful.

Like the last time no voice, but i added some foot notes.

This example if to the uploading process via FTP, but basically the steps are all the same, even if you use photobucket. There you just do everything within the website and not with additional programms.

---

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

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

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


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


My video tutorials
Changing sidebar settings [link]
Adding Gallery CSS II [link]
Change Deviation Category [link]
Related content
Comments: 65

GinkgoWerkstatt In reply to ??? [2013-03-24 08:47:34 +0000 UTC]

It looks confusing, but it's not that bad. It just needs a bit of time and patience.

Is there any skin you want to add to your gallery already? Maybe i can help you a bit, to make it easier for you.

๐Ÿ‘: 0 โฉ: 1

ZokArt1 In reply to GinkgoWerkstatt [2013-03-24 11:00:28 +0000 UTC]

I'll leave it for now. But when I do I will definitely note you. Thank you so much for your offer of help.

๐Ÿ‘: 0 โฉ: 0

K0MPY [2012-12-26 22:39:51 +0000 UTC]

Where's the edit button..? ;;

I dont have one...

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to K0MPY [2012-12-27 07:47:15 +0000 UTC]

At the top right of every custom gallery folders. But it's now called "Folder Options".

๐Ÿ‘: 0 โฉ: 1

K0MPY In reply to GinkgoWerkstatt [2012-12-27 15:30:34 +0000 UTC]

When I click that, it says "Display, Arrange, Icon, CSS"

So I click CSS right?

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to K0MPY [2012-12-27 19:50:07 +0000 UTC]

Yes

๐Ÿ‘: 0 โฉ: 1

K0MPY In reply to GinkgoWerkstatt [2012-12-27 20:00:41 +0000 UTC]

Well, now everytime I put a code, it keeps saying: "The css provided was invalid. (Array)"

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to K0MPY [2012-12-27 20:11:27 +0000 UTC]

What code are you using? One of mine or from someone else?

๐Ÿ‘: 0 โฉ: 1

K0MPY In reply to GinkgoWerkstatt [2012-12-27 20:17:45 +0000 UTC]

this one [link]

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to K0MPY [2012-12-27 20:23:13 +0000 UTC]

As this is created by someone else, it's always the best to contact that deviant directly. Especially if there is a bug or something not working right.
They can work on a fix then, so that others don't have the same trouble in the future.

One thing you could check on your own first, would be if all image paths are right and nothing like [link] can be found in the CSS section. If that is there, that is causing the problem and should be an image URL instead.

๐Ÿ‘: 0 โฉ: 2

ScereyahaDreamweaver In reply to GinkgoWerkstatt [2014-08-02 00:25:08 +0000 UTC]

I'm coding my own css, and suddenly keep getting the same error. I have not been able to identify what is causing this error. There doesn't seem to be a single symbol out of place. Some hint as to what the error means would be really helpful. Also, they seem to have changed how the side-bar in the gallery works, because my old css broke while I wasn't looking, and the new one is making it impossible to have the "bar" (description) down the side, instead of across the top under the title. Do you know anything about this change?

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to ScereyahaDreamweaver [2014-08-02 06:01:09 +0000 UTC]

Can't tell you that, as i don't know to what it refers. It's a rather general error message.

The description was adjusted a while ago already. You can read about how to fix it here fav.me/d6ymrsz

๐Ÿ‘: 0 โฉ: 1

ScereyahaDreamweaver In reply to GinkgoWerkstatt [2014-08-02 06:30:15 +0000 UTC]

Thanks. Actually I kind of figure out it was just a general error message (which happens as easily as typing "colour" or "centre" just once, on account of being Canadian), but thank you for getting to me.

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to ScereyahaDreamweaver [2014-08-02 06:59:57 +0000 UTC]

For journals you get more specific error messages, but not for galleries. Which can be slightly annoying.

๐Ÿ‘: 0 โฉ: 1

ScereyahaDreamweaver In reply to GinkgoWerkstatt [2014-08-02 10:11:17 +0000 UTC]

Definitely, and it makes me wonder how they can manage one and not the other. The more we ask for customization, the more they sigh and say "fine, but we aren't going to make it easy." Thanks again.

๐Ÿ‘: 0 โฉ: 0

K0MPY In reply to GinkgoWerkstatt [2012-12-27 20:24:46 +0000 UTC]

Okay. ^^

Oh, do you have any CSS I can use? c:

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to K0MPY [2012-12-27 20:30:11 +0000 UTC]

There are a few gallery skins in my gallery
Some gallery CSS come together with a journal skin as a pack, others are submitted as single deviations.

๐Ÿ‘: 0 โฉ: 0

Wh0reycactus [2012-11-16 20:49:12 +0000 UTC]

whats an ftp usage?

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to Wh0reycactus [2012-11-17 07:30:24 +0000 UTC]

FTP is a protocoll that allows you to host content on a webspace. It gives you direct access to the server you have rented space on.
To host images for gallery skins you could use Sta.sh on dA as well.

๐Ÿ‘: 0 โฉ: 0

retr0synthgiaX [2012-11-10 11:22:33 +0000 UTC]

It's not working... how do ya open this?! 0:36
I don't get it. =T
--
Lol I'm crazy!!
โ™ฅแƒฆโ€ข. Music I love .โ€ขแƒฆโ™ฅ
Willow Smith - 21st Century Girl
She - Atomic
The Prodigy - Voodoo People Pendulum Remix
Knife Party - 'Bonfire'
MitiS - Born
Nightcore - Fly Fly Butterfly
Pendulum - Crush
Merchant Prince-Two steps from hell

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to retr0synthgiaX [2012-11-10 15:26:45 +0000 UTC]

What do you mean with open? The video? If it doesn't show up you should try to refresh the page.

๐Ÿ‘: 0 โฉ: 1

retr0synthgiaX In reply to GinkgoWerkstatt [2012-11-10 16:33:09 +0000 UTC]

no I mean that in time 0:36 in that video
--
Lol I'm crazy!!
โ™ฅแƒฆโ€ข. Music I love .โ€ขแƒฆโ™ฅ
Willow Smith - 21st Century Girl
She - Atomic
The Prodigy - Voodoo People Pendulum Remix
Knife Party - 'Bonfire'
MitiS - Born
Nightcore - Fly Fly Butterfly
Pendulum - Crush
Merchant Prince-Two steps from hell

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to retr0synthgiaX [2012-11-10 16:49:40 +0000 UTC]

You need to upload the images for a gallery skin somewhere(photobucket, dA etc). The image can be reached via an unique URL then (the thing that starts with http...). And that URL is need to be added to the gallery code.

๐Ÿ‘: 0 โฉ: 1

retr0synthgiaX In reply to GinkgoWerkstatt [2012-11-10 17:03:14 +0000 UTC]

Oki~
--
Lol I'm crazy!!
โ™ฅแƒฆโ€ข. Music I love .โ€ขแƒฆโ™ฅ
Willow Smith - 21st Century Girl
She - Atomic
The Prodigy - Voodoo People Pendulum Remix
Knife Party - 'Bonfire'
MitiS - Born
Nightcore - Fly Fly Butterfly
Pendulum - Crush
Merchant Prince-Two steps from hell

๐Ÿ‘: 0 โฉ: 0

BrokenWindUpDoll [2012-10-29 02:46:55 +0000 UTC]

So helpful! Thanks!

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to BrokenWindUpDoll [2012-10-29 15:38:11 +0000 UTC]

๐Ÿ‘: 0 โฉ: 0

Alwa3d [2012-02-26 11:04:27 +0000 UTC]

Dear
When finished the background How do I get css code and what is the size of the background that I design Photoshop I know my questions are many but I really learn

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to Alwa3d [2012-02-26 11:15:51 +0000 UTC]

The CSS code is a combination of different characteristics. There is a gallery structure guidline in my gallery that tells you the class names that are available.
Bascially you need to add the background property to body and add the image url there. It would look like this then
body(background: url(YOURIMAGEPATH); )

The size of a gallery will depend on the size of the screen and the resolution. So there is not that _one_ size you can always use. If you have a pattern just let it repeat and it will fill the background on its own. If you have one single image it is the best to let it fade into one solid background color you could add additionally via CSS. Then it won't matter how big/small a screen and the resolution is. The code would look like this then:
body{background: url(YOURIMAGEPATH) no-repeat #COLORCODE;}

The bold values need to be replaces.

๐Ÿ‘: 0 โฉ: 1

Alwa3d In reply to GinkgoWerkstatt [2012-02-26 12:22:14 +0000 UTC]

Thy works wonderful and I will try to learn a lot from you I will read carefully what you write then I will return to tell you what happened to me^^

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to Alwa3d [2012-02-26 14:43:14 +0000 UTC]

Good luck with learning

๐Ÿ‘: 0 โฉ: 1

Alwa3d In reply to GinkgoWerkstatt [2012-02-27 12:24:26 +0000 UTC]

๐Ÿ‘: 0 โฉ: 0

Ikarose-chan [2012-01-28 02:22:16 +0000 UTC]

this is really cool but too bad i still don't really get it...idk what should i type in

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to Ikarose-chan [2012-01-28 10:32:02 +0000 UTC]

CSS code, either from premade templates or one that you write on your own. Still you would need a Premium Membership first, otherwise you can't apply CSS to galleries.

๐Ÿ‘: 0 โฉ: 1

Ikarose-chan In reply to GinkgoWerkstatt [2012-01-28 15:19:13 +0000 UTC]

ah ok thanks ^^

๐Ÿ‘: 0 โฉ: 0

ExquisiteIllusions [2011-10-23 03:21:32 +0000 UTC]

whoooaa...what is this? this is weird deviation view...
0______0

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to ExquisiteIllusions [2011-10-23 06:41:14 +0000 UTC]

It's a normal video submission. Why weird view?

๐Ÿ‘: 0 โฉ: 1

ExquisiteIllusions In reply to GinkgoWerkstatt [2011-11-03 03:51:22 +0000 UTC]

hmm,i've never noticed the different page format i guess

๐Ÿ‘: 0 โฉ: 0

FantasyStock [2011-05-13 13:59:01 +0000 UTC]

This video resource has been featured here: [link]

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to FantasyStock [2011-05-13 14:29:37 +0000 UTC]

Thank you!

๐Ÿ‘: 0 โฉ: 1

FantasyStock In reply to GinkgoWerkstatt [2011-05-17 11:22:17 +0000 UTC]

You're welcome!

๐Ÿ‘: 0 โฉ: 0

0Guardian0 [2010-06-15 22:08:26 +0000 UTC]

Excuseme... where can I get those code?

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to 0Guardian0 [2010-06-16 13:53:42 +0000 UTC]

Either you have to write them on your own or you need to use premade gallery template.
If you want to use the one of this tutorial, click this: [link]

๐Ÿ‘: 0 โฉ: 1

0Guardian0 In reply to GinkgoWerkstatt [2010-06-16 20:15:16 +0000 UTC]

Ok; thanks a lot girl, really youยดve impressed me.

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to 0Guardian0 [2010-06-16 20:31:57 +0000 UTC]

lol, why?

๐Ÿ‘: 0 โฉ: 1

0Guardian0 In reply to GinkgoWerkstatt [2010-06-16 21:55:46 +0000 UTC]

Cause Iยดm studying Interactive Design and CSS language is part of my career.

And you make wonderful things with it.

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to 0Guardian0 [2010-06-17 09:16:12 +0000 UTC]

Ah ok, thanks!

๐Ÿ‘: 0 โฉ: 1

0Guardian0 In reply to GinkgoWerkstatt [2010-06-17 09:20:37 +0000 UTC]

Forgive my horrible english please.

๐Ÿ‘: 0 โฉ: 1

GinkgoWerkstatt In reply to 0Guardian0 [2010-06-17 11:50:27 +0000 UTC]

As long as i can understand everything, it's all fine

๐Ÿ‘: 0 โฉ: 1

0Guardian0 In reply to GinkgoWerkstatt [2010-06-17 12:24:18 +0000 UTC]

^^

๐Ÿ‘: 0 โฉ: 0

0Guardian0 [2010-06-15 07:02:07 +0000 UTC]

OMG you are a CSS goodness

๐Ÿ‘: 0 โฉ: 1


| Next =>