Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Опросы - голосования в картинках

Предыдущая тема Следующая тема Перейти вниз

Опросы - голосования в картинках

Сообщение автор molniya в Пн 18 Июл - 17:23

Скажите пожалуйста можно ли сделать на форуму опросы -голосования в картинках. вот пример как я хочтел бы.



Если можно так сделать то объясните подробно как это делать зарание спасибо.


Последний раз редактировалось: molniya (Вт 19 Июл - 22:46), всего редактировалось 1 раз(а)

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор Dana Domirani в Вт 19 Июл - 13:56

Сейчас проверю один способ... Но изяществом он не отличается.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22455
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9053

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор molniya в Вт 19 Июл - 14:10

Danachka если у вас получится то буду очень благодарен вам.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор Dana Domirani в Вт 19 Июл - 15:28

Кое-что получилось:




Cейчас еще потестирую на разных движках и выложу код.

Сразу предупреждаю: картинки будут отображаться только в темах, но не в стандартном виджете "Опрос"! Поэтому лучше добавлять к картинкам пояснительный текст.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22455
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9053

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор molniya в Вт 19 Июл - 16:15

ок текест будет конечно же главное что бы опрос - голосования было в картинках

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор Dana Domirani в Вт 19 Июл - 18:25

Вариант для BB2, на 10 ответов.

1. Создаете или редактируете тему с опросом, создаете в ней список ответов:


2. В само сообщение ставите таблицу:
Код:
[table border="0" style="display: none;" ][tr]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/russia10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/united10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/france10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/ukrain10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/belaru10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/kazakh10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/israel10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/nether10.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/united11.png[/img][/td]
[td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/new-ze10.png[/img][/td]
[/tr][/table]
Скриншот:
Вместо указанных картинок ставите ссылки на свои изображения - сверху вниз, в том порядке, в каком идут ответы в опросе!
Сохраняете тему.

3. В ПА > Модули > Управление кодами Javascript добавляете скрипт:
Код:
jQuery(document).ready(function() {

jQuery("td.voitimg:eq(0)").prependTo(".poll-ballot span.gen:eq(0), .poll-result span.gen:eq(1)");

jQuery("td.voitimg:eq(1)").prependTo(".poll-ballot span.gen:eq(1), .poll-result span.gen:eq(4)");

jQuery("td.voitimg:eq(2)").prependTo(".poll-ballot span.gen:eq(2), .poll-result span.gen:eq(7)");

jQuery("td.voitimg:eq(3)").prependTo(".poll-ballot span.gen:eq(3), .poll-result span.gen:eq(10)");

jQuery("td.voitimg:eq(4)").prependTo(".poll-ballot span.gen:eq(4), .poll-result span.gen:eq(13)");

jQuery("td.voitimg:eq(5)").prependTo(".poll-ballot span.gen:eq(5), .poll-result span.gen:eq(16)");

jQuery("td.voitimg:eq(6)").prependTo(".poll-ballot span.gen:eq(6), .poll-result span.gen:eq(19)");

jQuery("td.voitimg:eq(7)").prependTo(".poll-ballot span.gen:eq(7), .poll-result span.gen:eq(22)");

jQuery("td.voitimg:eq(8)").prependTo(".poll-ballot span.gen:eq(8), .poll-result span.gen:eq(25)");

jQuery("td.voitimg:eq(9)").prependTo(".poll-ballot span.gen:eq(9), .poll-result span.gen:eq(28)");
});
Скриншот:
Сохраняете.

Скрипт достаточно установит один раз. После этого во всех темах, где Вы добавите в первый пост таблицу с изображениями эти изображения будут перемещены в соответствующие поля голосования.




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22455
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9053

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор molniya в Вт 19 Июл - 18:49

Спасибо вам Danachka сейчас буду пробовать

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор Dana Domirani в Вт 19 Июл - 20:56

Как сделаете - отпишитесь.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22455
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9053

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор molniya в Вт 19 Июл - 22:46

Извините что не сообщил.Да всё получилось большое человеческое спасибо.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: Опросы - голосования в картинках

Сообщение автор Dana Domirani в Вт 19 Июл - 23:21

Пожалуйста! Очень рада smile



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22455
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9053

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения