The Developer Times — simplicity & usability

Интеграция темы “Flashback to Simplicity” с системой Orphus

Есть прекрасная система исправлений очепяток на web-сайтах, называется она Orphus. Посетитель заходит на сайт, читает статью, и вдруг, видит в интересной статье опечатку. Статья хороша, но опечатка в ней, как соринка в глазу — маленькая, а впечатление портит. Тут на помощь приходит Orphus. Читатель выделяет курсором мыши ошибку, нажимает сочетание клавиш Ctrl + Enter и, опа! — сообщение об ошибке ушло автору. Автор хватается за голову, исправляет ошибку, все довольны. :)

А теперь о том, как прикрутить Orphus к моей теме “Flashback to Simplicity”.

1. Заполняем форму, скачиваем orphus.js и orphus.gif;

2. Используя upload a static file, загружаем orphus.js и orphus.gif на бесплатный tumblr-хостинг, получаем линки tumblr/orphus.js и tumblr/orphus.gif;

3. Настраиваем внешний вид блога (Customize appearance):

3.1. В Appearance | Footer text добавляем следующий код:

Ошибка в тексте? Выделите её курсором! И нажмите <strong>Ctrl + Enter</strong>.<a href="http://orphus.ru" id="orphus"><img alt="Система Orphus" src="tumblr/orphus.gif" border="0" width="121" height="21" /></a><script type="text/javascript" src="tumblr/orphus.js"></script>

3.2. В Advanced | Add custom CSS добавляем следующий код:

#orphus {
  display: none; /* Orphus' author, I'm sorry, but... */
}
div > div {
  background: #FFF !important; /* color:Background */
}

3.3. Save + Close;

4. Готово. Пользуйтесь на здоровье.

| tags:
2 заметки:
  1. drevlyanin это опубликовал(а)