Лог истории в меню и на сцене
Добавлено: Вт мар 17, 2015 5:07 pm
В меню история сообщений работает как положено. Текст черный на белом фоне, имя жирное. Имя пользователя и его сообщение подсвечивается цветом. А вот на сцене ситуация у меня совсем другая. Буквы белые на белом, а имена подсвечиваются цветом color:rgba(249, 229, 91, 0.9); Я нашел как переделать, но причина пока не ясна. Сразу хочу спросить, это у меня так, или и у остальных?
Модуль истории вывожу в коде так:
Полез смотреть от куда ноги растут, благо у браузера Хром есть отличный инструмент просмотра кода элемента. Причина оказалось вот в чем:
Текст модуля истории выводится в теге
и на него влияет стиль класса shout_content
Видно, что color: inherit; Его и унаследует текст. Вот и получаем белое на белом.
Стоит это отключить, и вуаля, буквы сообщения снова стали черные. Теперь на них действует стиль оформления светлой темы. Черные буквы на белом фоне. Но цвет имен все равно остался прежним.
Смотрим стиль элемента:
Чей то стиль бьет по тегу "жирности". Отключаем, и все, теперь вид логов истории одинаковый в меню и на сцене.
Зная куда стрелять, я теперь могу изменить это в настройке css перед выводом элемента. Приоритет у этого стиля выше, и все получается. Но я до сих пор не могу понять, чей стиль влияет на лог, и как с этим правильно бороться.
Модуль истории вывожу в коде так:
Код: Выделить всё
[#module name="shoutbox" reverse="1" mobile="1"#] Полез смотреть от куда ноги растут, благо у браузера Хром есть отличный инструмент просмотра кода элемента. Причина оказалось вот в чем:
Текст модуля истории выводится в теге
Код: Выделить всё
<div id="shoutboxContent" class="shout_content"> Код: Выделить всё
.shout_content {
font-size: inherit;
color: inherit;
} Стоит это отключить, и вуаля, буквы сообщения снова стали черные. Теперь на них действует стиль оформления светлой темы. Черные буквы на белом фоне. Но цвет имен все равно остался прежним.
Смотрим стиль элемента:
Код: Выделить всё
b {
color: rgba(249, 229, 91, 0.9);
}Зная куда стрелять, я теперь могу изменить это в настройке css перед выводом элемента. Приоритет у этого стиля выше, и все получается. Но я до сих пор не могу понять, чей стиль влияет на лог, и как с этим правильно бороться.
