My first journal css!!

5 min read

Deviation Actions

eizu's avatar
By
eizu
Published:
3.3K Views

Hmmm... !


Find Eizu on..

FacebookTumblrYoutubeBloggerTwitteriDaPFormspringLinkedlnFlavors! :)




O . M . G.

Even though the design is very simple, it was harder than I thought. As for now the layout isn't finish yet 'coz I need some help from a pro with my issues like:

    -The comments and previous journal link button bellow has errors -More effects on thumbs -I still have to edit my sidebar style -More links and misc. stuff

I know simple html and css, but css here in dA is different :O

I guess you can say that I did my css journal the hard way ;_;

Sooooooo what do you think? :)



Credits
    Free resources/ inspiration by GinkgoWerkstatt CSS Rundown + Template by NyssaDuck Useful tips 4 coding journals by harleshinn Button tutorial by LineBirgitte Journal Structure a reference by nichtgraveyet advanced journal skin tutorial byDrTrueBlue For custom boxes by DeathTripp Journal CSS Editor 0.10 by xork



Thanks so much for sharing useful resources!!!!

But I'm still having a hard time making my layout look like this:...

Photobucket

Aya Takamine by eizu
Don't look at my eyes...too much...or else...
:iconeizu: Some somes by eizu Some somes by eizu Some somes by eizu:iconeizu:

© 2011 - 2024 eizu
Comments11
Join the community to add your comment. Already a deviant? Log In
CypherVisor's avatar
CypherVisor
Well, to judge your first CSS, I would say its really a good piece! I like it! :love:

But there are certain things you should look after, sorry If I'm a bit picky! Actually I'm very perfectionist by nature...

1)As you already said, the comment background needs some fix (it's position is different in firefox and IE)
2) The design that you've put above and below the journal looks huge to me. So, if you see the journal in a lower resolution the images gets cut out from the right.
3)Yes, the sidebar needs a fix! As again, in lower resolution it overlaps with the main body text! :(
4)I think you should remove the hyperlink underline from the sidebar links! i.e. use no text decoration
5)Coding the mood list was good to do but I guess in this design it wasn't necessary, you probably could have put the mood list in the lower red part of the journal design with transparent backgrond and different font color
6) Try putting some padding in the thumbs and avatars. Or may be you can even put some borders along with hover color change.


Now don't get down-heart by seeing my the comments above because..
1) You've chosen smart font colors
2) The finish of your journal design is perfect


If you still need some assistance you can ask me.