Вид материалов с увеличением картинки при наведении NEW! - Форум - Скачать cкрипты и шаблоны для uCoz | Всё о Counter-Strike 1.6 бесплатно | Заказ графики бесплатно

Главная Форум Файлы Статьи Новости

Страница 1 из 1
1

Форум » Система uCoz » Каталог файлов » Вид материалов с увеличением картинки при наведении NEW!

Вид материалов с увеличением картинки при наведении NEW!

JIexarus161 Контакты JIexarus161

Дата: Среда, 25.05.2011, 20:05 | Сообщение # 1 | Жаловаться

Сообщений: 1

Награды: 0

[ 0 ]

Offline

Скриншот: http://i080.radikal.ru/1008/7f/84f9809faf9b.jpg

В этом скрипте изменилось следующее:

1. Правильно отображаются надписи:

Скачать файл с другого сервера
Скачать файл с сайта

2. Теперь картинка не искажается при уменьшении, а просто становится меньше.

3. Теперь отображается описание материала.

4. Появилась обводка на краях изображений, т.е. рамка.

Код вставлять в Каталог файлов > Вид материалов:

<script type="text/javascript" src="http://ag-cs.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://ag-cs.net.ru/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = 'http://ag-cs.net.ru/highslide/graphics/';</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="bBlok"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div style="float:left"><br>Категория: <b><a href="$CATEGORY_URL$" title="$CATEGORY_NAME$"><b>$CATEGORY_NAME$</b></a><br>
<br>
<?if($FILE_URL$)?><a href="$FILE_URL$" target="_blank"><span style="color:#0066FF">Скачать файл с сайта</span></a><?endif?>
<?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank"><span style="color:#0066FF">Скачать файл с другого сервера</span></a><?endif?>

<br>
<p>
<p>
<img class="expando" style="text-align:left;border:2px solid #2c2c2c;clear:both;padding-top:0px;padding-bottom:0px; border="0" src="$IMG_URL1$$DOCPAGE_URL$" width="100"></a><?else?><width="150">
<br>

<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">

</td></tr></table>
<div class="eDetails" style="clear:both;">
Просмотров: $READS$ |
Добавил: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a> |
Дата: $DATE$
| Рейтинг: 0.0/0
| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a>
</div>
<br></div>

Это вставить в Ваш CSS:

/* 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*/
}
/* -------------- */

СообщениеСкриншот: http://i080.radikal.ru/1008/7f/84f9809faf9b.jpg

В этом скрипте изменилось следующее:

1. Правильно отображаются надписи:

Скачать файл с другого сервера
Скачать файл с сайта

2. Теперь картинка не искажается при уменьшении, а просто становится меньше.

3. Теперь отображается описание материала.

4. Появилась обводка на краях изображений, т.е. рамка.

Код вставлять в Каталог файлов > Вид материалов:

<script type="text/javascript" src="http://ag-cs.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://ag-cs.net.ru/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = 'http://ag-cs.net.ru/highslide/graphics/';</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="bBlok"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div style="float:left"><br>Категория: <b><a href="$CATEGORY_URL$" title="$CATEGORY_NAME$"><b>$CATEGORY_NAME$</b></a><br>
<br>
<?if($FILE_URL$)?><a href="$FILE_URL$" target="_blank"><span style="color:#0066FF">Скачать файл с сайта</span></a><?endif?>
<?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank"><span style="color:#0066FF">Скачать файл с другого сервера</span></a><?endif?>

<br>
<p>
<p>
<img class="expando" style="text-align:left;border:2px solid #2c2c2c;clear:both;padding-top:0px;padding-bottom:0px; border="0" src="$IMG_URL1$$DOCPAGE_URL$" width="100"></a><?else?><width="150">
<br>

<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">

</td></tr></table>
<div class="eDetails" style="clear:both;">
Просмотров: $READS$ |
Добавил: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a> |
Дата: $DATE$
| Рейтинг: 0.0/0
| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a>
</div>
<br></div>

Это вставить в Ваш CSS:

/* 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*/
}
/* -------------- */

Автор - JIexarus161
Дата добавления - 25.05.2011 в 20:05

Форум » Система uCoz » Каталог файлов » Вид материалов с увеличением картинки при наведении NEW!

Страница 1 из 1
1

Статистика форума

Недавно обновленные темы: