Приветствую Вас Прохожий | RSS Среда, 07.12.2016, 19:15
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 20
Гостей: 19
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Вид новостей с увеличением и округлением изображения.

Вид новостей с увеличением и округлением изображения.
Вид новостей с увеличением и округлением изображения
1.Панель управления->каталог файлов->вид каталога файлов(удаляем все,и заменяем на код)
Code
<style type="text/css" media="all">  
@import url(http://cs-ars.ru/highslide/highslide.css);  
</style>  
<script type="text/javascript" src="http://cs-ars.ru//highslide/highslide.js"></script>  
<script type="text/javascript">  
hs.graphicsDir = 'http://cs-ars.ru/highslide/graphics/';  
</script>

<table style="border: 1px solid rgb(37, 37, 37);" align="center" cellpadding="1" cellspacing="0" width="100%"><tbody><tr><td align="center" valign="top">

<table border="0" cellpadding="0" cellspacing="1" width="100%">
  <tbody><tr>
  <td class="eTitle" style="border: 1px solid rgb(37, 37, 37);" align="center"><a href="$ENTRY_URL$">Скачать $TITLE$ ($SECTION_NAME$-$CATEGORY_NAME$)</a><?if($MODER_PANEL$)?><div style="float: right;">$MODER_PANEL$</div><?endif?> </td>
  </tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="1" width="100%">
  <tbody><tr>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Изображение</td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Подробнее о файле</td>
  </tr>
  <tr>
<td style="border: 1px solid rgb(37, 37, 37);" align="center" width="125px"><?if($SOURCE_URL$)?><center><a id="thumb$ID$" href="$SOURCE_URL$" class="highslide" onclick="return hs.expand(this)"><img class="glossy" src="$SOURCE_URL$" align="left" border="1" width="170"></a></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$
<center><font size="4"></font><center>  
<br><center><br></center>
<br></center></center><br></div><?endif?></td>
  </tr></tbody></table>
  <table border="0" cellpadding="0" cellspacing="1" width="100%">
  <tbody><tr>

  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Добавил</td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Загрузок</td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Категория</td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Комментарии</td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">Подробнее</td>

  </tr>
  <tr>
   
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$PROFILE_URL$">$USERNAME$</a></td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center">$LOADS$</td>  
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></td>  
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$COMMENTS_URL$">$COMMENTS_NUM$</a></td>
  <td style="border: 1px solid rgb(37, 37, 37); background: transparent url(http://cs-ars.ru/design/fff.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="center"><a href="$ENTRY_URL$">Перейти</a></td>
   
  </tr></tbody></table></td></tr></tbody></table><br>

2.Где $SOURCE_URL$ это изображение(ставим галочку на источник в настроках модуля и переминовываем взамене стандарных написей),так же можно изменить на $IMG_URL1$

Code
<td style="border: 1px solid rgb(37, 37, 37);" align="center" width="125px"><?if($SOURCE_URL$)?><center><a id="thumb$ID$" href="$SOURCE_URL$" class="highslide" onclick="return hs.expand(this)"><img class="glossy" src="$SOURCE_URL$" align="left" border="1" width="170"></a></center><?endif?>

Теперь как сделать эффект закругления изображения?
Все очень просто,вставляем код

Code
<script type="text/javascript" src="http://cs-ars.ru/design/glossy.js"></script>

между тегами "head" и "/head" -во всех подмодулях каталога файлов,иначе округления не будет!

Автор\Источник: cs-ars.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3540 | Комментарии: 4 | Рейтинг: 4.0/5 | |Категория: Скрипты Вид новостей | Добавил: ALINA | Дата: 20.11.2010 | Скачали: 0 | Теги: увеличением, округлением, новостей, изображения., Вид
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
4 tigerforce   Дата: 21.12.2010  Время: 08:28   [№ 5569]
Хочу,интересно для модуля новостей такой есть?

3 Hayem   Дата: 21.11.2010  Время: 20:43   [№ 5116]
smile shas

2 Филипп   Дата: 21.11.2010  Время: 11:04   [№ 5106]
Возьмите отдельный файл, и проставьте ссылку

+1   Спам
1 Hayem   Дата: 21.11.2010  Время: 00:14   [№ 5103]
http://cs-ars.ru/design/glossy.js nerabotaet sad


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru