Untitled

dabblet.css

#right{
  background:url(http://i.imgur.com/ZiASQLh.gif)
    0 0/100% 104% no-repeat;
  position:fixed;
  top:0;
  right:0;
  width:46%;
  height:100%;
  box-shadow:0px 0px 22px 12px #000;
  border-left:10px solid brown;
  border-image:url(http://i.imgur.com/04iL2yZ.gif) 10 round;
}
body{
background:#af6000;
background-attachment:fixed;
}
#left{
background:
url(http://img1.liveinternet.ru/images/attach/c/4/78/291/78291481_bRuLW3Stcr.gif)
0 0 repeat-x,
url(http://img1.liveinternet.ru/images/attach/c/4/78/291/78291481_bRuLW3Stcr.gif)
0 100% repeat-x,url(https://img-fotki.yandex.ru/get/5001/36014149.2c8/0_94fb2_d2773051_L.png)
50% 0%/92% repeat-y,
url(http://i.imgur.com/bJze83T.png)
50% 0%/92% 100% no-repeat,
url(https://img-fotki.yandex.ru/get/5638/112265771.23c/0_8cf88_aaf46f18_XL.png)
0 0/100% repeat-y,
#602406;
top:2%;
left:7%;
position:fixed;
width:42%;
height:88%;
overflow-x:hidden;
border-top:25px ridge #af6000;
border-bottom:25px ridge #af6000;
box-shadow:0px 0px 22px 12px #000;
border-image:url(http://img-fotki.yandex.ru/get/6445/39663434.2d0/0_80b0d_a57d3209_S.jpg) 200 0 round;
}
mySidenav { 
	position: fixed; 
	left:-224px; 
    width:223px;
	top: 0; 
	bottom: 0; 
	background:url(http://i044.radikal.ru/0803/f9/1b025249c03a.jpg)
	0 0/auto 100% repeat-x,
      linear-gradient(45deg,rgba(98,36,36,1),rgba(98,36,36,1),#2a7f74); 
	border:1px dashed #000; 
	z-index:20; 
 font:normal 18px Anton;
  color:#bb730b;
  text-shadow:1px 1px 1px #000;
} 
mySidenav h2 { 
  position: absolute;
  font:bold 30px Anton;
  background:linear-gradient(45deg,#d5d398,#b96b00);
  color:#682500;
  line-height: 128px; 
  width: 40px; 
  height: 100% ; 
  text-align: center; 
  top: -3px; 
  left: 224px;
  padding:20px 0px;
  z-index: 10; 
  border:1px dashed #000;
box-shadow:0px 0px 22px 5px #000;

} 
mySidenav:hover {
  left: 0;
  left: 0%;
  transition:all 2s ease-in-out;
}
mySidenav a { 
	font:bold 20px Anton;
	color:#bb730b; 
  text-shadow:1px 1px 1px #000;
  text-decoration:none;
  white-space:nowrap;
  line-height:40px;
} 
mySidenav a:hover { 
	color:#ddd9a1; 
	font-size: 20px; 
	text-shadow:1px 1px 1px #000;
} 
mySidenav ul {
   width:220px; 
   margin:0; 
   text-align:left; 
}

dabblet.html

<link href='https://fonts.googleapis.com/css?family=
Alex Brush|Pacifico|Montez|Cookie|Anton|Englebert|Nova Oval|Fresca|Laila' rel='stylesheet' type='text/css'>
<link href="https://www.weebly.com/uploads/3/9/7/3/39731348/jyrd-def.css" rel="stylesheet" type="text/css">
<div id="right"></div>
<div id="left"></div>
  <mySidenav>
	<h2>M<br>E<br>N<br>U</h2> 
		<ul>
          <center><br>
            <img src="http://i.imgur.com/g2vxsDR.gif" width=90%></center>
          
          <center>-----------------------</center>
<li><img src="https://img-fotki.yandex.ru/get/6420/71746914.49/0_9c7d8_9aba15e7_S" > <a href="https://www.facebook.com/samah.eid1" target="blank">Profile</a></li>
<li><img src="https://img-fotki.yandex.ru/get/6420/71746914.49/0_9c7d8_9aba15e7_S"> <a href="https://www.facebook.com/groups/866167856846509/" target="blank">FbX Design Studio</a></li>
<li><img src="https://img-fotki.yandex.ru/get/6420/71746914.49/0_9c7d8_9aba15e7_S" > <a href="https://www.facebook.com/School.Of.Designs/" target="blank">School Of Design</a></li> 
<li><img src="https://img-fotki.yandex.ru/get/6420/71746914.49/0_9c7d8_9aba15e7_S" > <a href="https://apps.facebook.com/onthefarm/" target="blank"> Play Farmville</a></li>
		</ul>
    <center>-----------------------</center>
    <br>
    <center> feel free to join our group to get more layouts like this</center>
			<br>
    <center>-----------------------</center>
    <center>
            <img src="http://i.imgur.com/RybGSGJ.gif" width=90%></center>
  </mySidenav>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"1","prefixfree":"1","page":"result"}