HOME | DD
cerena โ CSS Journal Tutorial - Part II
Published: 2008-05-05 02:47:28 +0000 UTC; Views: 36465; Favourites: 755; Downloads: 819
Redirect to original
Description
Part I.Part III
************
Journal CSS by ยขmindfuckx
************
First draft.
And you need a subscription to use journal CSS, btw... @_@
This is the second of three parts, the others dealing with additional layout features and coding. If you find this tutorial helpful, please link back or favourite so other people can find it.
If you have any suggestions, questions or comments, post them! I love comments. Mmmm comments.The finished version is featured in my journal right now.
******
Helpful links
******
DaFont.
CGTextures.
-----
Artwork and content ยฉ Cerena 2008.
Chamma Chamma girl (Devi) is here .
Related content
Comments: 76
How would one remove the text saying 'journal entry'? I can't find it lol
๐: 0 โฉ: 0
hiya <3 Do you know any sites where I can find a css color code list?
๐: 0 โฉ: 1
This is a really good and helpful tutorial
๐: 0 โฉ: 0
THANK. YOU. This like, saves my journal-making life!!
๐: 0 โฉ: 0
This is fairly easy to follow, but kind of difficult for me as well. I'm not very good with photoshop yet and also I'm not used to this type of coding/design work etc. I can of course play aorund with this and my header and stuff and see if I get it better and such. But I have a question- do you make the mockup thing on a totally knew page or on the same page as your header image, but with new layers?
๐: 0 โฉ: 0
O_o...
The title images section makes no sense at all...
(to me)
๐: 0 โฉ: 0
Do u have to make rounded edges? cause, my ps doesnt have the path selection tool, so i cant do the edges, will the journal still work? D:
๐: 0 โฉ: 1
Oh, sure! You don't even need the corners necessarily. You can add/cut/copypaste whatever is useful to you, leave the rest. Trial and error in editing the code will show you what all does what. Send any more specific questions my way, too!
๐: 0 โฉ: 1
Thank you! I can finally use my own header.
๐: 0 โฉ: 0
How big should the title text be? ...Or can it be however big you want it to be? xD;;
Thanks so much for making this, it's so useful!
๐: 0 โฉ: 0
Can i use this image in my website as a reference?
๐: 0 โฉ: 0
I have a question. My friend made her own journal skin, and she doesn't have a subscription, yet she was able to use it. Does that mean you have to write your own CSS?
๐: 0 โฉ: 0
Greatly explained!
Does the whole thing works like : Make an image, then code it?
๐: 0 โฉ: 1
Overall that's the theory behind it. 
๐: 0 โฉ: 0
Oh, good! Please do not hesitate to send me any questions you have along the way, though! Part III is perhaps a bit more scatterbrained. 
๐: 0 โฉ: 0
This is helpful, But I get so conused about whats going on, and I can't get the square thing cuz my Photoshop doesnt have the messuring thing >.<
Help?
๐: 0 โฉ: 1
Press "CTRL+R" to get the ruler thing to show.
๐: 0 โฉ: 1
Omg thanks you! I'll let you know, and Its probably cuz I dun't like readin XD and I rush XD
๐: 0 โฉ: 0
This is really helping me so far, I can't wait to see my final product from using this ^^
๐: 0 โฉ: 0
Nice tutorials! However since part three is not there yet, could you show how you code the header?
๐: 0 โฉ: 0
thank you so much for this. this is exactly what i looked for
๐: 0 โฉ: 0
These are great, I can't wait to see the last one, so I know what to do! heh.
๐: 0 โฉ: 0
Someday I am going to do proper CSS for my journal. I do believe your tutorial will help me get there.
๐: 0 โฉ: 0
These tutorials were great. Easy to follow, fun to read, good art and great humour. 
Either way, good job, and thanks for helping newbie CSS-ers like me with a few tips.
๐: 0 โฉ: 0
i so wish i could do this without subscription :'(
๐: 0 โฉ: 0
OMG! This is a great tutorial... OMG I can't wait for the third one!!!!
๐: 0 โฉ: 0
Ooooh! Part 3! Part 3!
The first 2 have been wonderfully helpful, funny and easy to follow.... you have spoilt us all, and now leave us with a cliffhanger!
๐: 0 โฉ: 0
I can't wait to see part III of this tutorial
๐: 0 โฉ: 0
Although I'm not a subscriber, I can't wait to see Part 3
๐: 0 โฉ: 0
This has been extremely helpful, and really got me excited about making my own CSS Layout, but there's no link to a part three. Has it not been made yet?
๐: 0 โฉ: 1
No, part three is on the way!
If you'd like to try wading through the code (it's the one that comes with the pack by mindfuckx), it's not terribly difficult to figure out, there's just a few places you have to change. But I'll have this out in a jiffy I hope.
๐: 0 โฉ: 1
I'll wait for the rest of your tutorial. I actually found a site that does all the coding for you, so I used that to create a basic one, so I'm great for now. But I just LOVED your first two parts of this tutorial. Very fun.
๐: 0 โฉ: 1
What is the site that you used? It would be great if you shared it with all of us
๐: 0 โฉ: 1
My dear, of COURSE I will share it with you!
[link]
That is the website I used.
๐: 0 โฉ: 1
Thank you very much for the sharing! 
๐: 0 โฉ: 1
Going to give this whole CSS thing a try over the holidays, but I guess the third part will be the one I'll most need.... just don't get this stuff although I tried to learn HTML...
Great tutorials, if the third one turns out like the first two, I'm so saved!
Thank you so much!
๐: 0 โฉ: 1
I'm going to try to get the third part out over the holidays as well.
๐: 0 โฉ: 1
That's great to hear!
๐: 0 โฉ: 0
I can't wait until part three. 8D I just finished part two and I'm totally excited. xD;; *lame*
Love your tutorials, they're extremely easy to follow and not just walls of hard to read text.
๐: 0 โฉ: 0
I love your two CSS tutorials
๐: 0 โฉ: 1
Each title... for the little header words? The way I do it is I have words delineating the various sections of my journal, but then for something funny I'll do a specific title in it. The title at the top (that says the title of the entry like in a normal journal) is actually done with code and overlays the image, so that's updated with the code, and then you can save images to use as headers ("Holla" for the main entry, "Featured" "friends" etc). :3 But sometimes for fun throw an image in there maybe.
I also save an image as my signature to my journal--if you save it as a transparent background .png it works really well on the background!
And thank you so much for reading and commenting.
๐: 0 โฉ: 1
| Next =>