Code
<ul class="gallery">
<li><span></span><div align="center"><img width="454" neight="340" src="$SCREEN_URL$" alt="image" /></div></a></li>
</ul>
[spoiler]
Дальше вставляем в самый низ вида материалов:
[spoiler]
Code
<style type="text/css">
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
margin: 15px 10px;
padding: 0 12px;
float: left;
position: relative;
width: 454px;
height: 340px;
background: url(/images/drop-shadow.png) no-repeat center bottom;
}
.gallery img {
background: #fff;
border: solid 1px #ccc;
border-bottom: none;
}
.gallery a:hover img {
border-color: #000;
}
.gallery span {
width: 454px;
height: 340px;
display: block;
position: absolute;
top: 0px;
left: 12px;
background: url(/images/glossy-gradient.png) no-repeat;
}
.gallery a {
text-decoration: none;
}
</style>