Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Дизайн "опроса"

Дизайн "опроса"

Страница: 1

Сообщений 1 страница 10 из 10

1

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Добрый день. Вчера я столкнулся с глобальной (по крайней мере для меня) проблемой. Почти весь день пытался найти что-то подобное, но увы, не нашел ((( Дело в том, что у меня на форуме свой стиль. Хочется, чтобы дизайн был гармоничным и красивым, так вот... я решил создать опрос, дабы посмотреть как он вообще будет выглядеть на моем новом дизайне. Получилось вот что:
http://ipicture.ru/uploads/101020/thumbs/DX9TYoJYmr.jpg
Появляется почему-то табличка, обрезанная справа... Можно ли сделать эту чудо-табличку полноценной (чтобы каждая строка в отдельности была обведена границами и со всех сторон) и меньше размером? Как на рисунке (чтобы вся табличка была такого размера)
http://ipicture.ru/uploads/101020/thumbs/fVt4V7h84p.jpg

Далее, после голосования вылезает табличка, которая тоже не закрыта с правого края:
http://ipicture.ru/uploads/101020/thumbs/ddfGXY3QAR.jpg
И еще, так как форум суженый, картинка из среднего столбика налезает на границу второго и третьего столбцов. Можно ли как-то заменить эту картинку на другую и сделать ее не такой широкой (цифра 2 на рисунке)? Варианты опроса прижать к правому краю первого столбца (цифра 3), а саму таблицу отцентровать целиком и сделать первый и третий столбцы не такими широкими?
http://ipicture.ru/uploads/101020/thumbs/b5w59c0MFH.jpg

В общем, чтобы получилось как-то так...
До голосования:
http://ipicture.ru/uploads/101020/thumbs/KAJ8TTaQoS.jpg

После голосования:
http://ipicture.ru/uploads/101020/thumbs/nV5ePEkiu4.jpg

Подскажите пожалуйста, как это сделать? а то в фотошопе могу это нарисовать, а с помощью хтмл - нет >__<

Отредактировано Jas (Ср, 20 Окт 2010 09:58:01)

0

2

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Jas
Здравствуйте.

Jas написал(а):

Добрый день. Вчера я столкнулся с глобальной (по крайней мере для меня) проблемой. Почти весь день пытался найти что-то подобное, но увы, не нашел ((( Дело в том, что у меня на форуме свой стиль. Хочется, чтобы дизайн был гармоничным и красивым, так вот... я решил создать опрос, дабы посмотреть как он вообще будет выглядеть на моем новом дизайне. Получилось вот что:Появляется почему-то табличка, обрезанная справа... Можно ли сделать эту чудо-табличку полноценной (чтобы каждая строка в отдельности была обведена границами и со всех сторон) и меньше размером? Как на рисунке (чтобы вся табличка была такого размера)            Далее, после голосования вылезает табличка, которая тоже не закрыта с правого края:И еще, так как форум суженый, картинка из среднего столбика налезает на границу второго и третьего столбцов. Можно ли как-то заменить эту картинку на другую и сделать ее не такой широкой (цифра 2 на рисунке)? Варианты опроса прижать к правому краю первого столбца (цифра 3), а саму таблицу отцентровать целиком и сделать первый и третий столбцы не такими широкими?            В общем, чтобы получилось как-то так...До голосования:            После голосования:            Подскажите пожалуйста, как это сделать? а то в фотошопе могу это нарисовать, а с помощью хтмл - нет >__<

Чуть позже скажу.

0

3

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

rps, хорошо) Буду ждать.

И у меня появился еще один вопрос. Я не знаю, как можно поменять цвет обводки кнопок форума, таких как "Отправить", "Посмотреть", "Дополнительный смайлы", если это вообще возможно. У меня по умолчанию все подобные кнопки обводятся светло-серым...
http://ipicture.ru/uploads/101020/Q7drbpHCRg.jpg

0

4

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Вы про меня не забыли?))

0

5

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Jas
Нет, про Вас не забыли,
Добавьте это в ХТМЛ-верх:

Код:
<style type="text/css">
#vote table, #poll-special table {
width: 600px;
margin: 0 auto;
border: 1px solid #000 !important;
}

#vote table * td, #poll-special table * td {
border: 1px solid #000 !important;
width: 300px !important;
}

#vote .question {
width: 600px !important;
}

