HOME | DD
AskGooroo — Journal Tutorial -copyable CSS
Published: 2009-09-24 00:10:22 +0000 UTC; Views: 52859; Favourites: 1452; Downloads: 829
Redirect to original
Description
I WANT TO SEE YOUER JOURNAL LAYOUTS YOU MAKE!!!!! :
:To learn html/css go here [link] . I will not teach you code from scratch, I can "help" people who know at lest some html/css but I am not a teacher...
Below is the complete CSS for the dA Journal. I made this because it's very hard to find a good tutorial for this that is just easy, simple, and provides the codes you need to create your own custom journal, I hope you like it! suggest it for a Daly Devision if you do!
Note:Please if you put this tutorial anywhere on the site give me full credit. No credit needed for the codes below!
Code:--------------------------------------
.gr-box{
Container for the whole journal.
}
.gr-top{
The container where the date and title is.
}
.gr-top h2 img{
Journal book image.
}
.gr-top h2{
Journal title.
}
.gr-top span{
Journal date.
}
.gr-body, .text{
Were the text of your journal is
}
.tri{
Arrow pointing down blow the gr-top.
}
.gr1{
Top/bottom rounding bar.
}
.gr2{
Makes the journal rounded.
}
.gr3{
Makes the journal rounded.
}
a{
Links.
}
a:hover{
Links hover.
}
.commentslink, .prevlink{
Journal Comments and previous journals links.
}
.hsep{
the horizontal line "|" between comments and previous journals
}
.bottom {
The container for your Journal Comments and previous journals links.
}
.list {
container for
Mood:
Listening to:
Reading:
Watching:
etc:
}
li.f{
you can change the color to make it like a bar so its easier to read.
}
li.a{
you can change the color to make it like a bar so its easier to read.
}
strong{
color just for
Mood:
Listening to:
Reading:
Watching:
etc:
}
*/this is the code for when you display thumbnails/*
.shadow-holder{
Thumbnail container.
}
.shadow-holder img{
The Thumbnail image.
}
--------------------------------------
Have fun and don't forget to leave a comment if you use this!
Related content
Comments: 292
well if you mean my journal? da jumbles the codes an why would you put my code in dreamweaver anyways? I give no permission to use any of my work. also dreamweaver is for hack coders hand coding is the way to go...
👍: 0 ⏩: 1
I apologize, I've just been kinda frustrated with the coding involved and didn't pay attention to whether you gave permission or not. 
👍: 0 ⏩: 1
you dont use a program to hand code -_-' use note pad or something learn how to code on your own with out the assistance of a program
👍: 0 ⏩: 0
i really do not have enough words to tank you for all this classes... i'm going mad to find them XD 
👍: 0 ⏩: 1
Trust me I know how you feel I spent a month looking for all of them!
👍: 0 ⏩: 1
yeee finally i get my skin *___*
now i have to look for a premium membership
👍: 0 ⏩: 0
👍: 0 ⏩: 1
THANK YOU!!! FINALLY, SOMEONE WHO COULD HELP!
👍: 0 ⏩: 0
n00b question, but where do you put the css? Or, how do you use it? I mean, I know html and css, I know that, but in DA Journals, idk where to type it out, or what to do...
Lets ay I hate the date and time, so I want that to go away, and I do:
.gr-top{
display: none;
}
where do I type that?
👍: 0 ⏩: 2
No I don't ^^ "*For A LIMITED TIME ONLY -- Enjoy ANY Journal Skin for FREE"
👍: 0 ⏩: 1
oh o well when u go to edit the journal there are 2 tabs click the 2nd one and there will be a space called "css"
👍: 0 ⏩: 1
Also said I figured it out ^^ but thanks anyway.
👍: 0 ⏩: 0
***yes, I know that actually won't work, it's just an example
👍: 0 ⏩: 1
and nevermind, completely ignore the stupid idiot, I just figuered it out
👍: 0 ⏩: 0
Thanks for the listing! Definitely didn't have the thumbnail ones...must go play with them now.
👍: 0 ⏩: 0
Okay, I can tell what does what, but then how do I add my custom stuff on the code? Like, adding a custom background, switching images in the corner and stuff?
👍: 0 ⏩: 1
Thanks! Might be usefull...
👍: 0 ⏩: 0
mhm... I am not sure if you are the right person for this question 
It's the first time I use the gruze layout for a journal. Do you know how I can remove that white line underneath the journal top (the container with the time and date)?
👍: 0 ⏩: 1
Yea. I should have thought of this my own
Thanks!
👍: 0 ⏩: 1
Q: Journal CSS is only available for Premium users, right ? ..
👍: 0 ⏩: 1
ok, thanx, but i v seen certain custome fonts, styles or image on some dev profiles ! how is it possible, are some certain html TAG s working or what ? ..
👍: 0 ⏩: 1
u must be premium to use html and css
👍: 0 ⏩: 1
I v seen some custome looks on people's profile .. dont remember to give u link .. if I see one of them I ll send the link .. thanx for rsponse .. 
👍: 0 ⏩: 1
Thanks, this looks very useful.... It translates all the nonsense into English.
👍: 0 ⏩: 1
Yes! Thanks! I was looking for something like this.
👍: 0 ⏩: 1
Thanks for this! I was always wondering how they set their code up...
👍: 0 ⏩: 1
Thank you so much.. Im definitely going to try and make my own journal with this
👍: 0 ⏩: 0
<= Prev | | Next =>