http://agsuperman.rolka.me/ что вы хотите от больного сознания ru-ru Tue, 20 Aug 2013 20:58:30 +0400 MyBB/mybb.ru http://agsuperman.rolka.me/viewtopic.php?pid=7#p7 <p>Контейнер для всплывающей формы</p> <p>.notify-message - регулируем ширину, внутренние отступы, цвет контейнера и т.д.</p> <p>Группа специальных классов для различных видов сообщений (цветной бордер слева)</p> <p>.jg-mention {border-left: 12px solid #0076ff;} - ответ в теме<br />.jg-ls {border-left: 12px solid #a2f53b;} - личное сообщение<br />Заголовок всплывающего сообщения:</p> <p>.notify-message .jGrowl-header - регулируем цвет шрифта, размер, начертание<br />Регулирование цвета/размера текста внутри сообщения:</p> <p>.notify-message .jGrowl-message a, .jGrowl-message a:hover {color: #fff !important;} - цвет, шрифт и т.д.<br />Кнопка закрытия контейнера уведомления:</p> <p>.notify-message .jGrowl-close {background: #333; color: #ccc;}<br />.notify-message .jGrowl-close:hover {color: #fff; background: #444;}</p> <p>Большинство из стилевых свойств рекомендую задавать с аргументом !important;<br />В целом блок в html выглядит так:<br />&lt;div class=&quot;notify-message jg-alert&quot; style=&quot;display: block;&quot;&gt;<br />&#160; &lt;div class=&quot;jGrowl-close&quot;&gt;x&lt;/div&gt;<br />&#160; &lt;div class=&quot;jGrowl-header&quot;&gt;Заголовок&lt;/div&gt;<br />&#160; &lt;div class=&quot;jGrowl-message&quot;&gt;<br />&#160; &lt;a href=&quot;#&quot; title=&quot;Просмотреть упоминание&quot;&gt;<br />&#160; &#160; &#160;&lt;img src=&quot;1376742017.png&quot; alt=&quot;Аватар&quot;&gt;<br />&#160; &#160; &#160;&lt;span&gt;&lt;strong&gt;Duka&lt;/strong&gt; ответил(а) вам в теме:&lt;/span&gt;<br />&#160; &#160; &#160;&lt;span&gt;«Название темы»&lt;/span&gt;<br />&#160; &#160; &#160;&lt;span class=&quot;jGrowl-notation&quot;&gt;Чтобы прочитать кликните...&lt;/span&gt;<br />&#160; &#160; &#160;&lt;span class=&quot;jGrowl-date&quot;&gt;&lt;strong&gt;Сегодня&lt;/strong&gt;, в 12:40&lt;/span&gt;<br />&#160; &lt;/a&gt;<br />&#160; &lt;/div&gt;<br />&lt;/div&gt;<br />Где выделенное жирным является динамическим классом.</p> mybb@mybb.ru (Вашество) Tue, 20 Aug 2013 20:58:30 +0400 http://agsuperman.rolka.me/viewtopic.php?pid=7#p7