ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - задание цвета в одном месте
13 сообщений из 13, страница 1 из 1
CSS - задание цвета в одном месте
    #37838650
Roman20
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Roman20
Участник
Всем привет! Подскажите как можно забацать такую штуку.

Сверстать пост, оформленный пятью оттенками зелёного (заголовки, текст, фон, автор....). Но сделать это так, чтобы зелёный цвет задавался только в одном месте, и при изменении зелёного на синий в этом месте, все оттенки становились оттенками синего.

Первое что приходит в голову это каким то образом задать в переменной цвет, и в остальных местах использовать rgb чтобы как то создавать оттенки этого цвета.
Может кто нибудь покажет где есть пример или информацию почитать по этому вопросу?
...
Рейтинг: 0 / 0
14.06.2012, 22:19:29
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37838657
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Первое, что пришло в голову - разложить все нужные цвета на "этот зеленый" и "полупрозрачная составляющая". Затем использовать накладку бекграундов - снизу "этот зеленый", а выше - "полупрозрачная составляющая" в полупрозрачном PNG, которые в итогу дадут "правильные" цвета. В случае смены нижнего цвета на другой итоговые цвета поменяются на "этот новый синий" + "полупрозрачная составляющая".

P.S. Это не решение, это гипотеза, которая первой пришла в голову. В случае реализации плюс в том, что пожно получить не просто 5 разных цветов, а даже градиентные растяжки в нужных гаммах.
...
Рейтинг: 0 / 0
14.06.2012, 22:27:04
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37838665
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Можно и без пнг, через альфу (и filter в ie). Правда если фон сложный, сквозь буквы он будет просвечивать.
...
Рейтинг: 0 / 0
14.06.2012, 22:34:41
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37838676
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Roman20задать в переменной цвет, и в остальных местах использовать rgb чтобы как то создавать оттенки этого цвета http://lesscss.org/
http://sass-lang.com/
...
Рейтинг: 0 / 0
14.06.2012, 22:48:14
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37838699
Roman20
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Roman20
Участник
Да спасибо уже сделал через LESS классная штука.

Antonariy не понял через какие фильтры? Пример для ЛикБез можно?
...
Рейтинг: 0 / 0
14.06.2012, 23:10:26
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37838876
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Паганель http://lesscss.org/
Что-то не открывается...
...
Рейтинг: 0 / 0
15.06.2012, 08:43:48
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37838877
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Посмотрел таки!

Спасибо за ссылки. Прикольные штуки...
...
Рейтинг: 0 / 0
15.06.2012, 08:45:15
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37839016
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
krvsaПаганель http://lesscss.org/
Что-то не открывается... не знаю почему
у меня - открывается и дома (вчера) и на работе (сейчас)
...
Рейтинг: 0 / 0
15.06.2012, 10:15:50
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37839021
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Паганельне знаю почему
Да какие-то проблемки наверное были... В итоге все открылось. Спасибо еще раз за ссылки.
...
Рейтинг: 0 / 0
15.06.2012, 10:17:39
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37839172
togsclogs
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
togsclogs
Гость
Thanks for giving the information.
...
Рейтинг: 0 / 0
15.06.2012, 11:30:05
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37839294
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
krvsaПосмотрел таки!

Спасибо за ссылки. Прикольные штуки...
Прикольные то прикольные, но, например, IE9 на Windows Phone не позволяет пока работать с css через javascript, на большинстве старых андроидов будут проблемы, ну и далее по списку. Если только аудитория больших быстрых и умных компов, тогда да, можно и "лесс"
...
Рейтинг: 0 / 0
15.06.2012, 12:09:12
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37839498
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
mage.lanнапример, IE9 на Windows Phone не позволяет пока работать с css через javascript, на большинстве старых андроидов будут проблемы, ну и далее по списку
Таки не используй...
...
Рейтинг: 0 / 0
15.06.2012, 13:25:28
| Ответить | Цитировать | Написать  
CSS - задание цвета в одном месте
    #37839530
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Less можно и на сервере использовать, например: .less{}
...
Рейтинг: 0 / 0
15.06.2012, 13:40:46
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - задание цвета в одном месте
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37839021&tid=1449691]:
 0ms
get settings:
 6ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 190ms
get topic data:
 5ms
get forum data:
 2ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 186ms
total:  430ms
созд. / загр.: 430ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]