Untitled

dabblet.css

h3 {
font-size: 15px;
color: #333;
font-family: 'arial';
}
ul {
list-style: none;
padding-left: 0px;
width: 600px;
}
li {
display:inline-block;
width: 100px;
margin-bottom: 10px;
margin-right: 10px;
vertical-align: top;
}
li {
font-family: 'arial';
color: #555;
font-size: 12px;
}
li a { color: #369; text-decoration: none; }
li p { margin: 5px; margin-bottom: 8px;}
li img { display:block; }

dabblet.html

<h3>豆瓣新碟榜</h3>

<ul>
	<li>
		<p><img src="http://img3.douban.com/spic/s24634103.jpg"></p>
		<p>1. <a href="">Bloodsports</a></p>
		<p>Suede</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24963549.jpg"></p>
		<p>2. <a href="">The 20/20 Experience</a></p>
		<p>Justin Timberlake</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s25802131.jpg"></p>
		<p>3. <a href="">Les Miserables Origi...</a></p>
		<p>Hugh Jackman </p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24593551.jpg"></p>
		<p>4. <a href="">The Next Day</a></p>
		<p>David Bowie</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24593318.jpg"></p>
		<p>5. <a href="">Native</a></p><p>neRepublic / 共和时代 </p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24945043.jpg"></p>
		<p>6. <a href="">Girl Who Got Away</a></p>
		<p>Dido</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24950174.jpg"></p>
		<p>7. <a href="">Exile</a></p>
		<p>Hurts</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s25804461.jpg"></p>
		<p>8. <a href="">Woman</a></p>
		<p>Rhye</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24976088.jpg"></p>
		<p>9. <a href="">What About Now</a></p>
		<p>Bon Jovi</p>
		</li>
	<li>
		<p><img src="http://img3.douban.com/spic/s24468915.jpg"></p>
		<p>10. <a href="">People, Hell And Ang...</a></p>
		<p>Jimi Hendrix</p>
		</li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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