Daily Deviation
harleshinn's avatar
Useful tips 4 coding journals
By harleshinn   |   Watch
1K 168 24K (1 Today)
Published: March 6, 2010
© 2010 - 2019 harleshinn
Finally!

My contest entry for "Create a tutorial" from #eCSSited.

I hope you like it and find it very useful, if you think that it can be improved, send me a note, since this is my first tutorial :ashamed:


Resources:

:bulletpink: Stich Brushes By ~boyingopaw - [link]
:bulletpink: Ornamental icons By ~daughterofsnape - [link]
:bulletpink: Code for navigation bars By `thespook (lost in some old comment) :giggle:
:bulletpink: free cursor by ~NickPlatypus - [link]
Image size
600x2800px 703.49 KB
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (155)
partybug98's avatar
partybug98|Student Digital Artist
i'm confused...
Reply  ·  
CynlcaISpace's avatar
CynlcaISpace|Hobbyist General Artist
I have a question how do i put stamps in a comment cause ive only ever put them on my page so whats the coding for that?..
Reply  ·  
deterrnination's avatar
mercy.
hey um
can anybody help me?
i would like to know how to put a 
picture

H    And how 
E    to put text
R    right here
E    beside the picture
Reply  ·  
xShimsa's avatar
This is so helpful for some stuff ;o; Could you possibly make one for bgs and title help? I tried making my own journal, but the white bg for the title didn't work out and the middle for my text as well as the top were to far a part xD
Reply  ·  
matomiki's avatar
You wouldn't happen t know how you can change the journal background...? >.<
If you do I'd really appreciate if you could also make a tuturial on that ^^
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist
Featured here :fella:
Reply  ·  
harleshinn's avatar
harleshinn|Hobbyist Interface Designer
Thank you! ^^ :blowkiss:
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist
:heart:
Reply  ·  
serafina-rose's avatar
serafina-rose|Hobbyist Digital Artist
Thank you so much for your wonderful tutorials.
:iconredsparklesplz::iconredroseplz::iconredsparklesplz:
Reply  ·  
harleshinn's avatar
harleshinn|Hobbyist Interface Designer
You're welcome ^^ :hug:
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist
This is lovely! I have featured this tutorial here as an example of being devious :dalove:
Reply  ·  
harleshinn's avatar
harleshinn|Hobbyist Interface Designer
Thank you! ^^ :tighthug:
Reply  ·  
Astrikos's avatar
Astrikos|Hobbyist Artist
:heart:
Reply  ·  
JeffrettaLyn's avatar
JeffrettaLyn|Hobbyist General Artist
Very helpful, and nice to know I can get rid of that ugly book! :D
Reply  ·  
ShillMynara's avatar
ShillMynara|Hobbyist General Artist
gyyaaaa dun understand but Ill figure out when im free
hopefully im not too stupid to learn this .p
thy for sharing
Reply  ·  
CyanNeonLizard's avatar
I always wanted to critique but I really can't critique something if it doesn't need help! darn! I have no clue why I made this thing if I can't draw. But it is the most helpful thing.
Reply  ·  
Blazeflight1O1's avatar
Blazeflight1O1|Hobbyist Digital Artist
Thanks~, really helpful!
I'm currently trying to recustomize my page, but I have no idea how to, this helped the journal section a lot :'D
Reply  ·  
harleshinn's avatar
harleshinn|Hobbyist Interface Designer
You're welcome ^^

I'm glad it helped :blowkiss:
Reply  ·  
DJ-BluehKitteh's avatar
Very useful. :)
I posted the .hsep{ display: none; } code, but the pipe in between was still there. Please help?
Reply  ·  
MightyMelleR's avatar
simple and too the point. Fantastic!
Reply  ·  
Phlum's avatar
Phlum|Professional General Artist
Very helpful; I had the cursor thing all wrong - I had externally-hosted .cur files, like a twonk. No wonder it didn't work!

Anyway, thanks a lot! :D
Reply  ·  
harleshinn's avatar
harleshinn|Hobbyist Interface Designer
You're welcome, glad I could help :)
Reply  ·  
JaponicaChan's avatar
just a question, I've been looking for it everywhere but I can't find it; what is the code to change the journal icon? I can only find the code to get rid of it.
Reply  ·  
Phlum's avatar
Phlum|Professional General Artist
To change it, you need to do the display:none; and then make a CSS declaration for the h2 element:

h2 {
background: url("http://foo.net/youricon.png") no-repeat top left;
}


...which I think should work. Obviously you need to replace the URL with your own icon. If it doesn't, just say!
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved