css と jQuery ui を使用してこのサイトを複製しようとしています: http://www.carbonstudio.co.uk/
CSS を使用して li ギャラリー アイテムを配置し、サンプルのようにドロップ領域の周りを円にする方法を知りたいと思っていました。
私のJSフィドルは次のとおりです。
http://jsfiddle.net/elogicmedia/GG5EL/11/
リスト ギャラリーに関する現在の CSS コードは次のとおりです。
#gallery { float: left; width: 100%; min-height: 12em; }
.gallery.custom-state-active { background: #eee; }
.gallery li {
float: left; width: 100px; height: 100px; margin: 0 0.4em 0.4em 0; text-align: center; cursor: move;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.gallery li h5 { margin: 0 0 0.4em; }
.gallery li a { float: right; }
.gallery li a.ui-icon-zoomin { float: left; }
.gallery li img { width: 100%; cursor: move; }