deviant art





Login
Join deviantART for FREE Take the Tour Lost Password?
Deviant Login
Shop
 Join deviantART for FREE Take the Tour
[x]

More from =kuschelirmel-stock

Featured in Groups:

Details

November 10, 2006
1.1 MB
800×4250
Link
Thumb

Statistics

Comments: 180
Favourites: 935 [who?]
Views: 28,489 (0 today)
Downloads: 105 (0 today)
[x]
:iconkuschelirmel-stock:
Part 2 of 2 - the corresponding template can be found here [link]

This tutorial deals with custom divs: how to set them up, what can be used, what code is needed in the journal etc.

You might want to read Journal CSS Part 1 first:
it deals with the process of designing a CSS journal and of how to get the basics coded.

If you have no idea what CSS is, I suggest you read up on the basics before tackling this tutorial.
In here, I just assume you know what a div is...

EDIT: To make the right colum work properly in IE as well, add position:relative; to the div called .right - I'll update the file to reflect this asap!

Also try these links:
^thespook is compiling a CSS guide (I'll link it here when it's finished), he also has a nifty Journal structur reference in his gallery.
If you speak German (or French), you can try selfHTML.org - it's not only great for learning HTML, CSS, Javascript,... but also offers quick references on the code you can use.
^zilla774wrote a news article Journal CSS Resources which has some more links to things you might find useful.
And last but not least, the link to the Lorem Ipsum Generator which also explains where that text comes from.
:icon:
Add a Comment:
 
:iconconversewearingjedi:
*conversewearingjedi Jan 31, 2011  Hobbyist General Artist
another great easy to understand tutorial! Thank you so much!
Reply
:iconkneelingglory:
I used your awesome tutorial (part 1 and part 2) to make the CSS for my new group: [link] thanks!! :heart:

--
Only stupid people think they are wise.
Amazing avatar by ~Anji-was-here

*DailyLitDeviations | #Critique-It | #Xpose-it | #themissingslate
Reply
:iconkuschelirmel-stock:
it looks great! I'm glad I could help! :hug:

--
^kuschelirmel's stock account.

:pointr: If you're a stocker/manipper, too, I'd love to trade some exclusive stock with you :love:
Reply
:iconkellalizard:
=Kellalizard Nov 24, 2010  Hobbyist General Artist
Hmm I'm stuck on one thing. Links don't seem to work in my journal, why is that?

--
I do cheap point commissions & I've had many happy customers!
Come send me a note! ;P
xxx
Reply
:iconbenihme-chan:
thanks so much for this and part 1 :)
Reply
:iconmaniacalartist:
*ManiacalArtist Oct 19, 2010  Hobbyist Digital Artist
Oh, by the way, can you give text borders? D:

--
Don't hug me I'm scared
-------
You should check these---->[link]
Reply
:iconmaniacalartist:
*ManiacalArtist Oct 19, 2010  Hobbyist Digital Artist
YOU ARE A WONDERFUL PERSON FOR MAKING THIS!!!!
If I was ever even a tiny bit interested in having a child, I would name them after you. :iconwthplz:

I will post my outcome later. : D

--
Don't hug me I'm scared
-------
You should check these---->[link]
Reply
:iconftamy-bent-hassan:
Thankx a lot


=D

--
----------------------------------
Don't use my photos without my Positions
LOVE
U
MY
FRIENDS

=D

----------------------------------
Reply
:iconjese-mx:
~jese-mx Jun 20, 2010  Hobbyist Digital Artist
thanks for this tutorial.
It has helped me a lot.

I translate into Spanish
Do you agree?
(I will put the respective Copyright)

--
**not English, use Google translator.**
Reply
:iconkuschelirmel-stock:
I do not want my tutorials translated into languages I do not understand because I cannot garantuee they've been translated correctly. So the answer is no, sorry.

--
^kuschelirmel's stock account.

:pointr: If you're a stocker/manipper, too, I'd love to trade some exclusive stock with you :love:
Reply
:icon:
Add a Comment: