Интеграция темы “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. Готово. Пользуйтесь на здоровье.

• css
• flashback to simplicity
• orphus
• theme
• tumblr
• text
• misprint

Few of my useful free code on GitHub

github@drevlyanin/java-examples

Useful code examples in Java. Understanding inheritance, visibility, and blah-blah-blah.

github@drevlyanin/quick-registration

Simple & quick registration example written using Play Framework.

github@drevlyanin/flashback-to-simplicity

Source of “Flashback to Simplicity” theme — the best theme for Tumblr.

• github
• free
• development
• text
• example
• java
• play framework
• tumblr
• theme
• flashback to simplicity

Опубликовал тему “Flashback to Simplicity” для Tumblr

Так получилось, что ни одна из прекрасных тем, предлагаемых Tumblr мне не понравились на столько, чтобы ей постоянно пользоваться — слишком много деталей, неточностей, шероховатостей или досадных недоразумений. Потому решил создать свою тему, которая меня устраивала бы, и выложить её в свободный доступ.

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

Отличительные особенности темы:

• всего пять цветов: #000, #FFF, #00E, #DEA, #500050;
• моноширинный шрифт — ширина всех символов одинакова;
• ширина символа 8px;
• высота символа 16px (line-height) = 14px (font-size) + 2px;
• 80 символов в ширину, а значит 640px в ширину (640px = 8px * 80);
• отступы либо 8px (ширина символа), либо 16px (высота символа);
• тема адаптирована для печати.

Как видите, всё пропорционально размеру символа и симметрично, нежданному или нехватающему пикселю просто ниоткуда взяться.

В своей первой версии, доступны следующие настройки отображения:

• Настройки касающиеся цветового оформления.
• Center alignment — выравнивать контент по центру экрана (благодарю, imsogeek за замечание) или по левой стороне?
• Old style quoting — отображать блоки цитирования в старом (>) или новом стиле (|)?
• Show blog tags — отображать список тегов?
• Show description — отображать краткое описание блога?
• Maximum number of tags — максимально отображаемое количество тегов в списке тегов.

P.S.: Заметил, что темы довольно долгое время ждут одобрения со стороны администрации. По этой причине, новые изменения темы вступят в силу лишь через некоторое время после публикации этого сообщения. Желающие её примерить, будьте терпеливы. :)

P.P.S.: 28.06.2011 свежие изменения вступили в силу.

• flashback to simplicity
• retro
• text
• theme
• tumblr
• color
• font