ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

☕ Неделя вебдизайна с Гердой

Дата: 1 - 7 декабря
Тема: Вебдизайн: от создания интерфейсов до оптимизации сайтов
Ваши вопросы могут затрагивать и личные, и профессиональные аспекты веб-дизайна!

Задать вопрос

❄️ ИНТЕРНЕТ-ВОССТАНИЕ 2.0: ПИСЬМО ДЕДУШКЕ МОРОЗУ

Пишите письма деду Морозу и по желанию выступайте в роли помощника деда Мороза
Почта открыта до конца декабря.

Написать письмо

🔥 Новинка в портфолио: Скрипт фильтров и поиска контента

Фильтры для сортировки и поиска контента, работают на любой платформе
Стоимость: бесплатно
Автор: Emerael

Забрать код

💰 Продаётся: функционал, упрощающий жизнь админу форума

• Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
• Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
• Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.

Как купить

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте • Предложения
Стать модератором • Отзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Анимированное изображение при новых ЛС (MyBB) [sadhaka, mintemero]

Анимированное изображение при новых ЛС (MyBB) [sadhaka, mintemero]

Страница: 1

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

1

Автор: sadhaka

Анимированный конвертик "Вам пришло новое сообщение!". Значение количества сообщений сохранено.

<script type="text/javascript">
var pmstr = $("#navpm a").html();
if ((pmstr != null) && (pmstr.indexOf("(") != -1)) {
  $("#navpm a").before("<img src='http://uploads.ru/i/6/r/9/6r98t.gif' title='У Вас новое личное сообщение!' style='margin: -2px 0 0 1px; position: relative; top: 5px;'/>");
}
</script>

Ставим в хтмл-низ.
При необходимости измените изображение, всплывающую подсказку, отступы слева/справа, отступ сверху.

http://easycaptures.com/fs/uploaded/739/2910176345.jpg

Теги: mybb, sadhaka, ЛС, картинки

Отредактировано Герда (22.05.13 07:55)

0

2

  • Автор: mintemero
  • Бестелесный дух прошлого
  • mintemero
  • Уважение: +580

Я несколько видоизменила скрипт sadhaka, получился еще один вариант уведомления о личном сообщении. Чем он лучше:
а) Он очень короткий
б) Его легко настраивать. Всплывающее уведомление можно как угодно настраивать стилистически, вставлять любой html-контент.

html-низ:

<script>
var pmstr = $("#navpm a").html();
if ((pmstr != null) && (pmstr.indexOf("(") != -1)) {
  $("#pun").before("<a class=msgi href=http://forum.mybb.ru/messages.php>Есть непрочитанные ЛС</a>");
};
$(document).ready(function() {
$('.msgi').fadeIn(700);
});
</script>

Красное — адрес вашего форума
Вместо жирного можно вставлять любой html-контент — текст, картинки, дивы.
Синее — время анимации появления в миллисекундах.

Html-верх:

<style>
.msgi {
margin-top: 15px; /* Отступ сверху */
right: 50px;  /* Отступ сверху */
position: fixed;
z-index: 80;
opacity: 0;

background: #fff; /* Цвет фона */
color: #89a648;  /* Цвет текста*/
border: 1px solid  #89a648;  /* Границы */
padding: 5px;  /* Отступы до текста */
-webkit-border-radius: 7px;  /* Скругление углов */
-moz-border-radius: 7px;
border-radius: 7px;

}
</style>

Выделенное серым — стиль уведомления. Он необязателен, вы вольны вставлять и убирать любые селекторы на ваше усмотрение.

+1

Страница: 1

Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Анимированное изображение при новых ЛС (MyBB) [sadhaka, mintemero]