Четверг, 23.11.2017, 06:53
Скрипты для Ucoz
Карта сайта
Главная | Стилизация опроса uCoz v.1.5 - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
Страница 1 из 11
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Стилизация опроса uCoz v.1.5
Стилизация опроса uCoz v.1.5
BatareykaДата: Суббота, 10.03.2012, 14:17 | Сообщение # 1
Рядовой
Группа: Пользователи
Пол:
Награды: 0
Репутация: 0
Сообщений: 2
[admin]
Напишу от себя, что в этом коде было Четыри!!!!! вредоносных кода (по-моему это рекорд biggrin ), их я разумеется удалил, также я перезалил себе на сайт все изображения. На работоспособность скрипт я не проверял, но думаю, что должно работать!
Поэтому: Прежде чем устанавливать скрипт Сохраните Ваши родные кода!
Просьба всех, кто установит этот скрипт, написать о его работоспособности!!![/admin]

Скрин:


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

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

Code
<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://ssilki.at.ua/image/Forum/gosti/Mini_Progress_01.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_02.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_03.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_04.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_05.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_06.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_07.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_08.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_09.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">
    <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://ssilki.at.ua/image/Forum/gosti/Mini_Progress_01.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_02.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_03.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_04.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_05.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_06.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_07.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_08.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_09.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 » Скрипты для Ucoz » Стилизация опроса uCoz v.1.5
Страница 1 из 11
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2017

Создать бесплатный сайт с uCoz