Хостинг от uCoz
Место свободно
Баннерообмен
Заказать рекламу
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: BLaZe  
Красивый цветной вид опроса
Сообщение
[redtable]Установка очень проста:
[/redtable]
[greentable]Скачайте [http://live-gamez.3dn.ru/_fl/ucoz/images.rar] и залейте все картинки к себе на сайт в папку images

Затем добавьте в Ваш CSS вот этот стиль:[/greentable]

Code
.progress { border: 1px solid #ccc; position: relative; display: block; padding: 0; margin:2px 0; background: #DEDEDE; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9)); background: -moz-linear-gradient(top, #ccc, #e9e9e9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;  
    box-shadow:0 1px 0 #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}  
.progress_1 {  
    border: 1px solid #0078a5; background-color: #5C9ADE;  
    background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #00adee), color-stop(0.9, #0078a5));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');  
}  
.progress_2 {  
    border: 1px solid #5c9425; background-color: #77AF3F;  
    background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #8fc857), color-stop(0.9, #5c9425));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');  
}  
.progress_3 {  
    border: 1px solid #f47a20; background-color: #faa51a;  
    background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');  
}  
.progress_4 {  
    border: 1px solid #A92C2C; background-color: #C44747;  
    background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');  
}  
.progress_5{  
    border: 1px solid #8c2ca9; background-color: #8c2ca9;  
    background: -moz-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #bf5fdd), color-stop(0.9, #8c2ca9));  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');  
}

[greentable]И. наконец, откройте Вид формы отпросов и добавьте в конец это:[/greentable]
Code
<script type="text/javascript">  
/* Новый вид опроса для uCoz  
    * by TRANE73 & TRAIN  
    * 09.02.2011 (version 1.0)  
    * Изменение данных строк запрещено  
*/  
var a = ['/images/ic1.png','/images/ic2.png','/images/ic3.png','/images/ic4.png','/images/ic5.png','/images/ic1.png','/images/ic2.png','/images/ic3.png','/images/ic4.png','/images/ic5.png'];  
for(var i = 0; i < 20; i++){$('div.answer div').eq(i).addClass('progress').css({height: '18px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '-3px', marginBottom: '-3px', height: '25px', backgroundRepeat: 'repeat-x'});}  
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});  
    </script>

Автор - Engine-1kiloWat
Дата добавления - 11.02.20 в 15:23:08
Engine-1kiloWat Дата: Воскресенье, 11.02.20, 15:23:08 | Сообщение # 1
eNemy.TeaM
Рейтинг: 3
Сообщений: 124
Ранг 2
Награды: 1
[Гости не могут видеть сообщения, пожалуйста войдите в аккаунт или зарегестрируйтесь]

[img]http://www.gamer-by.net.ru/banner/bez-imeni-1.gif[/img]
[img]http://www.gamer-by.net.ru/logotip.png[/img]
Украина
  • Страница 1 из 1
  • 1
Поиск:


GameR-bY.net.ru тут есть все Сайт оптимизирован под браузер Opera. Sitemap | Sitemap-forum | Tags |
Дизайн данного сайта полностью принадлежит пользователям ucoz.


Вся информация предоставленная на сайте является собственностью авторов. Любую информацию размещенную на сайте разрешенО копировать без размещения ссылки на источник. Дизайн данного сайта принадлежит полностью администратору сайта. Категорически разрешенО копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается Подарок от администрацией хостера (в данном случае системы uCoz).
Yandex | Google | Rambler | Yahoo | Mail