Новый опрос без использования скриптов и картинок на чистом css


Новый опрос без использования скриптов и картинок на чистом css

7903
6.6 из 10
Проголосовало: 12






вот решил сделать такой вот опрос!! без использования скриптов и прочей ерунды данный код сделан только на css ...
видел много похожих скриптов но они все используют различные скрипты и картинки.. ну что перейдем к
установки данного скрипта установка очень проста данный код вам нужно поместить в форму опроса и все..

Код

<div class="pollBlock" style="font-family:Tahoma,Arial;">  
  <div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div>  
  <div class='ugol_opros'></div>  
  <div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div>  
  <div class="pollLnk" style="padding-top:4px;text-align:center; padding: 3px 0px 5px 0px;background: black; line-height: 17px;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>  
  <div class='ugol_opros_2'></div>  
  <div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center; background: black;padding: 3px 0px; line-height:20px; border-radius: 3px;-webkit-border-radius: 3px;color: white;">Всего ответов: <b>$TOTAL_VOTES$</b></div>  
  </div>  

  <style>/*вид опроса*/  
  div .pollQue{background: black;  
  padding: 7px 0px 7px 7px;  
  border-radius: 3px;  
  -webkit-border-radius: 3px;  
  line-height: 20px;}  

  div .pollQue b{  
  color: white;  
  font-size: 10px;}  

  div .pollAns{  
  display:block;}  

  div .answer{  
  background: black;  
  padding: 5px;  
  margin: 5px 0px 4px 0px;  
  color: white;}  

  div .answer:hover{  
  background: rgb(68, 62, 62);;  
  -webkit-transform: scale(1.06) rotate(-1deg);  
  -moz-transform: scale(1.06) rotate(-1deg);  
  -o-transform: scale(1.06) rotate(-1deg);  
  transform: scale(1.06) rotate(-1deg);}  

  div .answer div div{  
  padding: 3px 0px 3px 0px;}  

  .ugol_opros{border-top: 7px solid black;  
  border-left: 9px solid transparent;  
  border-right: 9px solid transparent;  
  width: 0px;  
  height: 0px;  
  margin-left: 179px;}  

  .ugol_opros_2{border-top: 2px solid transparent;  
  border-left: 9px solid transparent;  
  border-right: 9px solid transparent;  
  border-bottom: 9px solid black;  
  width: 0px;  
  height: 0px;  
  margin-left: 15px;}  
  /*вид опроса*/</style>
Автор публикации: Загрузка
Загрузка
niKsoN, это его n материал
Источник: http://demono4ka.ucoz.ru
  • Всего комментариев: 14

serg1115xxx
0
serg1115xxx написал: Написано 04 Января 2013 в 03:10
Комментарий №14
Код
код

niKsoN
-1
niKsoN написал: Написано 26 Декабря 2012 в 08:40
Комментарий №12
вякаешь по моему тут только ты!! поскольку с твоей стороны летит одна лишь пиздаболия!! если бы яя да ху..е.. мое.. иди этими расказами опу вытери себе... малакасос

Kelin
0
Kelin написал: Написано 26 Декабря 2012 в 14:44
Комментарий №13
А ну угомонись! В ближайшие дни сделаю, специально, чтоб ты рот прикрыл. И будет не пи***болия.

Модератор
0
Модератор написал: Написано 23 Декабря 2012 в 21:29
Комментарий №10
поставил :((((((((((((((((((((((

biggrin biggrin biggrin biggrin biggrin

Модератор
0
Модератор написал: Написано 23 Декабря 2012 в 21:24
Комментарий №9
Жесть,надеюсь что это первое твое творение,ибо при виде скрина я чуть не ....... я боюсь представить как выглядят уже "отвеченные" .... хоть скрипт,хоть css,хоть php ,хоть html , надо смотреть что делаешь ...ты сам то себе его поставишь?

СёмКа
0
СёмКа написал: Написано 23 Декабря 2012 в 18:27
Комментарий №7
средне =), на сайт не зачто не поставлю! tongue tongue tongue

niKsoN
0
niKsoN написал: Написано 23 Декабря 2012 в 18:37
Комментарий №8
))) тебе и ставить то некуда... сайт как такой отсутствует

потому что выгляди он уж у тя слишком убого без обид... может на первый взгляд вам кажется что опрос убог но на само то деле выглядит он не плохо!! подойдет не к каждому дизайну ну и все таки...

Fosters
0
Fosters написал: Написано 24 Декабря 2012 в 00:13
Комментарий №11
оно же на ксс цвет подберы и будет счастье smile

niKsoN
0
niKsoN написал: Написано 23 Декабря 2012 в 18:10
Комментарий №5
вов подправь
Код
.pollBut{position: absolute;
  margin-top: 42px;
  margin-left: 24px;
  padding: 0px 4px;
  border-radius: 2px;
  -webkit-border-radius: 2px;}
  
  .pollTot{padding-top: 4px;
  font-size: 7pt;
  background: black;
  padding: 3px 0px 3px 4px;
  line-height: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: white;
  text-align: left;}

FalleN
0
FalleN написал: Написано 23 Декабря 2012 в 16:16
Комментарий №1
ужас, ну и оформление

niKsoN
-2
niKsoN написал: Написано 23 Декабря 2012 в 16:39
Комментарий №2
ты лучше сделаешь???

Kelin
-1
Kelin написал: Написано 23 Декабря 2012 в 16:42
Комментарий №3
Моя бабушка - и то лучше сделает. И не спорь, вид и вправду убог.

niKsoN
-3
niKsoN написал: Написано 23 Декабря 2012 в 18:09
Комментарий №4
сделай лучше то *оскорбление*

uExpert
0
uExpert написал: Написано 23 Декабря 2012 в 18:14
Комментарий №6
Зачем оскорбляешь людей? Тебя никто не оскорблял,люди просто выразили свое мнение.

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 9
    Гостей: 8
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: