Ideya and Blue Chips DeviantART Journal Skin

~Instructions~

------------------
First off, code is provided by ginkgografix at Deviantart.com. Please credit them in the footer.
Second, PLEASE upload the images to your own hosting site, don't link them from mine, it's rather rude XD
Third, you must be a DA subscriber to use this theme.

------------------

Step 1: Add this to your footer
------------------


CSS Code by :devginkgografix:
NiGHTS skin by :devfeniiku:
Template obtained from http://www.nightsintodreams.com

------------------

Step 2: Add this to the CSS(beta) box
------------------

.journalbox{
color: #000000;
border: none;
font-family: Verdana, Helvetica, Tahoma, sans-serif;
background: #57009f no-repeat top right url(http://.../header1copy.png);
padding-bottom: 10px;
max-width: 1000px;}

.journaltop{
padding: 75px 170px 26px 0;
text-align: right;
font-size: 10px;
color: #ffffff;
background: transparent;}

.journaltop img{display: none;}
.f{background: transparent;}

ul{text-align: center; font-size: 10px; margin: 20px 0;}
ul img{display: none;}


h2{
font-size: 18px;
padding-right: 20px;
font-weight: normal;
color: #3f4dff;}

.journaltext {padding: 0 5px;}
.journaltext a{color: #2b0047!important; font-weight: bold;}

.left{
position: absolute;
left: 5px;
top: 141px;
background: #c9e1ea url(http://.../side_bg1.png) repeat-y left;
width: 135px;}

.left p{padding: 0 17px;}
.left a{text-decoration: none!important;}

.right{
margin-left: 150px;
background: #a860ff;}

.right p{padding: 10px;}
.tr {background:url(http://.../tr-1.png) top right no-repeat;}
.tl {background:url(http://.../tl-1.png) top left no-repeat;}
.br {background:url(http://.../br-2.png) bottom right no-repeat; border: none;}
.bl {background:url(http://.../bl-1.png) bottom left no-repeat; border: none;}

.scroll{ 
height: 200px;
background: #026aca url(http://.../box_middle1.png) repeat-x;}

.scroll p{
padding: 0px;
height: 125px;
color: #a860ff;
overflow: auto;}

.box_left { background:url(http://.../box_left1copy.png) top left no-repeat;}

.box_right { 
padding: 25px 35px 40px 40px; 
_padding: 35px 35px 20px 40px; 
background:url(http://.../box_right1.png) top right no-repeat;
_background:url(http://.../box_right_ie1.jpg) top right no-repeat;}


.contentbox{
background: transparent left top no-repeat url(http://.../box1.png);
margin-left: 0px;
padding: 0 7px 0 70px;}

.headline{
font-weight: bold;
font-size: 16px;
padding: 35px 0 15px 25px;}

.headerleft{
position: absolute;
top: 0px;
left: 0px;}

.journalbottom{
font-size: 11px;
padding-top: 5px;
background: transparent no-repeat center url(http://.../comment1.png);}

.journalbottom a{text-decoration: none; color: #000000;}
.journalbottom a:hover{text-decoration: underline;}

-----------------

Step 3: Add this to the journal box
-----------------
<div class="right"><div class="tl"><div class="tr"><div class="bl"><div class="br">
<div class="contentbox"><div class="headline">.:Ideya and Blue Chips:.</div>
This CSS is a little more complex than others, with coding in the Header as well as the CSS box. Basically, you can copy and paste the code as much as you want, but always make sure that there's the right amount of 'div' enders for each piece.

I know, I've messed it up before myself like that XD

The 'contentbox' css makes those blue chips appear
'headline' is the fatfont just next to those blue chips.
'scroll' is obviously the scrollbox XD

I've taken the urls to my images out, but when you upload the images to your hosting sites, just change the bit in the url that's represented by '...' to that of your gallery's direct link.

Whoo :P

Also, edit the links in the header box to however you want too XD
</div>

<div class="contentbox"><div class="headline">.:Scroll:.</div>

</div>

<div class="scroll"><div class="box_left"><div class="box_right"><p>
You can copy and paste as many scroll boxes as you like. You may also use <b>bold</b>, <u>underlined</u>, <i>italicised</i>, and any other type of font or html that the journal would normally have XD

Just make sure that you don't delete any of the 'div' bits in the code, it'll muck up the journal

.
.
.

Scrolling :3
</p></div></div></div>

<p>Finishing text goes here XD</p>
</div></div></div></div></div>

--------------------

Step 4: Add this to your header.
--------------------
<div class="headerleft"><img src="http://.../header_left1.png"></img></div>
<div class="left"><img src="http://.../side_header1.png"></img><p>
<a href="http://www.fanfiction.net/">FanFiction</a>
<a href="http://www.deviantart.com/">DeviantART</a>
<p>You can only have one descriptive bit, so use it carefully. Any more in this section will muck up the rest of the journal.</p>

<img src="http://.../side_bottom1.png"></img></div>

--------------------
Step 5: Go through and make sure that the following links in each section are linked to your hosted images (use somewhere like photobucket or something). Don't change the names and you'll have less to edit XD

Css

http://.../header1copy.png
http://.../side_bg1.png
http://.../tr-1.png
http://.../tl-1.png
http://.../br-2.png
http://.../bl-1.png
http://.../box_middle1.png
http://.../box_left1copy.png
http://.../box_right1.png
http://.../box_right_ie1.jpg
http://.../box1.png
http://.../comment1.png

Header

http://.../header_left1.png
http://.../side_header1.png
http://.../side_bottom1.png
--------------------
Step 6: Make sure oyu hit 'preview' to check it all works right. As I say, this CSS can be a little confusing if you don't pay attention XD
--------------------
Step 7: Have fun ^_^