HOME | DD

GinkgoWerkstatt — .:CSS Guideline

Published: 2007-08-28 09:05:35 +0000 UTC; Views: 41559; Favourites: 744; Downloads: 5403
Redirect to original
Description Click download to read!

Update: 07.12.2008
- layout revised
- revising of all texts and a bit of the general structure
- added Firefox vs Internet Explorer
- added Float vs Positions
- added Margin vs Padding
- added Abbroviations
- added top links


Update: 26.05.2008
- zip file for download


Update:25. 12.2007
- new layout
- anchors added
- added image to New lines, Instructions; extended Images (Basic Hints)
- added Sidebar, Variable Boxes with Graphical Borders (Snippets)
- added Wrong image size, Boxes acting weird (Problems)

----

Thanks to my lovely beta-reader and bug finder!

Feedback as always appreciated!
Have problems and they are not listed or could not be solved with this? Note me!

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]
Related content
Comments: 190

xLindzKissesx In reply to ??? [2008-07-01 02:02:32 +0000 UTC]

The ".:CSS Guidline" link doesn't work

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to xLindzKissesx [2008-07-01 14:18:43 +0000 UTC]

I removed the online version. You have to download the zip-file to read it

👍: 0 ⏩: 0

Cheng9999 In reply to ??? [2008-06-17 14:44:24 +0000 UTC]

GREAT! AWESOME!
Oh, thank you SO much for spending a lot of time to make this. I think almost everything I wanted to know is here ("i think" because I just took a look at it and did not tested yet).

Thanks, thanks, thanks, many thanks.

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Cheng9999 [2008-06-17 16:11:45 +0000 UTC]


If there is something missing, let me know. Maybe i could add it on any update later.

👍: 0 ⏩: 1

Cheng9999 In reply to GinkgoWerkstatt [2008-06-18 13:04:58 +0000 UTC]

Ok!

👍: 0 ⏩: 0

aynessa In reply to ??? [2008-06-09 03:00:22 +0000 UTC]

A must-have for any subscriber noob (like me lol). Thank you!

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to aynessa [2008-06-09 15:45:21 +0000 UTC]

haha, hope it helps

👍: 0 ⏩: 0

znow-white In reply to ??? [2008-05-27 20:14:58 +0000 UTC]

Shall read this

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to znow-white [2008-05-28 07:22:49 +0000 UTC]

Yes

👍: 0 ⏩: 1

znow-white In reply to GinkgoWerkstatt [2008-05-28 17:04:42 +0000 UTC]

👍: 0 ⏩: 0

0Hamster0 In reply to ??? [2008-05-27 13:46:48 +0000 UTC]

I should have plenty of free time after 19 June; I'll try to make a CSS using your tutorials then.

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to 0Hamster0 [2008-05-27 15:28:32 +0000 UTC]


Sounds good! And i hope i get to see the result

👍: 0 ⏩: 0

RenaInnocenti In reply to ??? [2008-04-11 20:59:27 +0000 UTC]

thanksthanks

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to RenaInnocenti [2008-04-12 12:35:59 +0000 UTC]

Welcome

👍: 0 ⏩: 0

Fractal-Impact In reply to ??? [2008-04-09 04:08:51 +0000 UTC]

very nice work, thanks a lot

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Fractal-Impact [2008-04-09 07:29:54 +0000 UTC]

Welcome and thank you too

👍: 0 ⏩: 0

Coby17 In reply to ??? [2008-04-06 22:29:20 +0000 UTC]

waooo you are great!!, many thanks

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Coby17 [2008-04-07 07:17:24 +0000 UTC]

Thanks, it's my pleasure to share the "secrets"

👍: 0 ⏩: 0

ImagesOfJenius In reply to ??? [2008-03-28 03:29:17 +0000 UTC]

You did a great job with this!

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to ImagesOfJenius [2008-03-28 10:34:31 +0000 UTC]

Thanks a lot

👍: 0 ⏩: 0

Uli-bear [2008-03-14 21:51:27 +0000 UTC]

This is awesome! I know some CSS, but not to this extent. Great job!

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Uli-bear [2008-03-15 07:32:37 +0000 UTC]

Thank you
The more you work with CSS the more you'll learn. It's as always just a matter of practise

👍: 0 ⏩: 0

Serien In reply to ??? [2008-02-14 03:58:07 +0000 UTC]

haha, I will definitally use this one!! I cannot download templates, and therefore must make my own... this will really help!!!

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Serien [2008-02-14 11:26:08 +0000 UTC]

I hope so

👍: 0 ⏩: 0

im1happy In reply to ??? [2008-02-08 01:05:33 +0000 UTC]

You have been featured

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to im1happy [2008-02-08 09:24:27 +0000 UTC]

Oh

Thank you

👍: 0 ⏩: 1

im1happy In reply to GinkgoWerkstatt [2008-02-08 09:59:38 +0000 UTC]

Your welcome

👍: 0 ⏩: 0

AMG123 In reply to ??? [2008-02-06 14:54:13 +0000 UTC]

this came in real handy, thankyou

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to AMG123 [2008-02-06 20:03:49 +0000 UTC]

👍: 0 ⏩: 0

FloraLuna In reply to ??? [2008-02-06 12:35:16 +0000 UTC]

It is really very helpful for a lot of people, thanks for the time you took to help us

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to FloraLuna [2008-02-07 09:01:22 +0000 UTC]

My pleasure. I know how lost you can be if you're not able to understand small snippets of code and can't find anything helpful

👍: 0 ⏩: 0

KarenFiore In reply to ??? [2008-01-28 00:47:48 +0000 UTC]

I would love to try this...but I am hopeless with this kind of thing...is it that hard and should I give it a shot...I would love to just have a black background...not much more...maybe something at the top...how difficult is that...I am a total illiterate with this stuff...Help if you can...even if to tell me not to try it...

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to KarenFiore [2008-01-28 10:53:17 +0000 UTC]

If you only want to change the background color you don't have to do much.

You need to add the following to your CSS box:

.journalbox{background-color: #000000;}
.journaltop{background: transparent;}
.f{background: transparent;}

And perhabs you should add a font color. because i think the premade one from dA won't b easy to read.
There for use .journalbox{background-color: #000000; color: #ffffff!important;} instead of the first .journalbox version.
color: ...; is for the font-color

To use a background image at the top additional it would be
.journaltop{
background-color: #000000;
background-image: url(...) no-repeat top left; <- for the ... add the path of the image
color: #ffffff;}

👍: 0 ⏩: 1

KarenFiore In reply to GinkgoWerkstatt [2008-01-28 11:50:24 +0000 UTC]

So I open the CSS box at the bottom and then type in the code you provided...and the font color and if I screw up can I delete it...I will give it a try soon...and save this info...a bit like algebra....

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to KarenFiore [2008-01-28 22:29:26 +0000 UTC]

Yes

If you only want some color changes for your journals, you can write me a note and i'll write you the complete code. Just in case you don't know what to do.

👍: 0 ⏩: 1

KarenFiore In reply to GinkgoWerkstatt [2008-01-29 00:28:34 +0000 UTC]

That is all I want...a simple black background with I think that the features I do would look better on one...or do you have any suggestions than just black...as long as it is classy and simplistic...I want the art to stand out...not the background...something that shows it off to its full potential...thank you for your help and for writing back to me...K

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to KarenFiore [2008-01-30 13:20:34 +0000 UTC]

I think black is the best to show images. Looks better imo

Will write you a note with the code.

👍: 0 ⏩: 1

KarenFiore In reply to GinkgoWerkstatt [2008-01-30 14:10:18 +0000 UTC]

thank you very much I appreciate it...'s

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to KarenFiore [2008-01-31 10:28:38 +0000 UTC]

Note is on it's way

👍: 0 ⏩: 1

KarenFiore In reply to GinkgoWerkstatt [2008-01-31 17:22:06 +0000 UTC]

Thank you I have it...and I shall try it...in a few days...

👍: 0 ⏩: 0

brokenwings-roses In reply to ??? [2008-01-01 02:24:33 +0000 UTC]

I would sooooo totally appreciate this, because I know nothing about these things!!!

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to brokenwings-roses [2008-01-01 11:51:28 +0000 UTC]

Thanks

If you have suggestions to improve or don't understand something let me know. Would help to make the guideline better.

👍: 0 ⏩: 0

Mystik-Rider In reply to ??? [2007-12-26 05:15:43 +0000 UTC]

wow! this will be so helpful! thank you so much

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Mystik-Rider [2007-12-26 08:45:55 +0000 UTC]

My pleasure

👍: 0 ⏩: 0

nazerry [2007-12-25 12:34:10 +0000 UTC]

it's great! one of the most complete CSS guide in DA! What i mean complete is with all the explanations and images as reference! It deserve a DD and ! thank you for such commitment!

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to nazerry [2007-12-25 14:06:05 +0000 UTC]

Oh thanks, for your kind words

I'm already working on an update for the guideline Will be released soon

👍: 0 ⏩: 0

crazykira [2007-12-24 11:53:32 +0000 UTC]

Hi ,you've been featured in this news article
https://news.deviantart.com/article/39459/

thanks a lot for sharing

👍: 0 ⏩: 0

Sarnika In reply to ??? [2007-12-18 16:20:02 +0000 UTC]

awesome

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Sarnika [2007-12-18 16:46:13 +0000 UTC]

Thank you

👍: 0 ⏩: 1

Sarnika In reply to GinkgoWerkstatt [2007-12-19 04:02:06 +0000 UTC]

Thank you for these tips!

👍: 0 ⏩: 1


<= Prev | | Next =>