All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Реклама

Реклама

Календарь

«  Июнь 2013  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930

Популярное

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

Про-софт - сайт професионального софта. Ето сайт не только софта но также игровых дополнений, музыки, фильмов, игр для ПК а также читов для ПК игр. Постоянное обновление материалов и каждый день появляется чтото новенькое!

Архив новостей

Авторизация

Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

На сколько оцениваете сайт?

1. Лучший из лучших
2. Круто
3. отлично
4. пойдёт
5. так себе
6. О_о

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 311
Прохожие: 311
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100

Раздел: uCoz

Вид опроса для uCoz, в стиле flat

АвторАвтор: greenpis

|Голосов: 0 ДатаДата: 29.06.2013, 21:03

Всем привет, давно я не уделял времени на улучшение внешнего вида формы опроса для 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, в стиле flat", проверьте ВСЕ ссылки на работоспособность. На момент публикации "Вид опроса для uCoz, в стиле flat", все ссылки были в рабочем состоянии

Другие материалы на эту тему:

    Теги к материалу:

    Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Популярные файлыНовые файлы
    Call of Duty 5: World at ...[ Скачали 67627 раз ]
    Амфибии, Гайд по ассасина...[ Скачали 32106 раз ]
    Амфибии, Гайд по шаманам.[ Скачали 30945 раз ]
    cs 1.6 patch v48 full[ Скачали 29417 раз ]
    Русский бот PW Alfa v 2.6[ Скачали 17606 раз ]
    Огромный пак глюков и баг...[ Скачали 13068 раз ]
    civilization 5 скачать бе...[ Скачали 12181 раз ]
    PW MP5[ Скачали 11473 раз ]
    MHS-Bot-PW 2.3 ботовод[ Скачали 10832 раз ]
    Niko Bellic (нико белич) ...[ Скачали 10233 раз ]
    Wallpapers Mix №1896[ Добавлен 21.12.2024 ]
    Wallpapers Mix №1895[ Добавлен 19.12.2024 ]
    Wallpapers Mix №1894[ Добавлен 18.12.2024 ]
    Wallpapers Mix №1893[ Добавлен 17.12.2024 ]
    Wallpapers Mix №1892[ Добавлен 15.12.2024 ]
    Wallpapers Mix №1891[ Добавлен 14.12.2024 ]
    Wallpapers Mix №1890[ Добавлен 13.12.2024 ]
    Wallpapers Mix №1889[ Добавлен 13.12.2024 ]
    Wallpapers Mix №1888[ Добавлен 12.12.2024 ]
    Wallpapers Girls №1178[ Добавлен 11.12.2024 ]