Image Sliding Puzzles

Like This Puzzle, feel free to add this puzzle to your website of Blog, Copy paste the following code.
<script src="http://bloggingxray.googlecode.com/svn/trunk/jquery.js" type="text/javascript">
</script> <script src="http://bloggingxray.googlecode.com/svn/trunk/jquery.jqpuzzle.js" type="text/javascript">
</script><br />
<br />
<style type="text/css">
/*
* Image sliding puzzle by http://bloggingxray.blogspot.com.
*/
.jqPuzzle {
padding: 5px;
border: 1px solid #222222;
background-color: #DDDDFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.jqPuzzle div {
background-color: transparent;
margin: 0px;
padding: 0px;
border-style: none;
}

.jqPuzzle .jqp-wrapper {
padding: 2px;
border: 1px solid #FFFFFF;
background-color: #444455;
}

.jqPuzzle .jqp-piece {
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 36px;
}

.jqPuzzle .jqp-piece:hover {
border-style: dashed;
}

.jqPuzzle.jqp-solved .jqp-piece:hover {
border-style: solid;
}

.jqPuzzle .jqp-controls {
float: left;
}

.jqPuzzle .jqp-controls a {
margin-top: 5px;
margin-right: 8px;
padding: 3px 5px;
border: 1px outset #FFFFFF;
background-color: #777799;
color: #FFFFFF;
font-size: 14px;
line-height: normal;
float: left;
}

.jqPuzzle .jqp-controls a:hover {
background-color: #7777BB;
}

.jqPuzzle .jqp-controls a.jqp-toggle,
.jqPuzzle .jqp-controls a.jqp-down {
padding-left: 4px;
padding-right: 6px;
border-style: inset;
background-color: #BBBBFF;
}

.jqPuzzle .jqp-controls a.jqp-disabled {
background-color: #DDDDEE;
color: #FFFFFF;
}

.jqPuzzle .jqp-controls span {
margin-top: 5px;
padding: 2px 4px;
padding-left: 0px;
border: none;
background-color: transparent;
color: #666666;
font-size: 14px;
float: left;
}

.jqPuzzle .jqp-controls span.jqp-disabled {
color: #AAAAAA;
}

.jqPuzzle.jqp-solved .jqp-controls span {
padding: 1px 3px;
border: 1px dotted #0F8F08;
background-color: #9FEF86;
color: #0F8F08;
}

.jqPuzzle .jqp-controls span input {
margin: 0px 3px;
padding: 3px;
padding-bottom: 2px;
border-style: none;
background-color: #FFFFFF;
color: #666666;
font-weight: bold;
text-align: right;
}

.jqPuzzle .jqp-controls span.jqp-disabled input {
background-color: #EEEEFF;
color: #AAAAAA;
}

.jqPuzzle.jqp-solved .jqp-controls span input {
background-color: #C2FFAF;
color: #444444;
}
</style><br />
<div style="text-align: center;"><img alt="BloggingXray Image Puzzle" class="jqPuzzle jqp-r4-c4-SAE" src="http://img.izismile.com/img/img4/20110816/640/the_sexiest_female_celebrities_in_bikinis_640_24.jpg" /></div><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><a href="http://www.masterzico.com/">Powered By MasterZico</a></span><br />
<br />
Saturday, November 19, 2011

Image Sliding Puzzles

0 comments:

Post a Comment

List
