ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Вид материалов каталога файлов 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> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 5 | |
| |