Custom Journal Skin for @haru-cchi on dA

first thing is to go to the 'edit skin option'

go to the 'Skin Header' box and paste this code: (replace the current text)
<div class="sidebar"><div class="navi" align="center">

>> N A V I

<a href="http://"><img title="m y . g a l l e r y" src="https://fc08.deviantart.net/fs70/o/2012/197/7/4/314888888_437601_299618539_397359_2wd3ehu.gif"></a>  <a href="http://"><img title="m y . f a v o u r i t e s" src="https://fc07.deviantart.net/fs71/o/2012/197/6/a/314888888_437602_299618539_397360_20pe9v7.gif"></a>

<a href="http://"><img title="m y . j o u r n a l" src="https://fc07.deviantart.net/fs70/o/2012/197/3/c/314888888_437603_299618539_397361_339qf0l.gif"></a> <a href="http://"><img title="m y . w e b s i t e" src="https://fc08.deviantart.net/fs71/o/2012/197/6/f/314888888_437604_299618539_397362_33cyelu.gif"></a>

>> M E N U
 </div><div class="menu" align="right">
<a href="https://haru-cchi.deviantart.com/gallery/62911250/Open">Adoptables</a> |
<a href="https://sta.sh/0p6dg0j0yba">TOS</a> |
<a href="https://www.deviantart.com/notifications/notes/#haru-cchi">Note Me</a> |
</div></div> <div class="text">
Now go to the 'Skin CSS' box, you need to get rid of all the text and replace it with the following code:
.journalbox{
color: #cc5567;
background: #ffffff;
border: none;
margin: auto;
border: 1px dashed #000000;
}

.journaltop{
border: none;
font-size: 10px;
text-align: right;
padding: 20px 20px 20px 20px;
background: #FFA0BE;
height: 40px;
border-bottom: 1px dashed #CC5567;
}

.journaltop img{display: none;
}

.journaltop span{
padding: 0 0px 0 0;
font-size: 10px;
color: #cc5567;
}

.text{text-align: center;}

.text, .content{
font-family:'Open Sans';
font-size:14px;}

.left, .right{width: 40%;}

.right{float:right;}
.left{float:left;}

b{color:#000000;}

.text a{
color:#cc5567;
font-weight:bold;
text-decoration:none;}

.text a:hover{color:#c590f9;}


/* Box and Square Headings */

h1, h2{
text-transform:lowercase;
font-weight:normal;
font-size:14px;
font-weight:bold;
font-family:'Open Sans';}

h1{
letter-spacing:2px;
color:#000000;
padding: 10px;
text-align:center;
background:#cc5567;}

.text h2{
padding-left:10px;
letter-spacing:1px;
margin:5px 0 -5px 0;
border-left: 20px solid #cc5567;}

h1:hover, h2:hover{font-weight:bold;}

.p1{background:#f27b8d;}
.b1{background:#ffa3b1;}
.g1{background:#ffffff;}

.p2{border-left: 20px solid #f27b8d!important;}
.b2{border-left: 20px solid #ffa3b1!important;}
.g2{border-left: 20px solid #ffffff!important;}

blockquote{
padding:10px 3%;
background: rgba(95,72,72, 0.1);
}

.clear{clear:both;}

ul, ol{margin-left:30px;}

ul li{list-style:square url('https://orig00.deviantart.net/1da7/f/2017/324/3/7/bulletbrown_by_simplysilent_d6oci8y_by_craaziifox-dbudbem.png');}

.sidebar{
float: left;
width: 100px;
margin: 14px 10px 15px 10px;
_margin: px 0 0 0;
font-size: 11px;
_position: relative;
background: #FFE0EC;
padding: 5px 5px 5px 5px;
}

.navi{
}

.menu{
padding: 0px 15px 0px 0px;
}

.text{
margin: 0px 10px 10px 10px;
padding: 0px 10px 0px 10px;
background: #FFE0EC;
text-align: center;}

.footer{
background: #FFA0BE;
text-align: right;
color: #CC5567;
padding: 10px 10px 10px 10px;
border: 1px dashed #CC5567;
margin: 5px 18px 30px 22px;
clear:both;

}

.center{
text-align: center;
}

Then once you've done that you need to go to the 'Skin Footer' and paste the following code: (replace the old text)
</div><div class="footer"><b>Features</b>
<div align="center">:iconstockinghime::iconmyuuna::iconnemuui::iconninihaha::iconharu-cchii::iconstnh-l:</div>
</div>

then save the skin!! (i suggest naming it like your own custom name and then clicking 'Save As' so it's easier to navigate your own customized skins!!)

now near the top you'll find a button that says 'Edit' with a little arrow pointing down next to it.
click that button and click 'Switch to HTML Mode' and then paste this into the journal text box:
<small>I finally decided to finish all the pixel examples to my commissions and now they're open!
Make sure to read my TOS (Linked to the side) Before ordering a commission from me! ♥

<div class="left"><h1>icon 1 - owo</h1>
:bigthumb741543220:
<blockquote>Price: 950 :points: &nbsp;or €9,50
Extra animation: 200 :points: &nbsp;€2
Form:
DA Username/commission type:
OC Ref:
Payment way:
Expression:</blockquote></div><div class="right"><h1 class="b1">icon 2 - uwu</h1>
:bigthumb741535441:
<blockquote>Price: 850 :points: &nbsp;or €8,50
Extra animation: 200 :points: &nbsp;€2
Form: &nbsp;
DA Username/commission type:
OC Ref:
Payment way:
Expression:</blockquote>
</div>
<div class="clear"></div>
<h1 class="g1">icon 3 - n.n</h1>
:thumb740591872:
<blockquote>Price: 1500 :points: &nbsp;or €15
Extra animation: 200 :points: &nbsp;€2
Form:
DA Username/commission type:
OC Ref:
Payment way:
Expression:</blockquote><hr>Again, please read my TOS before commissioning me! ♥
Please DON'T note me, it's easier to keep track of the comments for me!
@craaziifox coded this uwu

I'll be opening as many slots as I can take ♥
Slots:
1. :iconpulasan: x2 - paid
2. :iconfizzypinkbubbles: paid
3. :iconyokokinawa: unpaid
4.
5.
6.
7.
8.
9.
10.
(More can be added on if more people want them!)</small>

and boom! done! owo
hope you like it uwu <3