Информер с плавным обновлением комментариев для uCoz - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Скрипты для uCoz » Информеры для сайта uCoz » Информер с плавным обновлением комментариев для uCoz

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Информер с плавным обновлением комментариев для uCoz



Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка информера:

Создаем информер с такими параметрамы: Коментарии - Все модули - Количество материалов 10 - Колочество колонок 1 и вставляем в информер весь этот код:

Код

<style>
#ds-comment {  
  overflow:hidden;  
  height:250px;  
  width:250px;  
  border:solid 1px #C8D9E5;  
  padding: 0px 0px 0px 0px;  
  background: #F8FCFF;  
  }  
  #ds-comment li {  
  list-style:none;  
  overflow:hidden;  
  border-top: 1px solid #fff;  
  border-bottom: 1px solid #C8D9E5;  
  padding: 10px 5px 10px 5px;  
  }  
  .ds-comment-avatar {  
  float:right;  
  width:25px;  
  height:25px;  
  background: #F3F3F3;  
  margin-left: 5px;  
  padding: 2px;  
  border:1px solid #C8D9E5;  
  }  
  .massage_link:link,  
  .massage_link:visited {  
  text-decoration: none;  
  color:#555;  
  }  
  .massage_link:hover {  
  color:#999;  
  }  
  #ds-comment li a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5;  
  opacity: 0.5;  
  filter: alpha(opacity=50);  
  }  
</style>
<li>  
<a href="$PROFILE_URL$" target="_blank">
<?if($USER_AVATAR_URL$)?>
<img class="ds-comment-avatar" src="$USER_AVATAR_URL$" />
<?else?>
<img class="ds-comment-avatar" src="http://delaisait.ucoz.ru/img/1/1/1/komments.png" alt="no" />
<?endif?>
</a>
<a class="massage_link" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>  
</li>  
<script type="text/javascript">  
  $(document).ready(function(){  
  var first = 0;  
  var speed = 700;  
  var pause = 3500;  
  function removeFirst(){  
  first = $('ul#ds-comment li:first').html();  
  $('ul#ds-comment li:first')  
  .animate({opacity: 0}, speed)  
  .fadeOut('slow', function() {$(this).remove();});  
  addLast(first);  
  }  
  function addLast(first){  
  last = '<li style="display:none">'+first+'</li>';  
  $('ul#ds-comment').append(last)  
  $('ul#ds-comment li:last')  
  .animate({opacity: 1}, speed)  
  .fadeIn('slow')  
  }  
  interval = setInterval(removeFirst, pause);  
  });  
  </script>


Теперь в блок, где будет находиться информер вставляем и заменяем номер информера на Ваш:

Код

<ul id="ds-comment">  
$MYINF_9$  
</ul>


Осталось выделить основные настройки:

#ds-comment {
overflow:hidden;
height:250px; - высота блока
width:250px; - ширина блока
border:solid 1px #C8D9E5;
padding: 0px 0px 0px 0px;
background: #F8FCFF; - фон блока
}

Можно сделать информер на всю высоту, при высоте в 250 пикселей он смотрится неопрятно из за пропадающего внизу текста, кстати не понятно зачем выводить в настройках 10 материалов если и первый может быть полностью не виден.

Советую использовать показ не более 5 материалов!!!
Стили описанные выше замените на:

#ds-comment {
overflow:hidden;
height:auto;
width:250px;
border:solid 1px #C8D9E5;
padding: 0px 0px 0px 0px;
background: #F8FCFF;
}

Материал добавлен пользователем startsmart, работоспособность проверена администратором.






Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 1267 | Добавил: startsmart | Рейтинг: 0.0/0

    Всего комментариев: 13
    0   Спам
    13 gefest35   (03.08.2013 23:14)
    Аватар gefest35 там чё поменять немного всё . шоб немного неузноваем был . но тоже в тёмных тонах . и главное мой который будет в паблик не выкидывать . ну тот шо загнал в личьку делай с ним чё хошь-могу ешо пару его работ подогнать-цена значения не имеет могу сразу оплатить . я со стариком не могу связаться даже у него на сайте . может помер biggrin этот шаблон давно хотел поставить . но . но он уже давно не оригинален

    0   Спам
    12 gefest35   (03.08.2013 22:42)
    Аватар gefest35 или переделать немного один . а то его дох. кто уже рипнул )) щас на сервер его себе закину и дам в личьку сыль вот демо http://www.roccat.org/ работа - STARiK была
    определись чё стоить будет

    0   Спам
    8 gefest35   (03.08.2013 19:45)
    Аватар gefest35 вот глянь )) http://www.php-ucoz.ru/ (( тот же самый информер но работает как положенно - походу у меня какой то косяк с сайтом - надо переуствновить весь шаблон . поудолять всё сночала

    0   Спам
    9 IZOTOP   (03.08.2013 20:43)
    Аватар IZOTOP Ну чо, глянул сайт.
    Без интерпретаций, человек сможет объяснить.
    ткк

    0   Спам
    10 gefest35   (03.08.2013 20:46)
    Аватар gefest35 щас шаблон переустонавлюю - наверное новый куплю

    0   Спам
    11 IZOTOP   (03.08.2013 21:21)
    Аватар IZOTOP Шаблон сделать смогу,но только при условии что Ты сам его видишь, и как минимум сможеш нарисовать или чо в край определиться с тем что мн вот ТАКОЙ ->.

    0   Спам
    7 gefest35   (31.07.2013 20:06)
    Аватар gefest35 уууууууу))) вилы выкидные вологодские на кнопочьке ))) У меня всё там через жо..... поехал я на работу

    0   Спам
    6 gefest35   (31.07.2013 19:39)
    Аватар gefest35 пасиба)) а чё делать то - удолять шоль всё чё красным ?? не получаеться

    0   Спам
    4 gefest35   (31.07.2013 17:34)
    Аватар gefest35 ну вот чё получаеться . все десять ком во всю длинну и без рамки . я думаю может из за шаблона

    0   Спам
    5 IZOTOP   (31.07.2013 18:25)
    Аватар IZOTOP Слушай, нужно срочно исправить все ошибки.
    Во первых, тип документа HTML5 не подходит, в вёрстке используются устаревшие теги и атрибуты.
    Остальные посмотри сам, для этого зайди на свой сайт с браузера Мозила, нажми на странице правой кнопкой и выбери "Исходный код".
    Всё что выделено красным цветом - ошибки!!!
    Одних тегов <body> четыре штуки вместо одного.
    Только аккуратно исправляй, не забудь сделать копию на всяк случай.
    Все косяки из за ошибок.

    0   Спам
    2 gefest35   (31.07.2013 03:15)
    Аватар gefest35 я его уже два дня мучаю )) вобщем коменты получаються без рамки как на скрине и весь низ сайта прыгает вместе с информером . хотя на другом сайте видел всё работает порядок . не пойму в чём косяк у меня

    0   Спам
    3 IZOTOP   (31.07.2013 12:22)
    Аватар IZOTOP Конец мучениям!
    Материал я изменил надеюсь теперь проблем с установкой будет меньше.

    0   Спам
    1 gefest35   (31.07.2013 03:04)
    Аватар gefest35 а самый первый скрипт . тот что после тега ставим ) куда и после какова тега именно ??


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]