Главная TuneUp Utilities Мозила Google Earth Nero uTorrent 2.2.0 Build 23703 Google Chrome 14.0.797.0 dev-m [Русская Версия] Opera 11.50 Final AIMP v2.61.560 Full Rus K-Lite Codec Pack WinRar Internet Download Manager Skype 5.3.0.120 Final/Rus Winamp Pro v 5.62 Final The Bat! Professional Edition 5.0.20 Final Главная GOM Encoder 1.1.0.39 Обои Уроки Журналы Игры для PC Фильмы Музыка Иконки,Шрифты
Подписаться на обновление
по электронной почте
RSS Лента
  
Главная | | Регистрация | Вход  
Добавить Программу
ГлавнаяКарта сайтаКак скачивать софтГостевая книгаFAQ "Как добавить софт на сайт" Добавить сайт в закладки
 
Главная

Новости

Это Интересно

Графика

Програмирование

Восстановление

Безопасность

Железо

Русификаторы

Аудио, Звук

Мультимедиа

Текст

Переводчик

Офис и Дом

Файлы и диски

Работа с CD,DVD

Плееры

Драйвера

Монтаж

E-Mail

Деловые программы

Редакторы

Конверторы

ОС

Рабочий стол, десктоп

Утилиты

Общение

Взлом

Веб-Дизайн

Браузеры

Все для мобильного

Навигация, GPS

Образование, наука

Сети

Система

Тесты

Интернет

Качалки

Firewall

Антивирусы

Хобби, увлечения

Уроки

Электронные книги

Друзья сайта

Гостевая книга

Связь с Администрацией
Фото, Обои

Игры для PC

Фильмы

Музыка

Книги и Журналы

Иконки,Шрифты

Онлайн Клипы

 

 
Домашний ПК №9 [сентябрь] 2011

 
PC Игры №8 [август] 2011

 
Лучшие компьютерные игры №7 [июль] 2011
WinRAR 4.01 Final Скачать
Архиватор
--------------------------------------
Winamp 5.6.2 Full Скачать
Аудио-плеер
--------------------------------------
Opera 11 Final Скачать
Веб-браузер
--------------------------------------
Mozilla Firefox 6 Final Скачать
Веб-браузер
--------------------------------------
The Bat! 5.0.20 Final Скачать
Почтовая программа
--------------------------------------
Download Master Final Скачать
Менеджер закачек
--------------------------------------
Total Commander 7 Final Скачать
Файловый менеджер
--------------------------------------
Adobe Photoshop CS4 Скачать
Графический пакет
--------------------------------------
Adobe Photoshop CS3 Скачать
Графический пакет
--------------------------------------
FaceFilter Studio Final Скачать
Никакого Фотошопа
--------------------------------------
CorelDRAW X4 Скачать
Графический пакет
--------------------------------------
ABBYY FineReader 10 Скачать
Распознаватель текста
--------------------------------------
K-Lite Codec Pack Final Скачать
Пакет кодеков
--------------------------------------
Alcohol 120% Final Скачать
Эмулятор CD/DVD
--------------------------------------
DAEMON Tools Pro Final Скачать
Эмулятор CD/DVD
--------------------------------------
UltraISO Final Скачать
Эмулятор CD/DVD
--------------------------------------
Nero 9 Final Скачать
Запись CD/DVD
Главная » 2013 » Июнь » 29 » Вид опроса для uCoz, в стиле flat
20:03
Вид опроса для 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 готова.

На этом всё спасибо за внимание!
 
 
  Скачать бесплатно | Free Download: 
 
 
 
Случайные новости c сайта:
» Скачать Portable Opera 10.51 Build 3309 Snapshot Multilingual
» Скачать Сборка красивых обоин
» Скачать Lineage 2 Under World x500 (2010/RUS/ENG)
» Скачать WinMount 3.3.0401 (32 & 64 bit) +Keygen
» Скачать JetBee 5.11 Build 454 (Portable/Rus)
» Скачать Start Menu 7 Pro 3.62
» Скачать Ashampoo Internet Accelerator 3.20 - Rus - оптимизировать производительность вашего интернет.
» Скачать The Bat! Professional Edition 4.2.33.9 Rus бесплатно
 
Просмотров: 428 | Добавил: DoG
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Ключи интернет уроки фото mp3 Office обои софт игры dvd Переводчик Скачать Download Internet текст фильмы музыка Russian 2011 комедия очень кино фильм русский Server Professional игра Sniper Driver бесплатно мира Программа новая Microsoft game the девушки Photoshop ВИДЕО Новые Программы война Action Набор Работы лучший Настройки языка x86 история лучшие House Книги книга видеофильмы music эротика деньги файл триллер ужасы человек Онлайн мультфильм ищу боевики Боевик обучение arcade поиск youtube фантастика остров black работа просмотр жизнь путешествие большой время роман пк вконтакте мтс новый counter-strike экшен войны мировой второй особенности игре новых детей качество зомби ipad скачивания вместе которые

 

 
    Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. Для прочих целей Вы должны купить лицензионную запись. Незаконная реализация карается законами РФ : "Об авторском и смежном праве". Мы не несем ответственности за размещенные пользователями на сайте материалы. Если вы являетесь правообладателем (автором) материала(ов) размещенных на сайте, и ваши права нарушены. Вам стоит написать в обратную связь, что именно и где мы нарушили, в течении суток мы исправим ошибку.
$