1
Guest
Guest
- Code:
<style type="text/css">
.stack { position: fixed; bottom: 15px; right: 20px; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
height: 14px;
position:absolute;
top: 17px;
right:60px;
line-height: 14px;
border: 0;
background-image: url(http://img220.imageshack.us/img220/7396/bodybackgroundg.jpg);
padding: 10px 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
border: 2px solid #353535;
color: #fcfcfc;
text-align: center;
text-shadow: #000 1px 1px 1px;
opacity: .85;
filter: alpha(opacity = 85);
}
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://dsprime.webs.com/Stacker.js"></script><div class="stack"> <img src="http://i67.servimg.com/u/f67/14/87/55/48/stack110.png" alt="stack"> <ul id="stack"> <li><a href="http://world-dezign.forumotion.com"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/Basic_set2_Png/48/bug.png" alt="Test"></a></li> <li><a href="http://world-dezign.forumotion.com"><span>Examples</span><img src="http://cdn.iconfinder.net/data/icons/iconos/Gallery.png" alt="Test"></a></li> <li><a href="http://world-dezign.forumotion.com"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/customicondesignoffice5/48/content.png" alt="Test"></a></li> <li><a href="http://world-dezign.forumotion.com"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/function_icon_set/paper_content_pencil_48.png" alt="Test"></a></li> <li><a href="http://world-dezign.forumotion.com"><span>Example</span><img src="http://cdn.iconfinder.net/data/icons/basicset/help_48.png" alt="Test"></a></li> </ul>
bye