#poll-special table * td {
text-align: center !important;
}

#poll-special table * h1 {
background: #FFFFCC !important;
}
</style>

А это в ХТМЛ-низ:

Код:
<script type="text/javascript">
var td = document.getElementById("vote").getElementsByTagName("td");
for (i in td) { 
if ((td[i].parentNode.innerHTML.indexOf("colSpan=2") == -1) && (td[i].className == "tac")) {
td[i].className = "question";
td[i].setAttribute("colSpan", "2");
}}
</script>
Jas написал(а):

как можно поменять цвет обводки кнопок форума, таких как "Отправить", "Посмотреть", "Дополнительный смайлы", если это вообще возможно. У меня по умолчанию все подобные кнопки обводятся светло-серым...

Код:
<style type="text/css">
.punbb * .button {
border: 1px solid red !important;
}
</style>

+1

6

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

rps, спасибо огромное!))

А, скажите пожалуйста, можно ли:
1. Изменить цвета остальных кнопок (на первом рисунке цифра 1)?
2. Сделать маркеры тоже по центру первого столбца (на первом рисунке цифра 2)?
http://ipicture.ru/uploads/101023/thumbs/qy3TgqaYA0.jpg
3. И чуть ужать голубую полосу, которая почему-то заезжает на границу второго и третьего столбика? (рисунок второй, цифра 3)
http://ipicture.ru/uploads/101023/thumbs/EO0ndWkZTa.jpg

0

7

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
Jas написал(а):

Изменить цвета остальных кнопок (на первом рисунке цифра 1)?

<style type="text/css">
.punbb * .button {
border: 1px solid red !important;
background-color: #FFFFCC !important;
}
</style>

Jas написал(а):

Сделать маркеры тоже по центру первого столбца (на первом рисунке цифра 2)?

Тот большой код для ХТМЛ-верх замените на этот:

Код:
<style type="text/css">
#vote table, #poll-special table {
width: 600px;
margin: 0 auto;
border: 1px solid #000 !important;
}

#vote table * td, #poll-special table * td {
border: 1px solid #000 !important;
text-align: center !important;
width: 300px !important;
}

#vote .question {
width: 600px !important;
}

#poll-special table * h1 {
background: #FFFFCC !important;
}
</style>
Jas написал(а):

3. И чуть ужать голубую полосу, которая почему-то заезжает на границу второго и третьего столбика? (рисунок второй, цифра 3)

Сделайте чуть поюольше ширину самой таблицы.

0

8

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26
rps написал(а):

Тот большой код для ХТМЛ-верх замените на этот:

Не хочет вставать по центру -___-

Код:
<style type="text/css">
.punbb * .button {
border: 1px solid red !important;
background-color: #FFFFCC !important;
}
</style>

Почему-то какие-то кнопки меняются, а какие-то нет (в самом опросе они не изменились) :dontknow:
http://ipicture.ru/uploads/101023/thumbs/L2U1s55Pju.jpg

Отредактировано Jas (Вс, 24 Окт 2010 00:39:36)

0

9

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57
Jas написал(а):

Не хочет вставать по центру -___-

А так?

Код:
<style type="text/css">
#vote table, #poll-special table {
width: 600px;
margin: 0 auto;
border: 1px solid #000 !important;
}

#vote table * td, #poll-special table * td  {
border: 1px solid #000 !important;
text-align: center !important;
width: 300px !important;
}

#poll-special TD.tar  {
text-align: center !important;
}

#vote .question {
width: 600px !important;
}

#poll-special table * h1 {
background: #FFFFCC !important;
}
</style>
Jas написал(а):

Почему-то какие-то кнопки меняются, а какие-то нет (в самом опросе они не изменились)

Код:
<style type="text/css">
.punbb * .button,  #sub4, #vote p input {
border: 1px solid red !important;
background-color: #FFFFCC !important;
}
</style>

+1

10

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

rps, все заработало!! Спасибо Вам огромное еще раз!!)))

Отредактировано Jas (Вс, 24 Окт 2010 00:40:05)

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Дизайн "опроса"