Новые статьи и видео

Новое на форуме

Новые шаблоны

Топ по репутации ↓

#1 antisept (987) ← Лидер
#2 lesha (616)
#3 Сай_22 (487)
#4 Voker (454)
#5 sold93 (408)

Мини-чат

Новые комментарии

Просто у сайта-источника домен закончился, вот его системный домен: scripting[.]ucoz.ru
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).

Не работает, отсутствует js файл в script...

А чему удивляться, когда изначально контент проксируется через другие ресурсы, а не заливался на этот сайт - соответственно прямая зависимость от кого-то, обрекая сайт на забвение. Особенно НЕприятно читать такое от команды сайта (посетителям не важно знать чего было сделано ранее на сайте или будет делаться, им важен текущий момент, что приходят за чем-то, не находят и соответственно покидают сайт). И после этого кто-то еще пишет, что сама тематика себя изжила... смешно? нет, не очень.

Вахах, да)) biggrin

Реальные

Подскажите, в той форме входа которая выше что нужно добавить чтобы она в мобильной версии не прилипала к правому краю? а отображалась по центру. Пытался выровнить при помощи добавления right: но она тогда растягивается в браузере на ПК и не красиво смотрится.

Как изменить ссылку "Перейти на страницу материала" на "Перейти на главную"?

я бы больше удивился, если бы он остался за 8 то лет

И где скрипт??? angry

почему не работает

у кого работает отзовитесь

это шутка или реальные твиты будут с твитера

мне надо

не работает

Присоединяйся

Теги сайта

мониторинг скрипт для ucoz, скрипт профиль для ucoz, ucoz меню, ucoz мини чат, статистика для ucoz, скачать php скрипты, php скрипт поиска, скачать скрипты для ucoz, скрипт магазина php, javascript скачать, javascript document, учебник по jQuery, учебник по html, Графика для сайта, Иконки групп , часы для ucoz, javascript часы, меню для ucoz

Друзья сайта

Статистика

Онлайн всего: 5

Гостей: 5

Пользователей: 0

Главная » » Стилизация опроса uCoz v.1.5 (Скрипты для ucoz)

19.02.2012, 12:03

Стилизация опроса uCoz v.1.5

Стилизация опроса uCoz v.1.5 Более улучшенная версия стилизации стандартного вида опроса в системе uCoz.

Для начало мы с вами должны заменить старый html код опроса на новый, для этого заходим в админ панель вашего сайта в системе uCoz Админ панель => Дизайн => Управление дизайном => Опросы => Вид формы опросов

удаляем от туда старый код и устанавливаем новый:

Код

<div class="cell_poll">
  <div class="poll_title">$QUESTION$</div>

  <div class="poll_variant">$ANSWERS$</div>
  <div class="poll_niz">
  <div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div>
  <div class="poll_right">Всего ответов: $TOTAL_VOTES$</div>
  </div>
</div>
<script type="text/javascript">
  var a = ['http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_01.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_02.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_03.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_04.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_05.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_06.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_07.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_08.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_09.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_10.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_11.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_12.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_13.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_14.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_15.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});}
  $('div.answer span').each(function(){$(this).html($(this).html()+' ')});
</script>

Если вы хотите, чтобы в вашем опросе присутствовал процент проголосовавших за тот или иной вариант опроса, то ставим этот вариант кода:

Код

<div class="cell_poll">

  <div class="poll_title">$QUESTION$</div>
  <div class="poll_variant">$ANSWERS$</div>
  <div class="poll_niz">
  <div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div>
  <div class="poll_right">Всего ответов: $TOTAL_VOTES$</div>
  </div>
</div>
<script type="text/javascript">
  var a = ['http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_01.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_02.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_03.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_04.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_05.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_06.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_07.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_08.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_09.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_10.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_11.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_12.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_13.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_14.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_15.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});}
  $('div.answer span').each(function(){$(this).html($(this).html()+' <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>

CSS:

Наш опрос почти готов, осталось прописать css стили:

Код

/* Ячейка опроса
------------------------------------------*/
.cell_poll {
  float:left;
  color:#555;text-shadow: 1px 1px 1px #fff;
  width:220px;
  background: #fff;
  border: 1px solid #D0D1D3;
  padding: 0px 10px 5px 10px;
}

.poll_title {
  text-align:center;
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
  font-weight: bold;
  padding: 5px 0px;
  border-bottom: 1px solid #D0D1D3;
}

.poll_variant {
  float:left;
  width:220px;
  padding: 5px 0px;
}

.poll_niz {
  float:left;
  font: 9px Verdana,Arial,Helvetica, sans-serif;
  width:220px;
  padding: 5px 0px;
  border-top: 1px solid #D0D1D3;
}

.poll_left {float:left;}
.procent,
.poll_right {float:right;}

.answer {
  background: #F6FBFC;
  padding: 2px 5px 2px 5px;
  margin: 7px 0px 7px 0px;
}

.answer input,
.answer label{
  margin:0;
}
.answer div div {
  height: 10px !important;
  border: 1px solid #fff;
  margin: 0px;
}

.answer div {
  display: block;
  position: relative;
  padding: 0 !important;
  border: 1px solid #B6B6B5;
  background: #F4F5F6;
  margin: 0px;
}
.procent {
  background: #DCEDF0;
  padding: 3px 5px;
}

.pollBut {
  font: 11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold;
  color:#b17902!important; text-shadow:1px 1px 1px #fff!important;
  background:#fed66c!important;
  border:1px solid #e3b346!important;
  padding: 4px 8px;
  margin: 5px 0px 5px 0px;
}

.pollBut:hover {
  background:#ffe49c!important;
}
/*------------------------------------------*/

Материал взят с сайта infoscript.ru

Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: www.center-dm.ru