NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Скрипт посл. комментарии как на web-ucoz.ru

Скрипт посл. комментарии как на web-ucoz.ru

Скрипт посл. комментарии как на web-ucoz.ru
Скрипты для uCoz
konfetka
12.06.13, 20:42
1138
0
Предлагаю вашему вниманиюСкрипт посл. комментарии как на web-ucoz.ru .
И так приступим.

Установка:
1. Заходим в панель управления. Создаем информер с параметрами:
Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1

В шаблон информера вставляем следующий код:
Код
<div class="block_new_comm east" original-title="$MESSAGE$">  

  <div class="block_new_av">  
  <?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="35" height="36" title="Аватар пользователя $USERNAME$"><?else?><img src="http://nk-cs.ru/design/noavatar2.png" width="35" height="36" title="Аватар пользователя $USERNAME$"><?endif?>  
  </div>  

  <div class="block_new_text">Написал: <a href="$PROFILE_URL$">$USERNAME$</a>  

  <p>  
  <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$ENTRY_TITLE$</a>  
  </p></div></div>  

  <link media="screen" href="http://web-ucoz.ru/css/tipsy.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="http://web-ucoz.ru/js/jquery.tipsy.js"></script>
  <script type='text/javascript'>
  $(function() {
  $('.north').tipsy({gravity: 'n'});
  $('.south').tipsy({gravity: 's'});
  $('.east').tipsy({gravity: 'e'});
  $('.west').tipsy({gravity: 'w'});
  });
  </script>  

  <style>  
  /* Right Block */  
  .block {background:#fff;border:2px solid #f4f4f4;width:255px;margin:8px 8px;overflow:hidden;}  
  .block_tit {background:url('http://web-ucoz.ru/img/block_tit.png')no-repeat bottom;text-transform:uppercase;color:#626262;font-style:italic;padding:8px 15px;}  
  .block_tit span {color:#588ca7;}  
  .block_con {padding:10px 10px;overflow:hidden;}  
  .block_con ul {list-style:none;}  
  .block_con li a {-webkit-transition:all 0.1s ease;background:url('http://web-ucoz.ru/img/block_con_li_h.png')no-repeat 10px 8px #fbfbfb;display:block;border-radius:3px;color:#626262;padding:6px 15px 6px 30px;margin:5px 0;text-decoration:none;}  
  .block_con li a:hover {background:url('http://web-ucoz.ru/img/block_con_li_h.png')no-repeat 10px 8px #93abbb;color:#fff;}  
  .block_new_comm {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:5px 5px;margin:5px 0;overflow:hidden;}  
  .block_new_comm:hover {background:#93abbb;color:#fff;}  
  .block_new_comm:hover .block_new_text a {color:#fff;}  
  .block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:11px;float:left;}  
  .block_new_av img {border-radius:3px;width:33px;height:33px:}  
  .block_new_text {margin:3px 0;}  
  .block_new_text a {color:#7d9ca4;text-decoration:none;font-weight:700;}  
  .block_new_text p {margin:3px 0 0 0;}  
  .block_new_text p a {color:#626262;text-transform:uppercase;text-decoration:none;font-weight:normal;}  
  .block_popular {border:1px solid #efefef;padding:3px 3px;margin:4px 3px;float:left;position:relative;}  
  .block_popular img {width:221px;height:69px;}  
  .block_popular_r {background:url('http://web-ucoz.ru/img/block_p_bg.png');border-radius:3px;position:absolute;top:8px;right:9px;padding:3px 0;color:#efefef;text-align:center;width:48px;height:22px;font-size:9px;}  
  .block_popular_c {background:url('http://web-ucoz.ru/img/block_p_bg.png');border-radius:3px;position:absolute;bottom:8px;right:9px;padding:3px 0;color:#efefef;text-align:center;width:48px;height:22px;font-size:9px;}  
  .block_popular_name {background:#fbfbfb;border-radius:3px;padding:6px 15px;margin:1px 3px;clear:left;}  
  .block_popular_name a {text-transform:uppercase;text-decoration:none;color:#626262;}  
  .block_popular_name a:hover {color:#7d9ca4;}  
  .block_popular_name p {margin:5px 0 0 0;}  
  .block_popular_name p a {text-decoration:none;color:#7d9ca4;text-transform:none;font-weight:700;}  
  .block_popular_name p a:hover {color:#626262;}  
  .block_counter_box {background:url('http://web-ucoz.ru/img/block_tit.png')no-repeat bottom;padding-bottom:16px;margin:5px 8px 0 8px;overflow:hidden;}  
  .block_counter {float:left;margin-top:3px;}  
  .block_onlcounter {float:right;}  
  .block_uslist {margin:10px 9px 15px 9px;}  
  .block_todayus {background:#fbfbfb;border-radius:3px;color:#6f6f6f;padding:6px 15px;margin:0 8px;text-transform:uppercase;font-style:italic;text-align:center;}  
  .block_todayus span {color:#588ca7;}  
  .block_todayusinf {margin:10px 9px;}  
  /* --- */  
  </style>


2. Теперь где хотим видеть.
Вставляем следующий код:
Код
<div class="block_con" style="padding:4px 10px;">
  $MYINF_X$
  </div>


3. $MYINF_X$ - Меняем на тот который у вас получился. Установка завершена.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)