Shop More Submit  Join Login
×

:icongriffsnuff: More from griffsnuff


Featured in Collections

Journals by UadaNox

Journals by Renkindle


More from deviantART



Details

Submitted on
November 28, 2012
Link
Thumb

Stats

Views
8,548 (1 today)
Favourites
481 (who?)
Comments
120
×

Journal CSS code that I use!

Wed Nov 28, 2012, 12:01 PM
durr snurr

Here is the code I use for my simple sauce journal. The original artist who made it took it down, so im sharing it.

Hopefully it will work haha.

--------------
how to change the colors in the journal

To change the colors of the journal, change the codes that look like this "#A6B2A6" this is a color code. two first are Red values, two middle ones are green values, and the last two are blue values. RGB.

If you make everyone of them the same letter or number you will get grey.

000000 = Black
FFFFFF = White
FF0000 = Red
00FF00 = green
0000FF = Blue

The colors darkest to lightest is
1-2-3-4-5-6-7-8-9-a-b-c-d-e-f

how to add a background

You need to change the word "link" with an actual link haha.
Which is were you change the background image if you use one.
----------------
Copy the code under and paste it in your journal skin

* {
   border:none;
   margin:0;
   padding:0;
}
.journalcontrol {
   font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
   line-height:22px;
   margin-bottom:10px;
}
.gr-box {
   border:1px solid #A6B2A6;
   background: url(i50.photobucket.com/albums/f30… repeat top left;
   margin-bottom:20px;
   -moz-border-radius:6px 6px 6px 6px;
   -webkit-border-radius:6px 6px 6px 6px;
}
.tri {
   display:none;
}
.gr1 {
   display:none;
}
.gr2 {
   display:none;
}
.gr3 {
   display:none;
}
.gr-top {
   background:#2B2B2B;
   border-bottom:1px solid #9ca69a;
   height:35px;
   margin-bottom:20px;
   padding:8px 0px 8px 0px;
   width:100%;
   -moz-border-radius:6px 6px 0px 0px;
   -webkit-border-radius:6px 6px 0px 0px;
}
.gr-top .gr {
   background:none!important;
   margin:0 auto;
   width:600px;
}
.gr-top h2 {
   color:#fff;
   font-size:14px;
   margin-left:-15px;
}
.gr-top h2 a {
color:#fffff;
}

.gr-top h2 img {
   display:none;
   height:1px;
   width:1px;
}
.gr-top span {
   color:#494A4A;
   font-size:12px;
   margin-left:-15px;
}
.gr-body {
   background:none!important;
   margin:0 auto;
   width:455px;
}
.text {
   background:#fff;
   border:1px solid #9ca69a;
   color:#888888;
   font-size:14px;
   line-height:24px;
   padding:20px;
}
.text a {
   color:#f17557;
   padding:3px 5px 3px 5px;
   text-decoration:none;
}
.text a:hover {
}
.text a img {
   border:none;
}
.text .article-image {
   float:left;
   margin:0px 10px 5px 0px;
}
.text ul {
   margin:20px 20px 20px 20px;
}
.text ol {
   margin:20px 20px 20px 20px;
}
.text ul li {
   margin-bottom:5px;
}
.text ol li {
   margin-bottom:5px;
}
.bottom {    
   background:#fff;
   border:1px solid #9ca69a;
   color:#888888;
   margin:20px 0px 20px 0px;
   padding:10px;
}
.bottom a {
   color:#1EA5BE;
   text-decoration:none;
}
.bottom a:hover {
   text-decoration:underline;
}
.list {
   background:#fff;
   border:1px solid #9ca69a;
   color:#888888;
   font-size:12px;
   margin:20px 0px 20px 0px;
   padding:10px;
   text-align:center;
}
.list li {
   background:#fff;
   margin-bottom:5px;
}

Gingerbread snuffen!

FAQ's commissionstumblr
  • Drinking: BURN
Add a Comment:
 
:iconklutzy-kitten:
Klutzy-Kitten Featured By Owner 4 days ago  Student Digital Artist
Omg I love the fact that its so simple and eye catching! But each time I copy and paste it it says error... I edited it or at least tried and it said error again :c um am I doing something wrong? QAQ
Reply
:icongriffsnuff:
griffsnuff Featured By Owner 4 days ago
D8 I domnt know whats wrong
Reply
:iconklutzy-kitten:
Klutzy-Kitten Featured By Owner 3 days ago  Student Digital Artist
Ahh QAQ thats okay I'll just use my regular skin then X3
Reply
:icondarkdaemoonfh:
DarkDaemoonFH Featured By Owner Jun 28, 2014  Hobbyist General Artist
the journalbucked picture got removed so its not working anymore .-. D:
Reply
:icongriffsnuff:
griffsnuff Featured By Owner Jun 28, 2014
xD then use a diffrent picture
Reply
:icondarkdaemoonfh:
DarkDaemoonFH Featured By Owner Jun 29, 2014  Hobbyist General Artist
Yeah but i want a good size cuz i dont want white spaces XD 
Reply
:iconwolfpaw67:
Wolfpaw67 Featured By Owner Jun 14, 2014  Student Digital Artist
How do you put the image on top of the journal, and the small decoration at the bottom? Are those in the code, or do you use a deviation and copy and paste it in?
Reply
:icongriffsnuff:
griffsnuff Featured By Owner Jun 15, 2014
you put that in the header and footer area.
Reply
:iconwolfpaw67:
Wolfpaw67 Featured By Owner Jun 15, 2014  Student Digital Artist
Okay, I get it. Thank you!
Reply
:iconeveon99:
Eveon99 Featured By Owner May 17, 2014  Hobbyist Artist
Hi! I really,really into making journal skins,just a simple one but the journal skin code I'm using now is so simple but the thing is...when it comes to long texts,it doesn't just like this one of yours so now I'm gonna change it by using your journal skin code.You don't mind if I use it,would you? I'll give credits below the journal skin I've made^^ Just to make sure I've got permission for you first^^;
Reply
Add a Comment: