Суббота, 20.04.2024, 17:26


Главная| Регистрация | Вход
Меню сайта
Counter-Strike
Мастерская
Другое
Видео о cs
Cs Art
Мини-чат
Опрос
Сколько тебе лет
 
Всего ответов: 104
Время на сайте =)
Реклама №1



Рекламное место свободно Обращайтесь к Админ
Статистика
Статистика:
Всего: 593
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Гл.Администраторов: 1
Администраторов: 0
Гл.Модераторов: 0
Модераторов: 4
Гл.Дизайнеров: 0
Дизайнеров: 1
Файловиков: 0
Проверенных: 1
Постоянных: 0
V.I.P Персон: 1
Друзья сайта: 0
Обычных юзеров: 585
Заблокированные: 0
Из них
Парней: 549
Девушек: 43
Счетчик:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Юзеры онлайн:
Нас посетили:

Главная » 2013 » Июнь » 29 » Вид опроса для uCoz, в стиле flat
20:46
Вид опроса для 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 готова.

На этом всё спасибо за внимание!
Просмотров: 367 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
ComForm">
avatar
Рай для анимешника
 
  AnimeLend.Info - сайт для фанатов аниме, у нас собранно все видео аниме онлайн. В нашей базе есть русская озвучка и субтитры, старые издания и новинки, множество жанров и категорий, тут настоящий рай для анимешника.
Мини профиль

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Все для ВебМастера
Все для Photoshop
Бонусы WMR

Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Обмен Webmoney

Друзья сайта


AnimeLend.info

ПОЛУЧИ ДЕНЬГИ НА КОШЕЛЁК

Место свободно

Место свободно

Топ фаловиков


casper
Респект: 45
Постов: 444
Файлов: 226


tema
Респект: 6
Постов: 1
Файлов: 26


danbdan
Респект: 18
Постов: 0
Файлов: 5


tubaretka2012
Респект: 0
Постов: 0
Файлов: 4


axe_sunkar
Респект: 0
Постов: 0
Файлов: 1
Последнее на форум
Загадки...
Сообщений от: casper
Кто первый?
Сообщений от: casper
Анекдоты
Сообщений от: casper
Kryk - Это СмС обманш...
Сообщений от: casper
Общение на любые темы...
Сообщений от: casper
КАК РАЗБЛОКИРОВАТЬ AL...
Сообщений от: casper
Как поднять ТИЦ
Сообщений от: casper
Ничего Интересного
Сообщений от: casper
Пос. Коментарии
Написал: casper
Написал:
Поиск
Теги для пойска:
aim bot для cs Counter-Stirke asasins creed новости зомби Crysis - PC Game Torrent crysis 3 скачать Игры Новости игровые новости смотреть новости видео online diz-cs бесплатно сервера читы Лого игровые онлайн 257 duel для Publik плагины для cs смотреть cs16 CDHACK 7.1 для cs чит аамо Garena RUS Check mesters by casper garena shells hack admin.amxx admin_sql.amxx admincmd. AIM BOT + SPEEDHACK Плагин Extra Extra Items shield force - При выстреле в зомби - он превращ Antiblock Anti-Infection Armor (Броня для люд видео о cs 1467_Battle_Hardened cs видео фото AMX команды для админа Comand AmmoChange на Admin chemax CheMax Rus 7.9 addon display (Rus) Current zp server DODJE funny (Funny crazy!) zombie Effect de_dust2 приколы asult dust Counter-Strike Alien de_desktop fy_pool_day скчать карты cs16patch_full_v37 CSrun v7 - программа для запуска се DeathRun 3.0.3 Server скачать DRInviso дает меню для Т by Ollz ru Funny Voice - программа для изменен c1.6 v35 No-Steam AP AdminChat Big HuD Msg плагины скачать плагины для cs Classic server by deO читы для cs Скрипты скачать для cs Bunny Hop скачать $E Agent Smith (Urban CT) МОДЕЛИ ИГРОКОВ Coloured Bind Maker CS Flame Nades Admin_lightning Soft софт Counter strike 1.6 cs скачать Скрипты для CS взлом для моды Анти КАК
http://m4a1-m4a1.clan.su/ © Все права защищены! | Sitemap-forum | Используются технологии uCoz Советуем просматривать сайт через браузер Opera или Mozilla Firefox