• Страница 1 из 1
  • 1
Модератор форума: admin  
Вид опроса как на DLE
adminДата: Четверг, 10.02.2011, 09:16:56 | Сообщение # 1

Группа: Администраторы
Сообщений: 3869

Вам надоел стандартный вид опросов или хотите чего-нибудь нового,
интересного и полезного?! Тогда вот новый стиль опросов для Вас.

Установка:
Скачайте архив и залейте все картинки к себе на сайт в папку images, затем добавьте в ваш CSS вставьте этот код:

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');     
    }

Главная » Управление дизайном » Опросы » Вид формы опросов, в самый низ вставьте код:
Code
<script type="text/javascript">    
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 < a.length; 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>

Скачать файл

Готово!
Автор: TRANE73 & TRAIN


zm-jail.ru

Разработка сайта samp-pawno.ru


 
Сообщение
Вам надоел стандартный вид опросов или хотите чего-нибудь нового,
интересного и полезного?! Тогда вот новый стиль опросов для Вас.

Установка:
Скачайте архив и залейте все картинки к себе на сайт в папку images, затем добавьте в ваш CSS вставьте этот код:

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');     
    }

Главная » Управление дизайном » Опросы » Вид формы опросов, в самый низ вставьте код:
Code
<script type="text/javascript">    
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 < a.length; 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>

Скачать файл

Готово!
Автор: TRANE73 & TRAIN

Автор - admin
Дата добавления - 10.02.2011 в 09:16:56
  • Страница 1 из 1
  • 1
Поиск:
Загрузка страницы, займет меньше минуты...
Загрузка...

Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
Система телефонов поломалась
Не в себе
фильм скалайн
Трансформеры 3
форсаж 6
Ищу [FS]Для админок на сервер
нужны координаты карты для отметки зон...
Помогите найти мод
pawno урок автоматические ворота
обращение к скриптерам.
Вопросы по скриптингу
Ваши ошибки при компиляции GM/FS

Вопросы по скриптингу

(1081)

Считаем до 1000

(274)

Ваши ошибки при компиляция gm

(260)

Набор в команду

(80)

Ваши ошибки при компиляции GM/FS

(71)

вопроосы по скриптингу от 22.04.2013

(64)

Баннеробмен

(64)

несколько команд на samp 0.3 c

(64)

Оценки сайта samp-pawno.ru

(55)

Заказ хостинга

(51)

Набор в команду(форум)

(45)

Урок №61 по созданию системы авто для GodFather

(45)

admin

(3869)

[east_side]_trane

(443)

TWiX

(316)

valych

(501)

drifter-dron

(477)

danik_rok

(317)

Dimka_71rus

(360)

Drifter96

(300)

MaNb9K

(220)

[MTA]MaPeR5518

(181)

Dima_Tkach

(107)

Nik_Ull

(184)

system32xzxz

(Четверг 09:25:24)

torbin169

(Суббота 23:09:29)

kuchuk_00

(Суббота 17:10:14)

artem_boyko_3

(Суббота 15:57:37)

greggelbak

(Среда 18:29:37)

vladisvlavs

(Среда 13:51:57)

add02102002

(Понедельник 22:37:15)

Диман221

(Понедельник 18:12:45)

almas051004

(Воскресенье 11:05:32)

megasuccessms

(Суббота 14:15:36)

nawe

(Пятница 22:25:23)

swoysb

(Пятница 14:55:29)

Вверх
06:10:58
ОбновитьСмайлыУправление мини-чатом
ЧАТ-PAWNO
2010-2025

vkontakte :samp-pawno.ru: