Домашний ПК №9 [сентябрь] 2011
PC Игры №8 [август] 2011
Лучшие компьютерные игры №7 [июль] 2011
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
--------------------------------------
Главная » 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 сайта:
» Скачать StreamArmor 1.0 » Скачать Самая полная библиотека для PRO100 » Скачать Темa для Windows 7 Concave 7 » Скачать Ashampoo. Сборник программ, утилит и дополнительных материалов » Скачать Magic Wall 0.9.4 » Скачать AMS Software Auto Collage Studio 3.15 Portable » Скачать Patcher games - Делает из платных игр - бесплатные. » Скачать Throttle - программа для увеличения скорости интернета !
Просмотров: 404 |
Добавил: DoG
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]
Ключи интернет уроки фото 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 скачивания вместе которые