вСкрипты для Юкоз

Вид материалов каталога файлов 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>