Нотные бары, такие как Facebook

Я ищу что-то вроде панели уведомлений Facebook; те, которые говорят, сколько "запросов друзей", "Уведомление" или "Сообщения" у вас есть. Есть ли какие-нибудь фантазии, реализованные с помощью бутстрапа, фундамента или... которые мы можем использовать? или мне нужно использовать CSS и.., чтобы создать свою собственную?

благодаря

1 ответ

У Bootstrap действительно есть встроенная концепция, она называет их значками:

Похоже, что у кого-то есть идея до этого, но для библиотеки под названием CakePHP, и я не вижу никакого простого способа вытащить информацию:

Я нашел хороший фрагмент примера здесь, но значок уведомления находится слева, а затем в правом верхнем углу:

Которая имеет разметку следующим образом:

<div>
 <div>
 <div>
 
 
 
 
 
 <a href="#" target="_blank">Title</a>
 <div>
 <ul>
 <li><a href="#" target="_blank">Home</a></li>
 <li>
 <a href="#" data-html="true" data-placement="bottom" data-toggle="popover" data-content="Notification 1<br/>Notification 2" data-original-title="Notifications" target="_blank">
 <span>2</span> Notifications
 </a>
 </li>
 <li><a href="#" target="_blank">Link</a></li>
 </ul>
 </div><!-- /.nav-collapse -->
 </div>
 </div><!-- /navbar-inner -->
</div>

И функция запуска такая:

$(function() {
 $('[data-toggle=popover]').popover();
})

Для отображения уведомлений используется popover. Вам по-прежнему придется писать больше кода, чтобы превратить его в функцию, хотя, как быть в состоянии нажать уведомления клиенту во время загрузки страницы, пометить их как обработанные, когда пользователь открывает меню уведомлений, и передать эту информацию обратно в хранилище данных.

licensed under cc by-sa 3.0 with attribution.