Изменяем внешний вид опроса

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,882
Баллы
40,905
Для начала загружаем картинку poll.png из вложения в папку /widgets/ Вашего стиля.

В шаблон EXTRA.css добавляем:
Код:
#PollContainer .secondaryContent    {
border: 1px solid #d0b15e !important;
background-color: #f6e8c3 !important;
border-radius: 5px !important;
}
.pollBlock .question .questionText {
    color: #a56101 !important;
    float: left;
    font-size: 16pt;
}
.pollBlock .pollOptions, .pollBlock .pollResults {
    border-bottom: 1px solid #dbc17c !important;
    border-top: 1px solid #dbc17c !important;
    margin: 5px 0;
    padding: 5px 0;
    width: 100%;
}
.pollBlock .questionMark {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("@imagePath/xenforo/widgets/poll.png") no-repeat scroll 0 0 !important;
    color: none !important;
    font-family: none !important;
    font-size: 0 !important;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.pollBlock .pollOption label:hover{
background: none repeat scroll 0 0 #eed593 !important;
}
 
Последнее редактирование:
Обновление.
Оптимизирован и подчищен CSS код, убраны все !important.

Код:
.pollBlock .secondaryContent {
  border: 1px solid #d0b15e;
  background-color: #f6e8c3;
  border-radius: 5px; }
.pollBlock .pollContent .question .questionText {
  color: #a56101;
  font-size: 16pt; }
.pollBlock .pollContent .pollOptions, .pollBlock .pollContent .pollResults {
  border-bottom: 1px solid #dbc17c;
  border-top: 1px solid #dbc17c; }

#PollContainer .pollBlock .pollContent .questionMark {
  background: url("@imagePath/xenforo/widgets/poll.png") no-repeat scroll 0 0;
  color: transparent; }
.pollBlock .pollContent .pollOption label:hover { background: none repeat scroll 0 0 #eed593; }
 
:thumbsup: Теперь совсем другой вид у опроса, а то стандартный бледный какойто :-)
 
  • Мне нравится
Реакции: Hope
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу