Sep 07, 2008, 01:30 PM *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
modxcms.com web
  MODxCMS.com   Forums   Help Login Register  
News:Donate to MODx: Donations
Pages: [1] 2   Go Down
  Print  
Author Topic: [Snippet] Текст в картинку  (Read 4162 times)
0 Members and 1 Guest are viewing this topic.
Metaller
Committed to MODx
*****
Posts: 940



« on: Jul 16, 2007, 07:43 PM »

Иногда возникает надобность получить надпись особенным шрифтом, просто для красоты, или как в моем случае, строгие требования с использованием корпоративного шрифта.

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

Установка
Создать новый сниппет WriteWord и вставить в него весь код из файла snippet.writeword.php в архиве.

Подробная документация внутри архива.

Текущая версия 0.24

Ссылка на репозиторий http://modxcms.com/WriteWord-1647.html
« Last Edit: Nov 23, 2007, 09:39 AM by Metaller » Logged

[e]Bu$ter
Committed to MODx
*****
Posts: 679


WWW
« Reply #1 on: Jul 17, 2007, 01:24 AM »

Забавная штуковина, судя по всему.
Спасибо! Может действительно пригодится. Капчи красивые генерить, например Grin
Logged
umanuma
Full Member
***
Posts: 209


designer


WWW
« Reply #2 on: Jul 17, 2007, 11:20 AM »

А sIFR вам не нравится? Там ведь и текст остается текстом, поисковики радуются. http://www.mikeindustries.com/sifr/
Logged
Metaller
Committed to MODx
*****
Posts: 940



« Reply #3 on: Jul 17, 2007, 12:54 PM »

Оставить текст текстом для поисковиков никогда не было проблемой. Простейший пример
HTML:
Code:
<h1 id="istext"><span>Это Текст</span></h1>
CSS:
Code:
#istext{
background: url(image.gif) no-repeat;
width: 100px;
height: 25px;
}
#istext SPAN{
display: none;
}

Где image.gif - это картинка с текстом "Это текст". В результате видим картинку, которая в коде дублируется текстом.

По поводу ссылки - там используется флеш (многие пользователи лиса используют флешблок), да и подзабыл я про эту ссылку, видел когда-то давно. С адблоком в лисе тоже, кстати, не работает.
« Last Edit: Jul 17, 2007, 01:01 PM by Metaller » Logged

Metaller
Committed to MODx
*****
Posts: 940



« Reply #4 on: Jul 30, 2007, 04:55 PM »

Сниппет обновлен до версии 0.2, весь код упрощен до единственного файла, код которого нужно вставить в новый сниппет WriteWord. Добавлена возможность использования чанка шаблона.

Пример вызова
Code:
[[WriteWord?&file=`SkodaSansRg.ttf` &text=`[*longtitle*]` &text_size=`12` &text_color=`#FFFFFF` &bg_color=`#CCCCCC` &quality=`100` &tpl=`writeword`]]

Чанк writeword
Code:
<h1 class="pagetitle" style="background-image: url([+ww.fileurl+]); width: [+ww.width+]px; height: [+ww.height+]px;"><span>[+ww.text+]</span></h1>

Сопутсвующий CSS-код
Code:
h1.pagetitle span{
display: none;
}

В результате на выходе получаем примерно следующий код
Code:
<h1 class="pagetitle" style="background-image: url(/assets/cache/499063c8c7a81af2e7691193c07f690d.pageCache.jpg); width: 167px; height: 15px;"><span>Экспресс- кредитование</span></h1>

Картинка с надписью дублируются текстом, понятным роботам, как описано в предыдущем посте.
« Last Edit: Jul 30, 2007, 04:59 PM by Metaller » Logged

Igor
Moderator
*****
Posts: 666



WWW
« Reply #5 on: Jul 31, 2007, 02:41 AM »

Хорошая вещь!  Smiley
Вполне может пригодиться в разработке.
Думаю, стоит перевести на английский и предложить в репозиторий.
Logged

Metaller
Committed to MODx
*****
Posts: 940



« Reply #6 on: Jul 31, 2007, 04:58 AM »

Думаю, стоит перевести на английский и предложить в репозиторий.

Э...их бин нихт спик инглиш. Слишком много букв переводить, я такое не осилю, если кто-то поможет, то я только за.

ЗЫ В описании параметров закралась небольшая ошибка - параметры высоты и ширины картинки im_height и im_width (а не img_).
« Last Edit: Jul 31, 2007, 05:05 AM by Metaller » Logged

homutke
Jr. Member
*
Posts: 30


WWW
« Reply #7 on: Jul 31, 2007, 06:17 AM »

при вызове снипета вместо картинки идет  строчка
assets/snippets/writeword/writeword.php?2b69f3a93ed69b4c4ed1d63aebcea5f7
Что не так?
Logged
Metaller
Committed to MODx
*****
Posts: 940



« Reply #8 on: Jul 31, 2007, 01:33 PM »

Это у вас старая версия сниппета, скачайте новую, там файла weriword.php вообще нет.

ЗЫ Версия обновлена, найден небольшой косяк с путями к папке шрифтов.
Logged

homutke
Jr. Member
*
Posts: 30


WWW
« Reply #9 on: Jul 31, 2007, 02:57 PM »

Это у вас старая версия сниппета, скачайте новую, там файла weriword.php вообще нет.

ЗЫ Версия обновлена, найден небольшой косяк с путями к папке шрифтов.

А где должен лежать шрифт?
Logged
Metaller
Committed to MODx
*****
Posts: 940



« Reply #10 on: Jul 31, 2007, 04:52 PM »

Да, кажется я тоже это упустил, думал по архиву будет понятно. В папке сниппетов нужно создать папку writeword (она есть в архиве). Туда и класть файлы шрифтов.
Logged

aleksey.stepanov
Committed to MODx
*****
Posts: 1,098



« Reply #11 on: Jul 31, 2007, 05:03 PM »

не лучше ли использовать папку /manager/includes/ttf ?

специальная папка для шрифтов
Logged

разработка под MODx любой сложности.
Metaller
Committed to MODx
*****
Posts: 940



« Reply #12 on: Jul 31, 2007, 11:35 PM »

не лучше ли использовать папку /manager/includes/ttf ?

специальная папка для шрифтов

Ну можно и ее, не знаю как специально для шрифтов, кажется только veriword.php ее использует. Но раз уж она есть - и правда не будем плодить лишние папки.

Версия 0.22 (ссылка в первом посте):

+ Более подробное ридми в архиве
* Шрифт по-умолчанию изменен на системный (уже лежит в папке движка) ftb_____.ttf
* Шрифты перенесены в папку \manager\includes\ttf
- Из архива удален шрифт по-умолчанию arial.ttf
- Удалена за ненадобностью папка сниппета writeword
« Last Edit: Aug 01, 2007, 12:31 AM by Metaller » Logged

homutke
Jr. Member
*
Posts: 30


WWW
« Reply #13 on: Aug 02, 2007, 12:44 AM »

Спасибо заработало.
Из пожеланий , хотелось добавить возможность наложения текста на картинку передаваемую в качестве параметра. Huh
Logged
Metaller
Committed to MODx
*****
Posts: 940



« Reply #14 on: Aug 02, 2007, 03:08 AM »

Спасибо заработало.
Из пожеланий , хотелось добавить возможность наложения текста на картинку передаваемую в качестве параметра. Huh
Это планируется в будущих версиях
Logged

Pages: [1] 2   Go Up
  Print  
 
Jump to: