Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Оформление модуля «Уведомления»


Оформление модуля «Уведомления»

Сообщений 1 страница 7 из 7

1

Не так давно на форумах был запущен новый сервис «Уведомления», однако уже сейчас у многих пользователей возникают вопросы по оформлению/переоформлению его составных частей на своих проектах. Что и понятно, у все свои уникальные представления.

Поэтому в данной теме мы попытаемся собрать всю полезную информацию касающуюся данной темы, которая напрямую зависит от задаваемых вами вопросов. Поэтому не стесняйтесь :)



CSS


Контейнер для всплывающей формы

.notify-message - регулируем ширину, внутренние отступы, цвет контейнера и т.д.


Группа специальных классов для различных видов сообщений (цветной бордер слева)

.jg-mention {border-left: 12px solid #0076ff;} - ответ в теме
.jg-message {border-left: 12px solid #a2f53b;} - личное сообщение


Заголовок всплывающего сообщения:

.notify-message .jGrowl-header - регулируем цвет шрифта, размер, начертание


Регулирование цвета/размера текста внутри сообщения:

.notify-message .jGrowl-message a,
.notify-message .jGrowl-message a:hover
{color: #fff !important;} - цвет, шрифт и т.д.


Кнопка закрытия контейнера уведомления:

.notify-message .jGrowl-close {background: #333; color: #ccc;}
.notify-message .jGrowl-close:hover {color: #fff; background: #444;}


Большинство из стилевых свойств рекомендую задавать с аргументом !important;

HTML

В целом блок в html выглядит так:

<div class="notify-message jg-mention" style="display: block;">
  <div class="jGrowl-close">x</div>
  <div class="jGrowl-header">Заголовок</div>
  <div class="jGrowl-message">
  <a href="#" title="Просмотреть упоминание" class="n-content">
     <img src="1376742017.png" alt="Аватар">
     <span><strong>Duka</strong> ответил(а) вам в теме:</span>
     <span>«Название темы»</span>
     <span class="jGrowl-date"><strong>Сегодня</strong>, в 12:40</span>
  </a>
  </div>
</div>


Где выделенное жирным является динамическим классом.

НАГЛЯДНО

Готовые примеры:

CSS-код

<style type="text/css">
.notify-message {background: #fff !important; color: #000 !important; opacity: 0.9 !important; box-shadow: 0 0 30px #888;}
.notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover {color: #000 !important;}
.jGrowl-close {background: #eee !important; color: #000 !important;}
.jGrowl-close:hover {color: #777 !important; background: #f1f1f1 !important;}
.jGrowl-date {border-top: 1px solid #ccc !important;}
</style>


Результат:

http://s5.uploads.ru/M8oHC.png

Теги: оформление уведомлений, изменить оформление, css уведомлений, дизайн уведомлений,Уведомления на форумах

+3

2

Growl-close : hover {color: # 777! Important; background: # f1f1f1! Important;}

0

3

упс, уже нашла)

Отредактировано Nikhroum (17.03.2014 16:11:08)

0

4

Доброго времени суток. Такая проблема: на форуме должны быть уведомления при получке сообщений, изменения репутации и ответов. Но их нет. Их просто нету. Что делать?
Форум

0

5

Акта
Вот это что за скрипты у Вас  в HTML низ, причём функция нигде не используется

Код:
<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>

<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>

Уберите

0

6

Deff
Честно, не знаю. Уже убрала. У меня у одной проблемы? И так причем везде на форумах rusff.  Пропали также подарки. Я думала, что все это будет в админке, но нет. Что случилось?

Скриншоты

http://sg.uploads.ru/RHTfv.jpghttp://sg.uploads.ru/Cl1Bw.jpghttp://sg.uploads.ru/DOrev.jpg

А так выглядит профиль. Вот где все подарки и т.д?
http://sg.uploads.ru/c3He6.png
Пропали блокнот и карточка с описанием!
http://sg.uploads.ru/2oRV6.png

Отредактировано Акта (19.06.2015 13:20:31)

0

7

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

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Оформление модуля «Уведомления»


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC