» »

Вид материалов каталога файлов HASR для системы ucoz


Вид материалов каталога файлов HASR для системы ucoz

По дизайну этот вид смотрится красиво, так же есть все функций для кода. Был создан для сайта со светло синим дизайном. Но так же может хорошо подойти по своим стилям и оттенку цвета на простой светлый по гамме цвета портал.
Приступаем к установке:
Скачиваем файл с нашего портала и заливаем картинки в корень сайта в папку images. Потом копируем стиль и прописываем в своем css. И веде материалов новостей или файлов удираем код старый и вставляем код новый.
2. В CSS в самый вверх
Код
table.modern_block_top {width: 100%;border: 0px;background: url('/images/modern_block_header_bg.gif') left top repeat-x;margin: 2px 0px 0px 0px;}  
table.modern_block_alt_top {width: 100%;border: 0px;background: url('/images/modern_block_header_bg.gif') left top repeat-x;margin: 2px 0px 0px 0px;}  
table.modern_block {width: 100%;border: 0px;background: #ffffff url('/images/modern_block_bg.gif') left bottom repeat-x;margin: 0px 0px 2px 0px;}  
table.modern_block_closed {width: 100%;border: 0px;background: url('/images/modern_block_header_bg.gif') left top repeat-x;margin: 2px 0px 2px 0px;}  
td.modern_block_top_left {width: 6px;background: url('/images/modern_block_top.gif') left top no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_block_top {height: 29px;background: url('/images/modern_news_top.gif') left top repeat-x;font-family: tahoma, verdana, arial;font-size: 11px;line-height: 12px;font-weight: bold;letter-spacing: 0.5px;vertical-align: middle;color: #ffffff;cursor: default;text-align: center;padding-right: 10px;}  
td.modern_block_show_hide {background: url('/images/modern_news_top.gif') left top repeat-x;font-size: 1px;vertical-align: middle;padding: 0px;width: 12px;}  
td.modern_block_top_right {width: 8px;background: url('/images/modern_block_top.gif') right top no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_block_left {width: 6px;background: url('/images/modern_block_left.gif') left top repeat-y;font-size: 1px;line-height: 1px;}  
td.modern_block_right {width: 8px;background: url('/images/modern_block_right.gif') right top repeat-y;font-size: 1px;line-height: 1px;}  
td.modern_block_bottom_left {height: 5px;width: 6px;background: url('/images/modern_block_bottom.gif') left bottom no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_block_bottom {height: 5px;background: url('/images/modern_news_bottom.gif') left bottom repeat-x;font-size: 1px;line-height: 1px;}  
td.modern_block_bottom_right {height: 5px;width: 8px;background: url('/images/modern_block_bottom.gif') right bottom no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_news_top {background: url('/images/modern_news_top.gif') left top repeat-x;height: 29px;font-family: tahoma, arial, verdana;font-size: 11px;line-height: 12px;font-weight: bold;letter-spacing: 1px;vertical-align: middle;color: #ffffff;cursor: default;padding: 0px 4px 4px 0px;}  
td.modern_news_main {border: 0px;margin: 0px;padding: 4px 14px 6px 14px;font-family: tahoma, verdana, arial;font-size: 11px;line-height: 14px;text-align: justify;}  
a img {border: none; }  
a {text-decoration: none;}

3. Заходим в ПУ --> Дизайн --> Управление дизайном (шаблоны) --> Каталог файлов --> Вид материалов --> Удаляем оттуда все и вставляем код:
Код
<table class="modern_block_top" cellpadding="0" cellspacing="0">  
  <tbody><tr><td class="modern_block_top_left" nowrap="nowrap"></td>  
  <td class="modern_news_top" style="padding: 0px; width: 1%;"><img src="/images/modern_icon_news.gif" class="icon" border="0" alt="вид материалов от ZORNET.RU"></td>  
  <td class="modern_news_top"><a href="$ENTRY_URL$"><font color="#000000"><b title="Подробнее $TITLE$"> $TITLE$</b></font></a><br></td>  
  <td class="modern_block_top_right" nowrap="nowrap"></td>  
  </tr></tbody></table>  
  <table class="modern_block" border="0" cellpadding="0" cellspacing="0">  

  <tbody><tr><td class="modern_block_left" nowrap="nowrap"> </td>  
  <td id="modern_news_category">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | Добавил:<a href="$PROFILE_URL$">$USERNAME$</a>  

  </td>  
  <td id="modern_news_category" style="text-align: right; width: 16px;"><a href="#" target="_self" title="Подняться вверх страницы" style="border: 0px none;"><img src="/images/modern_navigation_up.gif" align="absmiddle" border="0"></a></td>  
  <td class="modern_block_right" nowrap="nowrap"> </td>  
  </tr>  
  <tr>  
  <td class="modern_block_left" nowrap="nowrap"> </td>  
  <td class="modern_news_main" colspan="2">  

<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">  
<tbody><tr>  
<td style="padding: 5px; vertical-align: top;">$MESSAGE$</td>  
</tr>  
</tbody></table>  

</td>  
  <td class="modern_block_right" nowrap="nowrap"> </td>  
  </tr>  

  <tr>  
  <td class="modern_block_left" nowrap="nowrap"> </td>  
  <td id="modern_news_category" style="padding: 2px 0px 10px 14px;">Просмотров: $READS$ | <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a></td>  
  <td class="modern_news_category" style="padding: 2px 8px 10px 0px; width: 300px; text-align: right;"> <b><a target="_top" href="$ENTRY_URL$"><img src="/images/csomsk2011-news.png" alt="вид материалов от www.csomsk.3dn.ru"></a></b></td>  
  <td class="modern_block_right" nowrap="nowrap"> </td>  
  </tr>  
  <tr>  

  <td class="modern_block_bottom_left" nowrap="nowrap"></td>  
  <td class="modern_block_bottom" colspan="2"></td>  
  <td class="modern_block_bottom_right" nowrap="nowrap"></td>  
  </tr>  
  </tbody></table>
18.04.2012 Загрузок: 13 Просмотров: 2057 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kvint
Kvint 06.01.2016 22:341
0
Где такой материал нашли, вообще в первые вижу и понять не могу, как и что где будет.
Brung
Brung 06.01.2016 22:452
0
Удивлюсь, что он еще работает, и такое может быть, так как файл нужно скачивать.
Сопрано
Сопрано 06.01.2016 22:523
0
Но вот проверь, чтоб точно знать, на плаву этот вид или нет.
csretven
csretven 06.01.2016 23:044
0
Больше на торрентах видать стоял этот вид материала.
Kosten
Kosten 06.01.2016 23:145
0
Но если написано, скачать, то это может быть просто софт ресурс.
avatar