Главная » 2012 » Октябрь » 2 » Новый вид материалов "Топ Сайтов" (Скрипты для ucoz)
02.10.2012, 07:13

Новый вид материалов "Топ Сайтов"




Очень интересный и уникальный вид материалов для ucoz. Он отображает скрин сайта, баннер сайта размеров 88х31, описания сайта, и прочее.

Ну что ж приступим к установке. Для начала установим вид материалов.

Шаг 1: Заходим в ПУ / Каталог сайтов / Управления дизайном / Вид материалов.
Шаг 2: Копируем код вида материалов и вставляем себе:

Code
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 3px;">
  <tr>
  <td width="13%" class="tdone">
  <center><a href="$SITE_URL$"><img src="http://mini.s-shot.ru/?$SITE_DIRECT_URL$" width="81"/></a></center>
  </td>
  <td valign="top" class="tdtwo" colspan="4">
  <?if($MESSAGE$)?><?substr($MESSAGE$,0,420)?>.<?else?>Описания отсутствует...<?endif?>
  </td>
  </tr>
  <tr>
  <td width="13%" class="tdtre">
  <center><img src="<?if($OTHER1$)?>$OTHER1$<?else?>http://image-up.3dn.ru/_ph/1/2/38474957.png<?endif?>" /></center>
  </td>
  <td class="tdfor">
  <a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$
  </td>
  <td width="19%" class="tdfor">
  <center>Зашли на сайт: <span class="cut-num">$READS$</span></center>
  </td>
  <td width="19%" class="tdfor">
  <center>Пришли на сайт: <span class="cut-num">$REDIRECTS$</span></center>
  </td>
  </tr>
  <tr>
  <td class="tdfif" colspan="4">
  <div style="float: right;"><a href="$ENTRY_URL$" class="likees">Полная статистика</a></div><div style="margin-top: 2px;"><span class="spanchik">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span><span class="spanchik">Добавил: $USERNAME$</span>Комментариев: $COMMENTS_NUM$</div>
  </td>
  </tr>
</table>


Сохраняем.

Шаг 3: Далее устанавливаем CSS:

Code
/* by coffee | iblod.3dn.ru */
.tdone {padding: 2px; border: 1px solid #ccc; border-right: 1px dotted #ccc; background: rgba(235,235,235,0.55);}
  .tdtwo {padding: 3px; border: 1px solid #ccc; border-left: 0px; background: rgba(235,235,235,0.30);}
  .tdtre {border: 1px solid #ccc; padding: 2px; border-top: 0px; border-right: 1px dotted #ccc; background: rgba(235,235,235,0.55);}
  .tdfor {border: 1px solid #ccc; padding: 3px; border-left: 0px; border-top: 0px; background: rgba(235,235,235,0.30);}
  .tdfif {border: 1px solid #ccc; border-top: 0px; padding: 3px; background: rgba(235,235,235,0.30);}
  .spanchik {border-right: 1px dotted #ccc; padding-right: 3px; margin-right: 3px;}
  .likees {-moz-transition: all 0.3s ease 0s; -moz-box-sizing: border-box;background: url("http://image-up.3dn.ru/_ph/1/2/895184048.png") repeat-x scroll center top #323232;border: 1px solid #2B2B2B;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);color: #FFFFFF;cursor: pointer;font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 8pt;font-style: normal;line-height: 18px;outline: medium none;padding: 0 6px;text-align: center;text-shadow: 0 -1px 0 #2B2B2B;}  
  a.likees {color: #FFFFFF; text-decoration: none;}  
  .likees:hover {background-color: #555555;color: #FFFFFF;text-
decoration: none;}  
  .likees:active {background-color: #242424;color: #FFFFFF;outline: 0  
none;}
  .cut-num { border-radius: 3px; background: #ccc; padding: 3px; color: #fff;}
/* ---------- */


Сохраняем
b Ujnjdj!
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://iblog.3dn.ru
Категория: Скрипты uCoz | Просмотров: 1428 | Добавил: sold93 | Рейтинг: 4.0/1 |
Теги: материалов, Топ, сайтов, вид, новый
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]