X   Сообщение сайта
(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> Разноцветные полосы опросов
Root
сообщение 2014-02-15, 23:14
Сообщение #1
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 443
Регистрация: 2012-01-16
Из: Казахстан

Репутация:   нет  
Всего: нет


Привет. Нужно сделать разноцветные полосы опросом. В стандартном шаблоне там просто картинка, я придумал как сделать эти полоски просто на css.
Суть в том чтобы задать серый фон, а ширину полоски указать в процентах, который берется из результатов опроса. И получается довольно неплохо:


Сами полосы сейчас красные. Я же хочу сделать чтобы каждая полоска была с другим цветом. Например, первая красной, вторая синей и т.д. По сути, нужен такой результат:


Я точно помню что в какой то версии cms, в css файле от шаблона Uniel были закомментированы строчки и в комментарии говорилось что если нужны разноцветные полоски то надо раскомментировать эти строки. Сейчас такое можно как то сделать? Сейчас строка выводящая эти самые результаты выглядит так:
Цитата
$r.='<li class="voteprogress"><div class="vote" style="width:'.$percent.'px;">'.$variant.($percent ? '%' : '').'</div></li>';


class="voteprogress" - это серый фон а class="vote" это тот самый класс с красным цветом. Догадываюсь что в css надо сделать несколько таких копий с разными цветами, например vote1, vote2, vote3 и тут добавить какой то счетчик или еще класс который будет приписывать цифру в варианте но как сделать, подскажите?
Перейти в начало страницы
+Цитировать сообщение
Root
сообщение 2014-02-15, 23:32
Сообщение #2
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 443
Регистрация: 2012-01-16
Из: Казахстан

Репутация:   нет  
Всего: нет


Отбой, нашел! Переменная .$vk.
Перейти в начало страницы
+Цитировать сообщение
Maximkaboom
сообщение 2014-02-15, 23:40
Сообщение #3
Опытный
Иконка группы

Группа: Eleanor user
Сообщений: 766
Регистрация: 2010-04-08
Версия системы: RC5

Репутация:   нет  
Всего: 1


Цитата (Root @ 2024-10-13 20:20)
Догадываюсь что в css надо сделать несколько таких копий с разными цветами, например vote1, vote2, vote3 и тут добавить какой то счетчик

Как вариант так:
В шаблоне опроса (файл Classes\Voting.php)
добавить перед
foreach($v['variants'] as $vk=>&$vv)
			{

$id=0;
А после этого же, добавить:
$id++;


А потом уже выводить так:

<div class="vote-'.$id.'" style="width:'.$percent.'px;">


ну и соответственно сделать css классы vote-0, vote-1 и т.д.
Перейти в начало страницы
+Цитировать сообщение
Root
сообщение 2014-02-15, 23:46
Сообщение #4
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 443
Регистрация: 2012-01-16
Из: Казахстан

Репутация:   нет  
Всего: нет


Цитата (Maximkaboom @ 2024-10-13 20:20)
Maximkaboom

Спасибо, я там нашел нужную переменную. Как всегда, методом проб и ошибок нашел что нужно. Во как сделал :P
Перейти в начало страницы
+Цитировать сообщение
Maximkaboom
сообщение 2014-02-15, 23:49
Сообщение #5
Опытный
Иконка группы

Группа: Eleanor user
Сообщений: 766
Регистрация: 2010-04-08
Версия системы: RC5

Репутация:   нет  
Всего: 1


Root, Косяк уже=) в последнем варианте ответа не видно надписи с процентами
Перейти в начало страницы
+Цитировать сообщение
Root
сообщение 2014-02-16, 0:32
Сообщение #6
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 443
Регистрация: 2012-01-16
Из: Казахстан

Репутация:   нет  
Всего: нет


Цитата (Maximkaboom @ 2024-10-13 20:20)
Косяк уже=) в последнем варианте ответа не видно надписи с процентами
Это потому что там 0%. Решается указанием минимальной ширины полоски..

Перейти в начало страницы
+Цитировать сообщение
Гость_tazy_*
сообщение 2014-10-30, 15:11
Сообщение #7



Гости





Я точно помню что в какой то версии cms, в css файле от шаблона Uniel были закомментированы строчки и в комментарии говорилось что если нужны разноцветные полоски то надо раскомментировать эти строки. Сейчас такое можно как то сделать?????








------------------------------------
You can try out our 70-332 free exam pdf - braindumps.com and latest RIVERBED to get high flying success

Сообщение отредактировал tazy - 2014-11-18, 14:31
Перейти в начало страницы
+Цитировать сообщение
Root
сообщение 2014-10-31, 22:39
Сообщение #8
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 443
Регистрация: 2012-01-16
Из: Казахстан

Репутация:   нет  
Всего: нет


Цитата (tazy @ 2024-10-13 20:20)
Сейчас такое можно как то сделать?????

Нет. Код ведь стал проще, логичнее, и понятнее новичкам... Поэтому пиши сам. Или вытащи мой код из этого шаблона:http://forum.eleanor-cms.ru/index.php?showtopic=3905

Сообщение отредактировал Root - 2014-10-31, 22:39
Перейти в начало страницы
+Цитировать сообщение
Alexander
сообщение 2014-11-01, 1:51
Сообщение #9
Eleanor developer
Иконка группы

Группа: Администраторы
Сообщений: 5 262
Регистрация: 2008-11-11
Из: Николаев
Версия системы: RC5

Репутация:   нет  
Всего: 67


Цитата (Root @ 2024-10-13 20:20)
Код ведь стал проще, логичнее, и понятнее новичкам... Поэтому пиши сам.
Это стеб такой?

Цитата (tazy @ 2024-10-13 20:20)
Я точно помню что в какой то версии cms, в css файле от шаблона Uniel были закомментированы строчки и в комментарии говорилось что если нужны разноцветные полоски то надо раскомментировать эти строки. Сейчас такое можно как то сделать?????
Конечно же и сейчас такое можно сделать, если уметь кодить на css. Покажите пример - покажу вариант решения.
Перейти в начало страницы
+Цитировать сообщение
Root
сообщение 2014-11-01, 15:36
Сообщение #10
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 443
Регистрация: 2012-01-16
Из: Казахстан

Репутация:   нет  
Всего: нет


Цитата (Alexander @ 2024-10-13 20:20)
Это стеб такой?

Это можно было бы назвать стебом, если бы я упомянул, что такое возможно только в новой версии системы) А так, просто сарказм
Перейти в начало страницы
+Цитировать сообщение
wormen
сообщение 2014-11-03, 8:16
Сообщение #11
Опытный
Иконка группы

Группа: Eleanor user
Сообщений: 800
Регистрация: 2012-09-13

Репутация:   нет  
Всего: нет


ну да .... это еще можно сделать не только через css, но и через js )))))
Перейти в начало страницы
+Цитировать сообщение

Ответить в данную темуНачать новую тему
0 чел. читают эту тему (гостей: 0, скрытых пользователей: 0)
Пользователей: 0

 
RSS Текстовая версия 0.0422 сек.    11 запросов    GZIP включен    Сейчас: 2024-10-13, 20:20