HOME | DD
x-Danielle-x — CSS Tutorial Part 1
Published: 2009-07-10 02:40:13 +0000 UTC; Views: 10676; Favourites: 486; Downloads: 739
Redirect to original
Description
A tutorial that teaches basic css coding. If you want a copy of the basic css code, just click download.Here is the second part of the tutorial!: [link]
The journal reference one is here this is a visual of how the code affects specific parts of your journal:
[link]
Related content
Comments: 73
omg!!! exactly what Ive been loookin for! Finally! Thanks so much!!! ahhh this is the best tutorial for CSS EVER <3
👍: 0 ⏩: 0
This is useful 
👍: 0 ⏩: 0
This is so long! I'm trying to edit a journal skin base and I can't find the thing I need.....
👍: 0 ⏩: 0
I'm using this to make a journal skin for myself and it's taking soooo long!
👍: 0 ⏩: 0
I made a journal skin but there is no preview icon in the new journal entry page, square is there but says " no preview available" for thumbnail, but the skin does work. did i miss a code ??
👍: 0 ⏩: 0
what did you ususaly put for the width for the borders
👍: 0 ⏩: 0
does css coding work for deviantID or do u need a premium membership or somthing
👍: 0 ⏩: 1
I don't think CSS coding works on a deviantid (it might I'm not sure), but you have to have premium membership to use CSS on this site.
👍: 0 ⏩: 2
Not neccessarily~ in some ways you can get around it like editing the default journal skin
👍: 0 ⏩: 0
this seems helpful and i read it, but i still dont know how to make a journal skin. 
👍: 0 ⏩: 1
Try this: [link] it's a video on how to make a skin
👍: 0 ⏩: 0
Thanks for uploading this! I've been looking for a tutorial.
👍: 0 ⏩: 0
okay so you know how you have the tittle box then the main part of the journal right? If you wanted to Split the main part of that journal into one large part and one smaller part vertically how would you do that?
👍: 0 ⏩: 0
Oh, excellent! Thank you so much for sharing these; it's so thorough and perfect for someone who likes tweaking and adjusting things as much as I do.
I look forward to using these on a skin of my own some day~
👍: 0 ⏩: 0
Try [link] it has a ton of color codes
👍: 0 ⏩: 1
I uploaded a picture for my header and it cut off almost everything...
And I don't know how to fix it. Could you help me?
👍: 0 ⏩: 0
Where's the link for the codes for the colors?
👍: 0 ⏩: 1
Try [link] there's a lot of codes for colors there
👍: 0 ⏩: 1
Great reference for the CSS - was really helpful! Thank you so much! Quick question though - when you're editing say the default dA journal skin, how do you get rid of the journal icon image on the left of the journal title?
👍: 0 ⏩: 1
This should remove the journal icon:
.journalbox .journaltop img{
display: none;
}
👍: 0 ⏩: 1
Thanks, I didn't realize it was already listed up there (I must have overlooked it while I was reading by accident) - Sorry about that, but thank you for listing it for me anyway! I really do appreciate it, this was a great help (:
👍: 0 ⏩: 0
i need help with understanding all this can u walk me through it
👍: 0 ⏩: 0
hmm, im not understanding the difference between the header (the top) and the title
👍: 0 ⏩: 0
uhm, wen i add Background-color say it :
CSS Error:
{} mismatch (token: background-color:#000000
👍: 0 ⏩: 0
This is great! Thank you for making this! But how do you change the text font? Or is that not possible?
👍: 0 ⏩: 1
I believe its just:
Font
👍: 0 ⏩: 1
oh, ok:3 thank you:3 I wish we could change the font
👍: 0 ⏩: 0
This is a good tutorial c:
I have a question, how do you change the title to where it can be in the lower part of the header instead of the top?
👍: 0 ⏩: 0
okay, I have this problem with adding images to the top/bottom of the journal skin. I've tried a lot of different variations of the code that are supposed to work, but it never does. Such as:
background-image:url("[link]")
background-image:url([link])
background-image:url"[link]"
to name a few. Do you have any ideas on what I could do to fix the problem?
([link] is just the url)
👍: 0 ⏩: 0
Can someone explain to me what the different codes for colors and such are?
👍: 0 ⏩: 0
THANKYOU!!!! I can finally make my own journal skin...
👍: 0 ⏩: 0
How do you submit them?
Great tutorial though xD
I will use it
👍: 0 ⏩: 0
This has been a very enlightening tutorial and I thank you for putting this up... ^^
👍: 0 ⏩: 0
Thank you so much for this. I am new to deivantart. And i have been looking for a easy beginner and simple tutorial for css journal skins. Thank you so much
👍: 0 ⏩: 0
There is a site to find any color code you want (:
[link]
👍: 0 ⏩: 0
You're an angel, this was just what I needed. I was trying to figure the whole CSS thing out, and I got it, but I didn't get it, if you know what I mean 
👍: 0 ⏩: 0
thank you so much i have been looking for a deviantart journal beginner css tut and this helped me out a bunch thanks
👍: 0 ⏩: 1
Your welcome.
I'm glad the tutorial helped you out
👍: 0 ⏩: 1
| Next =>