Facelift Image Replacement (FLIR)


FLIR (Face Lift Image Replacement) скрипт динамической замены текста на странице вашего сайта в изображение.

Прикрутить на сайт этот скрипт очень легко:

  • скачать скрипт
  • внести изменения в config-flir.php
  • вставить код перед закрывающимся тегом body

По умолчанию FLIR заменяет все заголовки H1-H5, если вам это не надо то необходимо указать список элементов для замены, как показано на примере:

<script language="javascript" src="/path-to/facelift/flir.js"></script>
<script type="text/javascript">
FLIR.init( { path: '/path-to/facelift/' } );
FLIR.auto( [ 'h1', 'h2', 'h3.special', 'strong#important' ] );
</script>

Так же скрипт позволяет указывать набор правил по кастимизации отдельных элементов с помощью функции FLIR.replace():

FLIR.init();
 
// Все Н2 элементы которые вложены в div#entries будут заменены 
// шрифтом "illuminating" который указан в config-flir.php. "wrap" 
// режим который применяется для длинных заголовков.
FLIR.replace( 'div#entries h2' , new FLIRStyle({ cFont:'illuminating' , mode:'wrap' }) );
 
// Все H3 элементы будут заменены шоифтом tribal.
FLIR.replace( 'h3' , new FLIRStyle({ cFont:'tribal' }) );

Пример: http://facelift.mawhorter.net

  • Digg
  • del.icio.us
  • Facebook
  • В закладки Google
  • FriendFeed
  • LinkedIn
  • MySpace
  • Twitter
  • Google Buzz
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • БобрДобр
  • Добавить ВКонтакте заметку об этой странице

,

  1. Пока нет комментариев.
(никто не узнает)