My first journal css!!
|5 min read
Recommended Journals
Varyon genos! + Uploads
:new: All genos can now be exchanged for one Purity trial image each! Likewise for rite images for another arpg as well. This is where I'll pop all of the genos or imports I have up for grabs! - USD payments are to be paid via invoice right away. - Maximum hold of 1 month for art payments, if payment is not completed in that time the geno will be put back up for sale. And all progress will be kept. - There MUST be progress within the first 2 weeks for art payments or the hold will be removed. - I can refuse a sale for any reason. Accepted payments: - USD - Points - Quests/CP/PTs/Training/ICQ/Etc - Trades Ping: Xe-Li (https://www.deviantart.com/xe-li) - Female To
About Our Sona Characters!
while our sonas are not a perfect 1 to 1 of who we are, they are absolutely an extension of us! here's a little more info about them for those who were curious! Bun species: lop eared bunny age: early 20's pronouns: she/her sexuality: pansexual likes: GIRLS, plants, stuffed animals, coffee, sweets, sleeping, rain, knives??? animal crossing, harvest moon, AESTHETICS dislikes: anxiety, crowded places, scary weather, loud noises, planes, tall buildings, the dark, most social situations, RUDE PEOPLE, peas ew favorite color: MINT! & greens occupation: works in a tiny flower shop hobbies: likes to knit, tend to her garden, and ba
Rant about the lupisvulpes community
Disclaimer Nothing here is to cause drama or directed at anyone specific, i want people to be AWARE of their actions and how shitty people treat each other in this community. This isn't against Lupis herself i respect her as an artist and she hasn't done anything bad to hurt people etc. This isnt hate on lup, this is more of a rant of her community. THIS IS MY EXPERIENCE WITHIN THIS COMMUNITY. Please note: this isnt gonna be fancy shit, im bad with grammar and writing im like 2 yrs old By far this has been one of the worst communities i have ever came across, all the people in this community are so hateful and greedy and with absolutely back
eizu's avatar
By eizu   |   Watch
0 11 3K (1 Today)
Published: June 10, 2011


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

Recommended Journals
Varyon genos! + Uploads
:new: All genos can now be exchanged for one Purity trial image each! Likewise for rite images for another arpg as well. This is where I'll pop all of the genos or imports I have up for grabs! - USD payments are to be paid via invoice right away. - Maximum hold of 1 month for art payments, if payment is not completed in that time the geno will be put back up for sale. And all progress will be kept. - There MUST be progress within the first 2 weeks for art payments or the hold will be removed. - I can refuse a sale for any reason. Accepted payments: - USD - Points - Quests/CP/PTs/Training/ICQ/Etc - Trades Ping: Xe-Li (https://www.deviantart.com/xe-li) - Female To
About Our Sona Characters!
while our sonas are not a perfect 1 to 1 of who we are, they are absolutely an extension of us! here's a little more info about them for those who were curious! Bun species: lop eared bunny age: early 20's pronouns: she/her sexuality: pansexual likes: GIRLS, plants, stuffed animals, coffee, sweets, sleeping, rain, knives??? animal crossing, harvest moon, AESTHETICS dislikes: anxiety, crowded places, scary weather, loud noises, planes, tall buildings, the dark, most social situations, RUDE PEOPLE, peas ew favorite color: MINT! & greens occupation: works in a tiny flower shop hobbies: likes to knit, tend to her garden, and ba
Rant about the lupisvulpes community
Disclaimer Nothing here is to cause drama or directed at anyone specific, i want people to be AWARE of their actions and how shitty people treat each other in this community. This isn't against Lupis herself i respect her as an artist and she hasn't done anything bad to hurt people etc. This isnt hate on lup, this is more of a rant of her community. THIS IS MY EXPERIENCE WITHIN THIS COMMUNITY. Please note: this isnt gonna be fancy shit, im bad with grammar and writing im like 2 yrs old By far this has been one of the worst communities i have ever came across, all the people in this community are so hateful and greedy and with absolutely back
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (7)
CypherVisor's avatar
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.
Reply  ·  
eizu's avatar
eizu|Professional Traditional Artist
Thanks!!!

LOl, I know it will be helpful :)

I'll keep in mind all of your suggestions!

Btw, I just fixed the sidebar, but when you minimize the window some parts will be hidden. XD I'll someday manage it though, haha

That's the reason why my header and footer image are big, coz I have plans for them but failed. XD *I can't put the mood list in the red part, can I?*

Lol, it's funny, i had fun playing my layout in psd, but when I'm coding it, I realized that it's really different from making a website, so I need to change my design over and over. ;_;

I'll be making a new layout soon after I finish my commitments :D

Thanks again! I new you would be helpful :D
Reply  ·  
CypherVisor's avatar
Yes, you can put the mood anywhere in your journal if you wish! :D

Actually, I liked the sidebar that you've coded earlier. What I meant there to change was that removing the underline (on-hover) of the links and NOT the bottom-border!! :aww:

Yes it is indeed difficult to design a layout and then coding it!!

Don't worry you'll get used to it one day! :pat:
Reply  ·  
eizu's avatar
eizu|Professional Traditional Artist
How can my mood list's bg be the one with the blond hair? To put it on left side at the red colored bg. :)

I will be making some more css with my free time, hehehe :D

Thanks!!!
Reply  ·  
eizu's avatar
eizu|Professional Traditional Artist
*knew not new*, lol, I was so sleepy at that time
Reply  ·  
krisiyelle00's avatar
krisiyelle00|Hobbyist General Artist
Ohhhlala~ I like it. :)
Reply  ·  
eizu's avatar
eizu|Professional Traditional Artist
Ohhhlala~~ thanks!
Reply  ·  
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved