Untitled

dabblet.css

body {
  padding:10px 10px 100px;
}

dabblet.html

<div style="
position:relative;
width:500px;
height:200px;
border:1px solid #aaa;
border-radius:3px;
background:url(http://cdn.designbeep.com/wp-content/uploads/2012/05/2.photoshop-stripe-patterns.jpg) 0 0;

">
  <i style="
    position: absolute;
    width:20px;
    height:20px;
    bottom: -21px;
    margin-left:-20px;
    left:50%;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    overflow:hidden;
    transform:rotate(-45deg);
    transform-origin:0 0;
  ">
  <i style="
      display:block;
      width:30px;
      height:30px;
      background:url(http://cdn.designbeep.com/wp-content/uploads/2012/05/2.photoshop-stripe-patterns.jpg) no-repeat -230px -200px;
      transform:rotate(45deg);
      transform-origin:0 0;
  "></i>
  </i>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}