новый вид католога файлов и с увиличением картинки как на diz-cs
Вставлять вид каталога файлов
Code
<script type="text/javascript" src="http://www.css-zet.net.ru/expando.js">
<div id="myGrid"><style type="text/css" media="all">@import url(http://diz-cs.ru/highslide/highslide.css);</style>
<script type="text/javascript" src="http://diz-cs.ru/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = 'http://diz-cs.ru/highslide/graphics/';</script>
<table style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" cellspacing="0" cellpadding="1" width="100%" align="center">
<tbody>
<tr>
<td valign="top" align="middle">
<table border="0" cellspacing="1" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" class="eTitle" align="middle"><a href="$ENTRY_URL$" class="entryLink">$TITLE$ ($SECTION_NAME$-$CATEGORY_NAME$)</a><?if($MODER_PANEL$)?>
<div style="FLOAT: right">$MODER_PANEL$</div><?endif?></td></tr></tbody></table>
<table border="0" cellspacing="1" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Скрин</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Подробнее</td>
</tr>
<tr>
<td style="border: 1px solid rgb(37, 37, 37);" align="center" width="125px"><?if($IMG_URL1$)?><center>
<img class="expando" border="0" src="$IMG_URL1$" width="100" height="75">
</center><?endif?> </td>
<td style="border: 1px solid rgb(37, 37, 37);" align="center"><?if($MESSAGE$)?><div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">$MESSAGE$
</div><?endif?></td></tr></tbody></table>
<table border="0" cellspacing="1" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Рейтинг</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Просмотрели</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Загрузок</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Добавил</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Комментарии</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">Подробнее</td></tr>
<tr>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle"><?if($RATING_NUM$)?><img border="0" alt="Рейтинг: $RATING_NUM$" src="http://diz-cs.ru/rate/$RATING_NUM$.png" /> <?else?> <img border="0" src="http://diz-cs.ru/rate/0.png" alt="Рейтинг"/> <?endif?></td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">$READS$</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">$LOADS$</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle"> <span style="CURSOR: pointer" onclick="show_bar(event, $UID$)"><b>$USERNAME$</b></span>
<table style="BORDER-BOTTOM: #ffffff 1px solid; POSITION: absolute; FILTER: alpha(opacity=95); BORDER-LEFT: #ffffff 1px solid; WIDTH: 200px; BACKGROUND: #000000; VISIBILITY: hidden; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; opacity: 0.95" id="win_$UID$">
<tbody>
<tr>
<td style="TEXT-ALIGN: right"><img title="Закрыть информацию." border="0" src="/images/close.gif" onclick="hide_bar($UID$)" /></td></tr>
<tr>
<td style="BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 5px" onmouseout="this.bgColor='#000000';" onmouseover="this.bgColor='#696969';"><a class="udleinf" href="/index/8-$UID$" target="_blank">Просмотр профиля</a></td></tr>
<tr>
<td style="BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 5px" onmouseout="this.bgColor='#000000';" onmouseover="this.bgColor='#696969';"><a class="udleinf" href="/news/0-0-0-0-17-$UID$" target="_blank">Найти все публикации</a></td></tr>
<tr>
<td style="BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; PADDING-TOP: 5px" onmouseout="this.bgColor='#000000';" onmouseover="this.bgColor='#696969';"><a class="udleinf" href="/index/14-$USERNAME$-0-1" target="_blank">Отправить сообщение</a></td></tr></tbody></table>|</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle">$COMMENTS_NUM$</td>
<td style="BORDER-BOTTOM: #252525 1px solid; BORDER-LEFT: #252525 1px solid; BACKGROUND: url(http://s11.radikal.ru/i184/1005/1e/0a0d42592c22.png); BORDER-TOP: #252525 1px solid; BORDER-RIGHT: #252525 1px solid" align="middle"><a href="$ENTRY_URL$">Перейти</a></td></tr></tbody></table></td></tr></tbody></table><br />
А это в css::
Code
/* expando */
/img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
/* -------------- */