10.05.2011

Скрипт Вид материалов каталога файлов с увеличением изображения (Темный дизайн)

Нажмите на изображение для просмотра в полном размере
Скрипт Вид материалов каталога файлов с увеличением изображения (Темный дизайн)
Скрипт Вид материалов каталога файлов с увеличением изображения (Темный дизайн). Данный скрипт разработан Lexarus по просьбе пользователей. В вид материалов входит: Увеличение изображения, функция "Нет изображения" при отсутсвие скринтоша и еще пару функций.
Установка:
В CSS вставляем:
Code
/* Entries Style */
.e-Block {background:url('http://www.csomsk.ru/gs/body.png') #303030;border:1px solid #000000;}
.e-Block1 {background:url('http://www.csomsk.ru/gs/body.png') #303030;border:1px solid #000000;}
.e-Block2 {background:url('http://www.csomsk.ru/gs/body.png') #303030;border:1px solid #000000;}
.e-Title {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#debc1d; padding: 4px; border:1px solid #000000; height:14px; background:url('http://www.csomsk.ru/gs/menuo.png') repeat-x ;}
.e-Title a:link {text-decoration:none; color:#8e8e8e;}
.e-Title a:visited {text-decoration:none; color:#8e8e8e;}
.e-Title a:hover {text-decoration:none; color:#debc1d;}
.e-Title a:active {text-decoration:none; color:#debc1d;}
.e-Text {text-align:justify; padding:10px;}
.e-Details {font-family:Verdana,Arial,Sans-Serif;font-size:11px;color:#cccccc; padding-top:3px; text-align:left;font-size:8pt; }
.e-Rating {font-size:7pt;background:url('http://www.csomsk.ru/gs/fon.bmp') repeat-x #333333; border: #222222 1px solid; color:#808080;}
.e-Rating1 {font-size:7pt;background:url('http://www.csomsk.ru/gs/fon.bmp') repeat-x #333333; border: #222222 1px solid; color:#808080;}
.e-Attach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/955/21.gif') no-repeat 0px 0px;}
.e-Message a img, .e-Message img {padding:3px !important;background:#ffffff;   
   border:1px solid#dbdbdb !important;border-radius:4px;   
   -moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}   
   a img {border:0px;}
/* --------------- */
/*BANNERS*/   
   .banners a img {      
   opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);      
   }      
   .banners a:hover img {      
   opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);      
   }   
   /*------------------*/

В вид материалов каталога файлов вставляем:
Code
<style type="text/css" media="all">  
  @import url(http://www.csomsk.ru/highslide/highslide.css);  
  </style>  
  <script type='text/javascript' src='http://www.csomsk.ru/highslide/highslide.js'></script>  
  <script type='text/javascript' src='http://www.csomsk.ru/highslide/include_highslide.js'></script>  
  <script type="text/javascript">  
  hs.graphicsDir = 'http://www.csomsk.ru/highslide/graphics/';  
  </script><table border="0" cellpadding="0" cellspacing="0" width="100%" class="e-Block"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="e-Title" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="e-Message" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="width: 100%; border-collapse: collapse;"><tbody><tr><?if($IMG_URL1$)?><td class="banners" style="height: 150px; letter-spacing: 0px; word-spacing: 0px; width: 180px;" align="center"><a title="Смотреть изображение файла $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img src="$IMG_URL1$" alt="" width="150" height="120"></a></td><?else?><td style="height: 150px; letter-spacing: 0px; word-spacing: 0px; width: 180px" align="center"><img src="http://www.csomsk.ru/img/No_screen.gif" alt="" width="150" height="120" alt="$TITLE$"><?endif?> <td>$MESSAGE$<br>   
   На данный момент вы просматриваете краткое описание файла <strong>$TITLE$</strong>, данный файл принадлежит категории <strong>$CATEGORY_NAME$</strong>. Материал <strong>$TITLE$</strong> опубликован <strong>$DATE$</strong>. Помимо данного материала у нас еще много других файлов схожих по меткам в разделе <strong>$SECTION_NAME$</strong>.<br>Копирования материала с сайта строго <b>Запрещено</b>
   </td> <td style="text-align: left; vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt;">
   </td>   
</tr></tbody></table></div><?endif?><div class="e-Details" style="clear:both; padding: 4px; border:1px solid #000000; background:url('http://www.csomsk.ru/gs/menuo.png')">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
Загрузок: $LOADS$ |
<?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>
Дата: <span title="$TIME$">$DATE$</span>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div></td></tr></table>

Внимание Просмотрите свой ксс стиль если у вас есть строчки с одинаковым началом типа .e-Title xxx - удалите все. Будьте внимательнее. Перед тем как заменить вид материалов сделайте копии.
Для "Копирайтеров" - Копирование данного материала строго запрещено!
Понравилось:
Категория: Скрипты для ucoz сайтов Просмотров: 4273 Комментариев: 9
NeoN8821
NeoN8821 14.10.2012 в 22:58 9
у меня получилось только вот есть увелечение,но рядом с боку увеличенная копия как сделать что бы осталось только одна?
kolya2900
kolya2900 23.09.2011 в 13:45 8
Сайь ах**уенный))) Lexarus спс биг)
CSIL
CSIL 21.09.2011 в 17:31 7
а как сделать чтоб автоматически к названию приписывалось *скачать*????????
admin7897
admin7897 13.08.2011 в 15:31 2
Когда добавляешь материал внизу есть графа Изображения [?]:-
вот там вставляешь картинку(фото)и скрипт будет работать ничего сложного нет!
u6aHyTu^_
u6aHyTu^_ 12.09.2011 в 14:59 5
cry cry cry cry
Tequil
Tequil 23.07.2011 в 14:36 1
Как вставить свое изображение? Пробовал просто в краткое описание. Изображение было но рядом была картинка " нет изображения". Как заменить ее на свою?
-Spone-
-Spone- 16.08.2011 в 22:06 3
Зайди в пу каталог файлов настройки модуля поставь галочки напртив изображения сохроняеш заливаеш файлы и там появляется изображение ОБЗОР понял?
Lexarus
Lexarus 17.08.2011 в 16:37 4
Правильно Лучший сайт www.csomsk.ru biggrin
CSIL
CSIL 21.09.2011 в 17:27 6
++согласен сайт COOL