HOME | DD
cerena โ CSS Journal Tutorial Part III
Published: 2009-07-17 05:15:26 +0000 UTC; Views: 27893; Favourites: 654; Downloads: 1259
Redirect to original
Description
Part I.Part II.
************
Journal CSS by ยขmindfuckx
************
UPDATED AGAIN!! - 8.1.09 - fixed the transparent background issue
First draft! -- This kindof sucks, so I will hopefully be updating this with a more clear version Edit -- code comments updated slightly.
Click "Download" for file that includes my test file and a commented version of the code -- that is half the tutorial after all.
So please excuse all the text in this part.And you need a subscription to use journal CSS, btw... @_@
Please be sure to include a link to this tutorial in your new journal layout in your credits!
This is the third and final part, long awaited! The other two parts deal with image preparation and planning, so be sure to check those out. 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.This is less a "copypaste and it will work" kind of thing, more of a "use this to teach yourself something about CSS" kind of thing.
Which is why I have provided some basic CSS info links below.Now get out there and get journalin!
******
Helpful links
******
Lissa Explains - an INVALUABLE guide to CSS/HTML!! (read before asking CSS attribute questions, click "CSS" along the top bar)
DaFont.
CGTextures.
-----
Artwork and content ยฉ Cerena 2008.
Chamma Chamma girl (Devi) is here .
Related content
Comments: 114
okay, i got the whole picture to appear. But how do i move the Title of the Journal/time of update down from the middle of the journal top ?
*messes around with more code* this is just a test anyways
๐: 0 โฉ: 1
Read up on LissaExplains about absolute and relative positioning. The code you'll be adding into your "h2" section, or your heading section, is this:
position:absolute;
top:135px;
left:0;
Or change the left values, etc, to move it away from the side (I have mine all the way to the left, take this 'left' code out entirely if you still want it to be centered)... similarly you can change 'top' to 'bottom' and position it away from the bottom of the entry (like mine is). You can always check out someone's code who has done something you want to incorporate by "viewing source" on it and then trying it or modifying it in your own code--that is how you really learn to code imo.
๐: 0 โฉ: 1
hahah thanks
but i'll mess around with it later and see if it works! thanks again for helping me with CSS code 
๐: 0 โฉ: 0
I'm using my CSS using this tutorial. ^^
It's not the final version, but i'm getting really close. ^^
๐: 0 โฉ: 0
Thanks so much for making this tutorial - it's very helpful!
๐: 0 โฉ: 0
Does the biggest happy dance in the world!! <3 <3 <3 lol! I'm going to be making a new journal soon! LOL! I'll have to show it to you!
๐: 0 โฉ: 1
๐: 0 โฉ: 1
Of course! ^_^ I'm a little busy lately, but I'll get to making a new one sometime!
๐: 0 โฉ: 0
thank you for putting this up! I can't wait to try it out!
๐: 0 โฉ: 0
No problem! I hope it is helpful even with all the extra text and confusion.
๐: 0 โฉ: 1
<= Prev |