Shop Mobile More Submit  Join Login
.:Walkthrough Pink Border by ginkgografix .:Walkthrough Pink Border by ginkgografix
Woohooo, here it is: my first walkthrough about CSS journals! :faint:

The zip file is about 4,3MB big, so might take a while.
I've added:
- the walkthrough pdf (21 pages!)
- both psd files
- the basic css file
- the original sized screenshots

Hope that this will help to understand the making of journal CSS a bit more. But like mentioned in the walkthrough: it's my way and others might work different. It just should give you a feeling of what needs to be done.

I have to thank my beta readers, who took the time to hunt down my grammar/english mistakes and gave me hints where i should add some more stuff.
A big thanks to !violentsamurai, ~Espiroth, =blissart, and `bluem00n :hug:

The Pink Border template can be found here: [link]

---

: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:
 

Daily Deviation

Given 2008-04-15
.:Walkthrough Pink Border by *ginkgografix is a wonderful tutorial, full of little tips and tricks to both novices and advanced css coders. It's comprehensive, to the point and well written. ( Suggested by bluem00n and Featured by znow-white )

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconapio:
Apio Featured By Owner Dec 21, 2013
 good work!!
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 21, 2013
Thanks!
Reply
:iconastrikos:
Astrikos Featured By Owner Nov 19, 2012   General Artist
Very deep and amazing. :la: :hug:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Nov 20, 2012
Good to know :D
Reply
:iconastrikos:
Astrikos Featured By Owner Nov 20, 2012   General Artist
:la: :glomp:
Reply
:iconsylvaur:
Sylvaur Featured By Owner Aug 24, 2012  Hobbyist Digital Artist
That is really helpful, congratulations, by the way, but, *sigh*... I have a problem. The previous entries link just... disappeared. It's not visible...any chance that I can fix it? I know, I described the problem really badly, but there's nothing more to say! It's just not visible...
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 24, 2012
The new journals don't have that anymore. It's only in the preview these days, but not at the actual journal. So it's nothing you did wrong.
Reply
:iconsylvaur:
Sylvaur Featured By Owner Aug 24, 2012  Hobbyist Digital Artist
Ooh, thank you.^^
Reply
:iconthe-golden-princess:
The-Golden-Princess Featured By Owner Jun 5, 2011  Hobbyist Photographer
I'm really can't stop faving ur works :clap: :clap: :clap: :clap:


thanx alot dear for sharing :iconcocoloveplz:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jun 5, 2011
Good to know, that you find so many useful things here :aww:
Reply
:iconthe-golden-princess:
The-Golden-Princess Featured By Owner Jun 5, 2011  Hobbyist Photographer
yep yep :huggle:
Reply
:iconbenihimecosplay:
benihimecosplay Featured By Owner May 18, 2011  Hobbyist Artisan Crafter
this might help me make my custom journal! thank you :)
Reply
:iconginkgografix:
ginkgografix Featured By Owner May 18, 2011
Hopefully! :aww:
Reply
:iconslayerxiena:
SlayerXiena Featured By Owner Mar 29, 2011  Professional General Artist
I downloaded and went to open but All I got was a zip in a zip in a zip. I clicked each zip at 10 I stopped, why is there only a zip in a zip?
Reply
:iconginkgografix:
ginkgografix Featured By Owner Mar 29, 2011
The download works just fine for me, did you try to download it again. There is not even a single zip-file in my zip-file. So must be a bug on your side.
Reply
:iconslayerxiena:
SlayerXiena Featured By Owner Mar 29, 2011  Professional General Artist
... Ok I'm going to take that as nice as possible cause I'm even trying it on my pc and its got the same as the mac, zip in a zip in a zip...

but hey maybe it is trying to tell me I should stop trying to learn everything
Reply
:iconginkgografix:
ginkgografix Featured By Owner Mar 29, 2011
I have no idea what is wrong or why it doesn't work for you. You are the first person that has such problems since this got uploaded. So it worked nearly 2000 times without having experienced something similar.

What program(s) do you use to unzip the file?
Reply
:iconslayerxiena:
SlayerXiena Featured By Owner Mar 29, 2011  Professional General Artist
Default of what the zip has and if its not word it opens using TextEdit

[link] <-- My proof in case you were wondering. (I'll get my PC screen shot too if you want)

And Like you said it might be a bug, but I think it worked for you cause you have the file on you computer and or in your trash for it to be brought up.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Mar 29, 2011
Inside of the zip there are only .txt, .psd and .jpg files. Nothing else and i downloaded the file from dA, not the one from my computer. And it's not in my trash or anywhere else either, because the file is from 2008 and i haven't touched it for more than a year anyway.

The only thing i could offer you is to upload the files to my webspace temporarily, so that you could download them from there, without being zipped.
Reply
:iconslayerxiena:
SlayerXiena Featured By Owner Mar 29, 2011  Professional General Artist
That's a kind thought or here
blackvamp_slayer89@yahoo.com
Cause I got to go for a bit
Reply
:iconginkgografix:
ginkgografix Featured By Owner Mar 29, 2011
It's on its way to you.
Reply
(1 Reply)
:iconlajeunefillenesait:
LaJeuneFilleNeSait Featured By Owner Sep 13, 2009
I love your tutorials! :XD: They're so easy to follow! :D

But I have a question: How do you add image-bullets? I've made a crescent moon that I want to use as a bullet (like next to "Watch Me", "My Gallery", and "Note Me"). Do I do it the same way as in your image paths tutorial?

Oh, that reminds me, in your image paths tutorial, you said something about opening up the CSS....I've started on mine, but it's a .txt file...it isn't a CSS...I'm just really confused about that...^^;
Reply
:iconginkgografix:
ginkgografix Featured By Owner Sep 14, 2009
That's great! :thanks:

You can either add them as normal images with <img src="..."></img> directly in the journal entry or you are going to use it as a background images for links :nod:

My CSS code is always saved as .txt file. For dA it doesn't make much difference, because the code will be directly included. For normal websited and if you refer to the CSS code you have to use .css - otherwise the .txt is just an easier way to save and open it. Especially for people who aren't familiar with it :aww:
And you can change the filename extension anytime without problems from one to the other.
Reply
:iconlajeunefillenesait:
LaJeuneFilleNeSait Featured By Owner Sep 14, 2009
Oh, ok! :aww: Thanks for clearing that up for me! :D I've gotten really interested in this and I want to learn more about it. :D I found a couple of websites that seem pretty good, so I'll try to use them to learn it. ^^ I think one of them is called "w3schools" or something...I can't remember...^^;
Reply
:iconginkgografix:
ginkgografix Featured By Owner Sep 15, 2009
Yeah, most people refer to that site. I learned from other websites, but they are mainly in german, so that won't help most people :lol:

But there is also a list at *eCSSited. Maybe take a look at that. We tried to put as much good websites together as possible :nod:
Reply
:iconlajeunefillenesait:
LaJeuneFilleNeSait Featured By Owner Sep 15, 2009
:giggle: Ok! Thank you for the help! :giggle:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Sep 16, 2009
:hug:
Reply
:iconporshi:
porshi Featured By Owner Aug 13, 2009
I've downloaded this and I'm currently learning CSS thru online tutorials. I am overwhelmed on all the info of how to do these stuff. Is it ok to note you for help when I make my skin? :D
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 13, 2009
Sure, as long as you don't ask me for complete codings :nod: :aww:

Oh and thanks a lot for the watch :thanks:
Reply
:iconporshi:
porshi Featured By Owner Aug 13, 2009
oh no..I want to really learn so just simple questions perhaps :)

my pleasure :D
Reply
:iconginkgografix:
ginkgografix Featured By Owner Aug 13, 2009
Okies :giggle:
Reply
:iconporshi:
porshi Featured By Owner Aug 13, 2009
thanks in advance :woohoo:
Reply
:iconandreeabindea:
andreeabindea Featured By Owner Apr 9, 2009  Hobbyist Photographer
this one is awesome. do u think i could use it as my journal layout? :D
Reply
:iconginkgografix:
ginkgografix Featured By Owner Apr 10, 2009
Sure, you can find it here: [link] :nod:
Reply
:iconandreeabindea:
andreeabindea Featured By Owner Apr 10, 2009  Hobbyist Photographer
thank you :)
Reply
:iconklr620:
KLR620 Featured By Owner Mar 14, 2009
Thanks for all your work!! AND for sharing it so generously. Kathy
Reply
:iconginkgografix:
ginkgografix Featured By Owner Mar 15, 2009
My pleasure :blowkiss:
Reply
:iconefq:
EFQ Featured By Owner Feb 27, 2009
Add to favorite!!

This Walktrough is very detailed and easy to learn!

Thank you! You are the best :hug:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Feb 28, 2009
Aww, the best? :blushes:

Thanks for your kind words and the fav :cuddle:
Reply
:iconladygrimbones:
LadyGrimbones Featured By Owner Dec 5, 2008
Hey, thanks for this. I am sure it will be worth the download wait because I have already faved a lot of your stuff and really love the way you can make it all look so professional. Good stuff, thanks for sharing :hug:

:-)
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 6, 2008
Hopefully you won't be disapointed :aww:

Thank you too (for your kind words) :thanks: :blowkiss:
Reply
:iconladygrimbones:
LadyGrimbones Featured By Owner Dec 6, 2008
I am not disapointed :-) I browsed through it and though the code made me squint because I am not used to it, I think this is really going to be awesome once I sit down and really read through it. I actually think I understand some of it also :joy:

:-)
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 7, 2008
That's good. Tried to explain everything as simple as possible :nod:
Reply
:iconbarrygreenland:
BarryGreenland Featured By Owner Jun 21, 2008  Hobbyist Photographer
I've downloaded this :D It will be both interesting and informative to see how you create a journal.
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jun 21, 2008
Hopefully :D
Reply
:iconhagrid78:
hagrid78 Featured By Owner May 31, 2008  Hobbyist General Artist
this is such an awesome tutorial....i followed it word for word and still buggered it up :( :(....but it has taught me a lot none the less :giggle:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Jun 1, 2008
Thanks :aww:
Yeah one wrong character and something doesn't work, but good to know that you've learned something.

I saw that you've made two templates with my css code. That's ok, although i prefer to get asked before and a note that you've made some would have been nice too :nod:
Reply
:iconhagrid78:
hagrid78 Featured By Owner Jun 1, 2008  Hobbyist General Artist
my apologies......I have used your templates in the past and link you to them but it must have slipped my mind this time although i have credited you in the comments section....sorry about that :D :D
Reply
:iconchasing-butterflies:
chasing-butterflies Featured By Owner May 6, 2008
Thanks for sharing such a fabulous resource - it's been featured in the article Remarkable Resources - April 2008!

(I know you already saw it lol)
Reply
Add a Comment:
 
×




Details

Submitted on
April 13, 2008
File Size
4.3 MB
Thumb

Stats

Views
20,834
Favourites
382 (who?)
Comments
122
Downloads
2,844
×