• Страница 1 из 1
  • 1
Скрипт Вид материалов каталога файлов с увеличением изображе
Lexarus
Offline
Дата: Вторник, 10.05.2011, 17:51 | Сообщение # 1
Постов: «3513»
Лучший админ

Скрипт Вид материалов каталога файлов с увеличением изображения (Темный дизайн). Данный скрипт разработан 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 - удалите все. Будьте внимательнее. Перед тем как заменить вид материалов сделайте копии.
Для "Копирайтеров" - Копирование данного материала строго запрещено!
Zaec
Offline
Дата: Вторник, 26.07.2011, 15:23 | Сообщение # 2
Постов: «3»
Рядовой
[greram]Супееееееррр!! Спс агромное)[/greram]
Naikon
Offline
Дата: Среда, 27.07.2011, 03:56 | Сообщение # 3
Постов: «8»
Рядовой
Класс!

Сообщение отредактировал Lexarus - Среда, 27.07.2011, 10:23
  • Страница 1 из 1
  • 1
Поиск: