Shop Mobile More Submit  Join Login
Because there have been some people who asked how to add gallery CSS i made this simple hm... tutorial/walktrough today in between. Hope i didn't miss anything *is a bit hectic*

Tell me if it's usefull or if there is something wrong. Or if there is something else you want to know about gallery CSS stuff.

---

: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]
Add a Comment:
 
:iconmarkuseliance:
This is a comprehensive tutorial that even beginner and intermediate users can find extremely useful, especially in the quest for originality in the sea of default devART pages. It was easy to read, well designed, and just plain helpful. As a user who has been eager to use all the functionality of my premium account, I took to wading through walkthrough after walkthrough; some were good, but not great. ^ginkgografix, however, happens to have filled a void with all her tutorials.

If ever you're lost in the abyss of coding while trying to create that perfect profile/gallery, this is a great place to start.
What do you think?
The Artist thought this was FAIR
56 out of 59 deviants thought this was fair.

:iconabhishekghosh:
This is the best all in one guide to customize own profile and gallery.
Very lucidly written, any one with just a bit knowledge of CSS will be able to customize as nicely possible.

Landing page and Squeeze page has enormous value for increasing the conversion rate. Customization with CSS and Pure graphics can create fantastic Landing Page (Profile Page) and Squeeze Page (Gallery).

Its just your imagination what you can do more, as the artist has covered almost every points needed to create what you want.

Excellent Guide and we should expect more in near future from the artist.
What do you think?
The Artist thought this was FAIR
39 out of 42 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:icon1940s:
1940s Featured By Owner Oct 20, 2014  Hobbyist Digital Artist
How would you do this for the newer version of DA?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Oct 20, 2014
You go to a custom folder and click on "folder option" at the top right. A new window will pop up and there you have a section for the description code (if HTML is needed) and a tab for the CSS code to add.
Reply
:icon1940s:
1940s Featured By Owner Oct 20, 2014  Hobbyist Digital Artist
I am so confues ;;;;;;
Reply
:iconginkgografix:
ginkgografix Featured By Owner Oct 21, 2014
Reply
:iconpmykittykat:
pmykittykat Featured By Owner Apr 7, 2014  Student Digital Artist
where is the edit in the gallery not in the  folders??!!!
Reply
:iconginkgografix:
ginkgografix Featured By Owner Apr 7, 2014
It's not called "Folder Options" and you can only find it in custom gallery folders, NOT the favourites one (the one that is there by default).
Reply
:iconpmykittykat:
pmykittykat Featured By Owner Apr 7, 2014  Student Digital Artist
oh okay...
Reply
:iconserafina-rose:
serafina-rose Featured By Owner Mar 3, 2013  Hobbyist Digital Artist
Thank you so much for your wonderful tutorials.
:iconredsparklesplz::iconredroseplz::iconredsparklesplz:
Reply
:iconserafina-rose:
serafina-rose Featured By Owner Mar 3, 2013  Hobbyist Digital Artist
Thank you so much for your wonderful tutorials.
:iconredsparklesplz::iconredroseplz::iconredsparklesplz:
Reply
:iconcosmicbrambleclaw:
CosmicBrambleclaw Featured By Owner Feb 20, 2013
had to spend hours getting the link for this photobucket background "Heaven" but finally managed to get the 3 I wanted

[link] I edited your text and the colors of the stuff, is it good? ;;
Reply
:iconginkgografix:
ginkgografix Featured By Owner Feb 21, 2013
Photobucket is always a bit confusing. These days i would always recommend Sta.sh, as images will be hosted on dA that way.

Looks ok to me, just the image isn't the best for the background as it repeats with borders and makes it hard to read text on it D:
Reply
:iconcosmicbrambleclaw:
CosmicBrambleclaw Featured By Owner Feb 23, 2013
yeah ^^; I have to work out the borders you had in the programming and fix the text but I'll get it done and hopefully learn something :3
Reply
:iconginkgografix:
ginkgografix Featured By Owner Feb 24, 2013
At #eCSSited there are tutorials about how to create seamless patterns, maybe take a look at those? Not sure which program you use, but you should be able to get it done with any.
Reply
:iconcosmicbrambleclaw:
CosmicBrambleclaw Featured By Owner Apr 5, 2013
thanks :3
Reply
:iconjonuriah:
JonUriah Featured By Owner Feb 4, 2013  Professional Photographer
I tried using it. I think I did it right? Thanks though. ^^
Reply
:iconginkgografix:
ginkgografix Featured By Owner Feb 4, 2013
Um, no idea if you did right or not :B
But unless you have some backgrounds and fancy colors in your gallery, you might have been successfull :aww:
Reply
:iconkaye-chieel:
Kaye-ChieeL Featured By Owner Jan 25, 2013  Student Digital Artist
Why is it that there is no Download on my gallery ?? :( CAN YOU HELP ME ??? :(
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jan 26, 2013
Not sure what you mean with "no Download on my gallery" :o
Reply
:iconkaye-chieel:
Kaye-ChieeL Featured By Owner Jan 26, 2013  Student Digital Artist
:( I have no .. The download thing there..
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jan 26, 2013
If there is no download button for a skin deviation, it is not available for the public, but only a design.
Otherwise i still don't know what you mean.
Reply
:iconkaye-chieel:
Kaye-ChieeL Featured By Owner Jan 26, 2013  Student Digital Artist
Ohh. i see. its okay !! Thank You !! :D
Reply
:iconsingingflames:
SingingFlames Featured By Owner Dec 14, 2012  Hobbyist Writer
Thank you for this! :D
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 14, 2012
My pleasure! :aww:
Reply
:iconcourtney-crowe:
Courtney-Crowe Featured By Owner Nov 26, 2012  Professional Digital Artist
so very helpful, thanks for posting this! :D
Reply
:iconginkgografix:
ginkgografix Featured By Owner Nov 27, 2012
My pleasure :aww:
Reply
:iconrurutia8:
Rurutia8 Featured By Owner Jun 7, 2012  Hobbyist Digital Artist
will this work only on subfolders or will it work on the main gallery?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jun 7, 2012
Only for subfolders.
Reply
:iconrurutia8:
Rurutia8 Featured By Owner Jun 7, 2012  Hobbyist Digital Artist
oh ok thank u
Reply
:iconspudfuzz:
Spudfuzz Featured By Owner May 6, 2012  Hobbyist Digital Artist
Hello, I read through this tutorial and followed the instructions. I uploaded the images, replaced them in the description and try to edit the CSS on the folder gallery, it's just that keeps telling me there is a style block missing and I'm not sure why. I am a bit confused. ^^;
Reply
:iconginkgografix:
ginkgografix Featured By Owner May 6, 2012
You need to tell me what skin you are using or send me the code you have used. Otherwise this is too vague to give you any kind of help.
Reply
:iconspudfuzz:
Spudfuzz Featured By Owner May 6, 2012  Hobbyist Digital Artist
Oh sorry. :saddummy:

It was just this one. I uploaded the images to photobucket and put the URLs in the code where it said to, it's just that it keeps giving me a "missing style block" error. ^^;
[link]
Reply
:iconginkgografix:
ginkgografix Featured By Owner May 7, 2012
I get that error if i add
<div class="content">...
< /div><img class="sideb" src="[link]" />


to the CSS code section. Are you doing that? If yes, it should go to the description area(where you write down your usual text, the first tab). If not maybe send me the code you have added to that CSS section. Than i should be able to tell you what exactly is wrong :nod:
Reply
:iconspudfuzz:
Spudfuzz Featured By Owner May 7, 2012  Hobbyist Digital Artist
Oh god I'm so sorry, I didn't notice the "Gallery description" and "Gallery CSS" title so I was putting the description in the CSS. :iconderpplz:

I got it to work with your help though thanks. :XD:
Reply
:iconginkgografix:
ginkgografix Featured By Owner May 8, 2012
It's ok. Can happen :giggle:
Reply
:iconjoey3100:
Joey3100 Featured By Owner Apr 26, 2012  Student General Artist
It won't let me download it, instead the picture just comes up.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Apr 26, 2012
It's an interactive Flash file. You have to click on the links within the file to read the tutorial.
Reply
:iconjoey3100:
Joey3100 Featured By Owner Apr 27, 2012  Student General Artist
?
Reply
:iconkarambolera:
karambolera Featured By Owner Feb 13, 2012
Please help me, i can't see the rest of the codes T_T
Reply
:iconginkgografix:
ginkgografix Featured By Owner Feb 14, 2012
What do you mean with rest of the codes? This is just a tutorial, not a skin to be used.
The gallery skin can be found in my gallery though.
Reply
:iconkarambolera:
karambolera Featured By Owner Feb 14, 2012
yeah, but I thought that I will be able to see all the codes from the css section n.n' but thank you.
:)
Reply
:iconshinkan-seto:
Shinkan-Seto Featured By Owner Jul 23, 2011  Hobbyist Artisan Crafter
hi there~
i followed every of your steps~ (i wanted to install your pink passion gallery css)
now it says 'missing: style block'
What the hell?
would you please help me?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jul 23, 2011
Von so einem Fehler hab ich noch nie gehört :o

Kannst du mir mal per Note den Code schicken wie du ihn verwendet hast?
Reply
:iconiamtamashii:
iAmTamashii Featured By Owner Dec 30, 2011
Well I've gotten the thing that I want as the CSS into it's own folder but how do I get the css code for when I get to the CSS part and I've clicked 'Add css'?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 31, 2011
You either have to write it on your own, there are plenty of tutorials over at #eCSSited or you look for a premade template that you can find in the deviantART related gallery under "Skins & Scripts".
Reply
:iconiamtamashii:
iAmTamashii Featured By Owner Dec 31, 2011
Ah Okay.Thank you.
Reply
:iconshinkan-seto:
Shinkan-Seto Featured By Owner Jul 23, 2011  Hobbyist Artisan Crafter
uiiiii
danke fuer die schnelle antwort o.o
meinst du alles, was ich eingefuegt hab?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jul 23, 2011
Ja, dann kann ich gucken ob da irgendwo vllt ein Fehler ist bzw die Fehlermeldung evtl re-produzieren :nod:
Reply
:iconshinkan-seto:
Shinkan-Seto Featured By Owner Jul 23, 2011  Hobbyist Artisan Crafter
T___T oki~ hab's dir geschickt~ danke schon mal im voraus~
Reply
Add a Comment:
 
×
Download SWF download, 191 KB




Details

Submitted on
February 21, 2008
Image Size
191 KB
Resolution
600×640
Thumb

Stats

Views
29,696 (4 today)
Favourites
598 (who?)
Comments
211
Downloads
1,153
×