В гостях у Домового

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

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



Закладки в сообщениях

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

1

Кроссбраузерно - кросскомпьютерно запоминаемые Закладки в сообщениях!
© Alex_63

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

http://s4.uploads.ru/KkE3C.png

Преимущества скрипта:
  - Закладка устанавливается двойным кликом в нужное место в посте
  - Удобное редактирование, просмотр и удаление закладок
  - Список закладок, последняя выбранная закладка доступны с любого браузера и компьютера (данные сохраняются на сервере)


В HTML низ (лучше в начало):

<!-- Закладки в сообщениях -->
<style>
.post .bookmark{
  width:40px;height:16px;
  position:absolute;
  opacity:.8;transition:.1s ease;
  background:url(http://forumfiles.ru/files/0015/92/70/22088.png) no-repeat;
  right:-5px;z-index:99999;
}
.post .bookmark:hover{opacity:1.0;}
#MyBookmarks span>a{text-shadow:none;}
#MyBookmarks span.last_click>a{background:rgba(255,0,5,.15);text-shadow:0 0 2px #fff;}
#BookmCntToggle {
  position:fixed;top:10px;left:10px;
  background:url(http://forumfiles.ru/files/0015/92/70/58938.png);
  width:30px;height:30px;
  opacity:.7;cursor:pointer;
  transition:.3s ease-out;
}
#BookmCntToggle:hover{opacity:1.0;}
</style>
<link rel="stylesheet" type="text/css" href="http://forumfiles.ru/files/0015/c4/3f/25225.css"/>
<script type="text/javascript" src="http://forumfiles.ru/files/0015/c4/3f/25226.js"></script>


Использование:
Кнопка открытия панели закладок (в правом верхнем углу страницы):

http://savepic.ru/9746174m.png

Закладка устанавливается двойным кликом в нужном месте сообщения (маркер вставляется у правого края поста)

+1

2

Штучка интересная) а как сделать, чтобы фон панельки был, допустим, серый, а фон полосочки, на которой написано: мои закладки, свернуть, был темно-синий или другого оттенка?

0

3

Елена написал(а):

а как сделать, чтобы фон панельки был, допустим, серый

<style>
#MyBookmarks .container {
background:rgba(137, 137, 137, 0.93) !important;
}
</style>

Елена написал(а):

а фон полосочки, на которой написано: мои закладки, свернуть, был темно-синий или другого оттенка

<style>
#MyBookmarks h2, .editBookmark h1 {
background:rgba(0, 8, 89, 0.93) !important;
}
</style>

В HTML-верх или в нижнее окно стиля без тегов <style></style>

+1

4

Домовой,
спасибо большое, все получилось)

0