<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Codeline &#187; TYPO3</title>
	<atom:link href="http://codeline.richmd.ru/tag/typo3/feed/" rel="self" type="application/rss+xml" />
	<link>http://codeline.richmd.ru</link>
	<description>Веб созидание</description>
	<lastBuildDate>Thu, 22 Apr 2010 09:01:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>TYPO3 4.3 и Firebug (Часть вторая)</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2010/04/typo3-firebug-2/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 09:00:15 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[FirePHP]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=264</guid>
		<description><![CDATA[В продолжение к TYPO3 4.3 и Firebug: Как оказалось в потерях сессии виновником выступает не сам Firebug а его расширения. В моем случае FirePHP. После удаления этого расширения проблемы с потерей сессии в TYPO3 пропали. Судя по трекеру ошибок TYPO3 такая же проблема присутствует с установленным расширением YSlow. Жаль, нужные расширения, но не смертельно.]]></description>
			<content:encoded><![CDATA[<p>В продолжение к <a href="http://codeline.richmd.ru/2010/04/typo3-firebug/">TYPO3 4.3 и Firebug</a>:  </p>
<p>Как оказалось в потерях сессии виновником выступает не сам Firebug а его расширения. В моем случае FirePHP. После удаления этого расширения проблемы с потерей сессии в TYPO3 пропали. Судя по трекеру ошибок TYPO3 такая же проблема присутствует с установленным расширением YSlow. </p>
<p>Жаль, нужные расширения, но не смертельно.</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2010/04/typo3-firebug-2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>TYPO3 4.3 и Firebug</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2010/04/typo3-firebug/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 15:51:45 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[firebug]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=258</guid>
		<description><![CDATA[В последнее время TYPO3 в Firefox стала часто терять сессию &#8211; случайным образом появлялось окно повторного входа в систему или система сообшала что будет произведен выход через ХХ секунд. Опытным путем установил что виной всем является Firebug. Стоит только активировать Firebug в любом окне Firefox или любой закладка как TYPO3 терят сессию. Похоже, что дело [...]]]></description>
			<content:encoded><![CDATA[<p>В последнее время TYPO3 в Firefox стала часто терять сессию &#8211; случайным образом появлялось окно повторного входа в систему или система сообшала что будет произведен выход через ХХ секунд. </p>
<p>Опытным путем установил что виной всем является Firebug. Стоит только активировать Firebug в любом окне Firefox или любой закладка как TYPO3 терят сессию. Похоже, что дело связано с новыми  javascript библиотеками (ExtJS)&#8230; если кто-то сталкивался с подобным, есть ли решения?</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2010/04/typo3-firebug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3: GIFBUILDER научится выводить многострочный текст</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2009/11/typo3-gifbuilder-multiline-text/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 11:01:33 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[GIFBUILDER]]></category>
		<category><![CDATA[v4.3]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=249</guid>
		<description><![CDATA[Отличная новость по поводу грядущей 4.3. Замечательно то что в новой версии содержится очень много доработок касающихся TypoScript, делающих язык разработки TYPO3 более гибким. GIFBUILDER научится переносить строчки при необходимости. Тексту можно задачть максимальную ширину (breakWidth), после которой текст будет переноситься на новую строчку (breakSpace). 1 2 3 4 5 6 7 8 9 10 [...]]]></description>
			<content:encoded><![CDATA[<p>Отличная новость по поводу грядущей 4.3.  Замечательно то что в новой версии содержится очень много доработок касающихся TypoScript, делающих язык разработки TYPO3 более гибким.<br />
<span id="more-249"></span><br />
GIFBUILDER научится <a href="http://danosipov.com/blog/?p=290">переносить строчки при необходимости</a>. Тексту можно задачть максимальную ширину (breakWidth), после которой текст будет переноситься на новую строчку (breakSpace).</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
</pre>
</td>
<td class="code">
<pre class="c" style="font-family:monospace;"><span style="color: #0000dd;">10</span> <span style="color: #339933;">=</span> IMAGE
<span style="color: #0000dd;">10</span> <span style="color: #009900;">&#123;</span>
   file <span style="color: #339933;">=</span> GIFBUILDER
   file <span style="color: #009900;">&#123;</span>
      XY <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span>20.<span style="color: #202020;">w</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #0000dd;">5</span><span style="color: #339933;">,</span><span style="color: #009900;">&#91;</span>20.<span style="color: #202020;">lineHeight</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">*</span>0.3<span style="color: #339933;">+</span><span style="color: #009900;">&#91;</span>20.<span style="color: #202020;">h</span><span style="color: #009900;">&#93;</span>
      transparentBackground <span style="color: #339933;">=</span> <span style="color: #0000dd;">1</span>
      <span style="color: #339933;"># Render regular text</span>
      20 <span style="color: #339933;">=</span> TEXT
      20 <span style="color: #009900;">&#123;</span>
         text <span style="color: #339933;">=</span> This is a <span style="color: #993333;">long</span> text that will hopefully <span style="color: #000000; font-weight: bold;">break</span> automatically...
         <span style="color: #202020;">breakWidth</span> <span style="color: #339933;">=</span> <span style="color: #0000dd;">250</span>
         breakSpace <span style="color: #339933;">=</span> 1.0
         offset <span style="color: #339933;">=</span> <span style="color: #0000dd;">0</span><span style="color: #339933;">,</span><span style="color: #009900;">&#91;</span>20.<span style="color: #202020;">lineHeight</span><span style="color: #009900;">&#93;</span>
         niceText <span style="color: #339933;">=</span> <span style="color: #0000dd;">0</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre>
</td>
</tr>
</table>
</div>
<p>Мне приходилось изобретать корявый велосипедище, для решение этой проблемы&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2009/11/typo3-gifbuilder-multiline-text/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP 5.3+ и TYPO3 до 4.3, deprecated functions</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2009/10/php53-typo3/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 06:53:01 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=233</guid>
		<description><![CDATA[PHP 5.3 обещает значительный прирост в скорости выполнения PHP-приложений. Увеличение скорости для TYPO3 по прогнозам должно составить порядка 30%. Переходить на данную ветку PHP еще рано, и пока связано с большим количеством нехороших сюрпризов и неожиданностей. Хотя 5.3.0 и объявлена стабильной версией, в разработке уже находится кандидат на релиз 5.3.1. С выходом более менее рабочей [...]]]></description>
			<content:encoded><![CDATA[<p>PHP 5.3 обещает значительный прирост в скорости выполнения PHP-приложений.  Увеличение скорости для TYPO3 <a href="http://typo3.biz/cms-typo3/news/review-news/browse/1/single/135.html?tx_ttnews[pS]=1253837116&#038;tx_ttnews[backPid]=6&#038;cHash=6de5e26ac9">по прогнозам</a> должно составить порядка 30%.<br />
Переходить на данную ветку PHP еще рано, и пока связано с большим количеством нехороших сюрпризов и неожиданностей. Хотя 5.3.0 и объявлена стабильной версией, в разработке уже находится кандидат на релиз 5.3.1.</p>
<p>С выходом более менее рабочей версии PHP 5.3, чем грозит переход на версию 5.3+?<br />
<span id="more-233"></span><br />
TYPO3 работоспособна в среде PHP 5.3, однако есть несколько неприятных моментов, которые разработчики TYPO3 пока не спешат исправлять в данной версии. TYPO3 версии до 4.3 использует функции ereg_* которые объявлены устаревшими в новой версии PHP. Так же введен новый режим оповещения об ошибках E_DEPRECATED, и теперь установка отчета об ошибках в E_ALL переводит безобидные предупреждения о использовании устаревших функций, в ранг ошибок. В результате этого Ваш лог ошибок распухает от огромного количества сообщений, а если вдруг стоит отображение ошибок, то и к неработоспособности сайта.</p>
<p>Установка error_reporting в php.ini не дает нужного эффекта, так как TYPO3 имеет свое мнение на счет этих установок. Причем установка значение error_reporting в TYPO3 не определено нигде отдельно, а раскидано по множеству файлов и даже расширений. Что бы не изменять множество файлов и избавиться все же от сообщений в логах, нужно сделать следующее:</p>
<p>Запретить переопределение error_reporting, отключив соответсвующую функцию в php.ini:</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
</pre>
</td>
<td class="code">
<pre class="ini" style="font-family:monospace;"><span style="color: #000099;">disable_functions</span> <span style="color: #000066; font-weight:bold;">=</span><span style="color: #660066;"> error_reporting</span></pre>
</td>
</tr>
</table>
</div>
<p>Далее надо отключить отображение ошибок об устаревших функциях и предупреждения. Последнее нужно, что бы убрать так же их логоа в сообщения о использовании TYPO3 той самой функции error_reporting.</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
</pre>
</td>
<td class="code">
<pre class="ini" style="font-family:monospace;"><span style="color: #000099;">error_reporting</span>  <span style="color: #000066; font-weight:bold;">=</span><span style="color: #660066;">  E_ALL &amp; ~E_NOTICE &amp; ~E_DEPRECATED &amp; ~E_WARNING</span></pre>
</td>
</tr>
</table>
</div>
<p>Если на сервере несколько сред PHP, а том числе для разработки, то лучше устанавливать данные параметры локально для каждой среды в настройка Apache или .htaccess по мере необходимости.</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2009/10/php53-typo3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3 на 5-м месте в рейтинге CMS от CMS Magazine</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2009/07/typo3-rating-5/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 10:03:37 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=155</guid>
		<description><![CDATA[TYPO3 поднялась в рейтинге CMS на 5-е место по суммарному ТИЦ (50 500). Поздравлю всех c этим событием. Надеюсь интерес разработчиков к этой замечательной CMS системе в России значительно вырастет. PS.: Если у Вас есть ресурсы не включенные в список или Вы знаете о таких сайтах, потратьте 2 минуты &#8211; заполните форму на сайте CMS [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ratings.cmsmagazine.ru/cms_analytics/">TYPO3 поднялась в рейтинге CMS на 5-е место по суммарному ТИЦ</a> (50 500).</p>
<p>Поздравлю всех c этим событием. Надеюсь интерес разработчиков к этой замечательной CMS системе в России значительно вырастет.</p>
<p>PS.: Если у Вас есть ресурсы не включенные в список или Вы знаете о таких сайтах, потратьте 2 минуты &#8211; заполните форму на сайте CMS Magazine.</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2009/07/typo3-rating-5/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Исправление ошибки при вставке ссылок в RTE и последних версиях Firefox (все ветки)</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2009/07/firefox_rte_problem_solution/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 14:08:40 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[patch]]></category>
		<category><![CDATA[rte]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=140</guid>
		<description><![CDATA[C обновлением Firefox сразу столкнулся с проблемой некорректной генерации ссылок в RTE. К выбранному/введенноме адресу файла или страницы добавляется часть адреса BE из-за чего ссылка становиться не рабочей. Причина связана с изменением в движке Gecko в последних версях Firefox (3.5 и 3.0.11). Подробнее о проблеме можно почитать в багтрекере TYPO3. Проблема решена и сделан коммит [...]]]></description>
			<content:encoded><![CDATA[<p>C обновлением Firefox сразу столкнулся с проблемой некорректной генерации ссылок в RTE. К выбранному/введенноме адресу файла или страницы  добавляется часть адреса BE из-за чего ссылка становиться не рабочей.<br />
<span id="more-140"></span><br />
Причина связана с изменением в движке Gecko в последних версях Firefox (3.5 и 3.0.11). Подробнее о проблеме можно почитать в <a href="http://bugs.typo3.org/view.php?id=11009">багтрекере TYPO3</a>.</p>
<p>Проблема решена и сделан коммит в поддерживаемые ветки TYPO3. Исправлений можно ожидать в релизах 4.1.11, 4.2.7 и 4.3-beta1. К сожалению, пока не понятно когда будет очередное обновление.</p>
<p>Сейчас проблему можно исправить самостоятельно с помошью патчей:<br />
<a href="http://www.richmd.ru/patch/0011009.patch">4.2.x</a><br />
<a href="http://www.richmd.ru/patch/0011009_4-1.patch">4.1.x</a></p>
<p>На unix системах патч применяется из папки с исходными текстами TYPO3 (typo3_src-4.2.x) следующей командой:<br />
<code>patch -p0 < 0011009.patch</code></p>
<p>После применения патча не забудьте удалить кэш JS-файлов:<br />
<code>rm -f typo3temp/rtehtmlarea/*</code></p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2009/07/firefox_rte_problem_solution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Приведение всех картинок к одному размеру</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2009/06/samesize_images/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 15:52:39 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[im]]></category>
		<category><![CDATA[image magick]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=107</guid>
		<description><![CDATA[Задача: требуется получить изображение определенного размера. Не вписать в квадрат или обрезать по квадрату (стандартные функции imgResource), а именно получить картинки одного и того же размера. Используем для этого возможности ImageMagick. Сначала приведем изображение к размерам позволяющим вписать в нужную геометрию стандартными средствами TYPO3. Затем добавим фон и размеры изображения которые мы можем получить через [...]]]></description>
			<content:encoded><![CDATA[<p>Задача: требуется получить изображение определенного размера. Не вписать в квадрат или обрезать по квадрату (стандартные функции imgResource), а именно получить картинки одного и того же размера.<br />
<span id="more-107"></span><br />
Используем для этого возможности ImageMagick. Сначала приведем изображение к размерам позволяющим вписать в нужную геометрию стандартными средствами TYPO3. Затем добавим фон и размеры  изображения которые мы можем получить через ImageMagick. Я выбрал размеры чуть больше, что бы был эффект рамки.</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
2
3
4
5
</pre>
</td>
<td class="code">
<pre class="html" style="font-family:monospace;">file {
  width = 400m
  height = 300
  params = -background &quot;#fbf2dd&quot; -gravity center -extent 420x320
}</pre>
</td>
</tr>
</table>
</div>
<p>Кроме этого можно добавить текст, картинки и.т.д.</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2009/06/samesize_images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TemplaVoila Framework</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2009/06/templavoila-framework/#comments</comments>
		<pubDate>Sat, 06 Jun 2009 16:12:20 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[templavoila]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=100</guid>
		<description><![CDATA[http://templavoila.busynoggin.com/ Ничего серьезного, просто набор готовых настроек и шаблонов страниц и FCE с помощью Templavoila&#8230; Зато как можно на пустом месте громко заявить о себе!]]></description>
			<content:encoded><![CDATA[<p><a href="http://templavoila.busynoggin.com/">http://templavoila.busynoggin.com/</a></p>
<p>Ничего серьезного, просто набор готовых настроек и шаблонов страниц и FCE с помощью Templavoila&#8230; Зато как можно на пустом месте громко заявить о себе!</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2009/06/templavoila-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Frontend-редактирование в TYPO3 4.3</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2008/10/frontend-%d1%80%d0%b5%d0%b4%d0%b0%d0%ba%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b2-typo3-43/#comments</comments>
		<pubDate>Sat, 25 Oct 2008 11:36:37 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=52</guid>
		<description><![CDATA[Jeff Segars (один из разработчиков Web-Empowered Church project) написал в своем блоге о своих разработках нового интерфейса для frontend-редактирования рамках этого проекта. Смотреть видео нового интерфейса редактирования. Потрясающие новые возможности редактирования, заряженного AJAX, позволят TYPO3 выглядеть очень привлекательно для конечного пользователя системы. По сообщению новая разработка должна быть включена в версию TYPO3 4.3 релиз которой [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://codeline.richmd.ru/wp-content/uploads/2008/10/edit-content.jpg' rel='shadowbox[post-52];player=img;'><img src="http://codeline.richmd.ru/wp-content/uploads/2008/10/edit-content-300x216.jpg" alt="Frontend-редактирование в TYPO3 4.3" title="Frontend-редактирование в TYPO3 4.3" width="300" height="216" class="alignright size-medium wp-image-53" /></a></p>
<p><a href="http://jeffsegars.com/2008/10/19/frontend-editing-for-typo3-43/">Jeff Segars</a>  (один из разработчиков <a href="http://www.webempoweredchurch.org/">Web-Empowered Church project</a>) написал <a href="http://jeffsegars.com/2008/10/19/frontend-editing-for-typo3-43/">в своем блоге</a> о своих разработках нового интерфейса для frontend-редактирования  рамках этого проекта. </p>
<p><a href="http://www.webempoweredchurch.com/fileadmin/proj/frontendedit/demo.mov" rel="shadowbox[post-52]">Смотреть видео нового интерфейса редактирования</a>.</p>
<p>Потрясающие новые возможности редактирования, заряженного AJAX, позволят TYPO3 выглядеть очень привлекательно для конечного пользователя системы. По сообщению новая разработка должна быть включена в версию TYPO3 4.3 релиз которой должен появится в конце января 2009 года.</p>
<p>P.S.: Достижения WEC показывают чего могут достичь люди, когда их цели подкрепляются не только зарабатыванием денег, но и чем то другим&#8230; Почему бы и не религией. По доброму завидую!</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2008/10/frontend-%d1%80%d0%b5%d0%b4%d0%b0%d0%ba%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b2-typo3-43/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.webempoweredchurch.com/fileadmin/proj/frontendedit/demo.mov" length="11017207" type="video/quicktime" />
		</item>
		<item>
		<title>Генерация PNG с Alpha-каналом в TYPO3</title>
		<link></link>
		<comments>http://codeline.richmd.ru/2008/09/%d0%b3%d0%b5%d0%bd%d0%b5%d1%80%d0%b0%d1%86%d0%b8%d1%8f-png-%d1%81-alpha-%d0%ba%d0%b0%d0%bd%d0%b0%d0%bb%d0%be%d0%bc-%d0%b2-typo3/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 08:40:41 +0000</pubDate>
		<dc:creator>Павел Антонов</dc:creator>
				<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[hint]]></category>
		<category><![CDATA[png]]></category>

		<guid isPermaLink="false">http://codeline.richmd.ru/?p=47</guid>
		<description><![CDATA[Одно из самых замечательных возможностей PNG-изображений конечно же Alpha-канал. Несмотря на то, что ImageMagick поддерживает PNG со всеми возможными функциями, TYPO3 при сохранении изображений не позволяет задать маску alpha-канала. При наложении изображений, комбинировании и т.д. PNG alpha-канал работает без проблем (при соответствующей настройке), но вот заставить результирующий файл содержать alpha-канал не так просто. Хотя TYPO3 [...]]]></description>
			<content:encoded><![CDATA[<p>Одно из самых замечательных возможностей PNG-изображений конечно же <a href="http://en.wikipedia.org/wiki/Alpha-channel">Alpha-канал</a>. Несмотря на то, что ImageMagick поддерживает PNG со всеми возможными функциями, TYPO3 при сохранении изображений не позволяет задать маску alpha-канала. При наложении изображений, комбинировании и т.д. PNG alpha-канал работает без проблем (<a href="http://codeline.richmd.ru/?p=11">при соответствующей настройке</a>), но вот заставить результирующий файл содержать alpha-канал не так просто.<br />
<span id="more-47"></span><br />
Хотя TYPO3 и не дает напрямую задать alpha-канал для генерируемого изображения, есть возможность передавать параметры в <a href="http://en.wikipedia.org/wiki/Imagemagick">ImageMagick</a>, используемый TYPO3 для генерации графики в системе (на ряду с GD). Задав нужные параметры и можно достичь необходимого результата.</p>
<p>Для генерации PNG мы будем использовать параметры ImageMagick: <strong>-background white -channel A -combine</strong>. Данная комбинация параметров означает слудующее:</p>
<ol>
<li>Создать изображение с белым фоном</li>
<li>Назначит для последующих операций работу с альфа-каналом</li>
<li>Комбинировать созданное изображение с исходным изображением. С учетом ограничения работы только над альфа-каналом &#8211; исходное изображение копируется в альфа-канал созданного изображения</li>
</ol>
<p>Прежде всего необходимо подготовить маску для alpha-канала. Маска должна быть черно белая. Черный цвет обозначает 100% прозрачность итогового изображения. Серый цвет &#8211; частичную<br />
прозрачность:</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
</pre>
</td>
<td class="code">
<pre class="txt" style="font-family:monospace;">  10 =  = IMG_RESOURCE
  10 {
    file = GIFBUILDER
    file {
      XY = [20.w]+5,[20.h]+5
      format = png
      quality = 100
      backColor = #ffffff
&nbsp;
      20 = TEXT
      20 {
        text.field = title
        text.case = upper
        fontSize = 11
        fontColor = #000000
        fontFile = fileadmin/fonts/tahomabd.ttf
        offset = 1,9
        niceText = 1
        niceText.scaleFactor = 5
      }
    }
  }</pre>
</td>
</tr>
</table>
</div>
<p>Теперь созданную маску можно применять для создания PNG. Для того что бы получить имя файла соданного изображения-маски, нужно обратиться в внутренней переменной <strong>TSFE: lastImgResourceInfo</strong>. Переменная представляет собой массив с информацией о последнем сгенерированном изображении функцией IMG_RESOURCE. Если для генерации использовалась функция IMAGE, то аналогичная информация будет размещаться в переменной <strong>TSFE:lastImageInfo</strong>. Поскольку я использую PNG для задания фона, то меня интересуют в этом массиве так же и размеры маски, что бы задать правильные размеры блоку для которого будет определяться фон.</p>
<p>Налоджение маски альфа-канала (продолжение предыдущего листинга):</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre>
</td>
<td class="code">
<pre class="txt" style="font-family:monospace;">        stdWrap.override.cObject = COA
        stdWrap.override.cObject {
&nbsp;
          10 = TEXT
          10.data = TSFE:lastImgResourceInfo|0
          10.noTrimWrap= |style=&quot;width:|px;|
&nbsp;
          20 = IMG_RESOURCE
          20 {
            file.import.data = TSFE:lastImgResourceInfo|3
            file.params = -background white -channel A -combine
            stdWrap.noTrimWrap = |background-image:url(|);&quot;|
          }
        }</pre>
</td>
</tr>
</table>
</div>
<p>И финальный рабочий код меню с PNG:</p>
<div class="wp_syntax">
<table>
<tr>
<td class="line_numbers">
<pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
</pre>
</td>
<td class="code">
<pre class="txt" style="font-family:monospace;">    10 = HMENU
    10 {
      wrap = &lt;ul id=&quot;menu-main&quot;&gt;|&lt;/ul&gt;
      1 = TMENU
&nbsp;
      1.NO.allWrap = &lt;li class=&quot;first&quot;&gt;| |*|&lt;li&gt;|
      1.NO.wrapItemAndSub = |&lt;/li&gt;
&nbsp;
&nbsp;
      1.NO.ATagParams.cObject = IMG_RESOURCE
      1.NO.ATagParams.cObject {
        # Generate mask with text
        file = GIFBUILDER
        file {
          XY = [20.w]+5,[20.h]+5
          format = png
          quality = 100
          backColor = #ffffff
&nbsp;
          20 = TEXT
          20 {
            text.field = title
            text.case = upper
            fontSize = 11
            fontColor = #000000
            fontFile = fileadmin/fonts/tahomabd.ttf
            offset = 1,9
            niceText = 1
            niceText.scaleFactor = 5
          }
        }
&nbsp;
        # Generate image with appliyed Mask to alpha chanel
        stdWrap.override.cObject = COA
        stdWrap.override.cObject {
&nbsp;
          10 = TEXT
          10.data = TSFE:lastImgResourceInfo|0
          10.noTrimWrap= |style=&quot;width:|px;|
&nbsp;
          15 = TEXT
          15.data = TSFE:lastImgResourceInfo|1
          15.noTrimWrap = | height:|px;|
&nbsp;
          20 = IMG_RESOURCE
          20 {
            file.import.data = TSFE:lastImgResourceInfo|3
            file.params = -background white -channel A -combine
            stdWrap.noTrimWrap = |background-image:url(|);&quot;|
          }
        }
      }
    }</pre>
</td>
</tr>
</table>
</div>
<p>Несмотря на то что меню графическое, оно полностью &#8220;SEO-безопастное&#8221;, так как содержит в HTML текст пункта. Что бы текст не отображался в поверх картинки используем известный css-tric: #menu-main li a { display:block; text-indent:-9999px; }. Результат работы данного кода следующий:<br />
<a href='http://codeline.richmd.ru/wp-content/uploads/2008/09/png-alpha.png' rel='shadowbox[post-47];player=img;'><img src="http://codeline.richmd.ru/wp-content/uploads/2008/09/png-alpha-300x65.png" alt="png-alpha" title="png-alpha" width="300" height="65" class="size-medium wp-image-49" /></a></p>
<p>Конечно в данном случае рассматривается только генерация одноцветных изображений с маской (надписей). К сожалению я не очень силен в работе с ImageMagick и не знаю как можно правильно скомбинировать готовое изображение с альфа-каналом. Если кто то поможет и покажет какие параметры задаются для ImageMagick, то я смогу продемонстрировать TypoScript для генерация произвольного изображения с использованием PNG-alpha.</p>
]]></content:encoded>
			<wfw:commentRss>http://codeline.richmd.ru/2008/09/%d0%b3%d0%b5%d0%bd%d0%b5%d1%80%d0%b0%d1%86%d0%b8%d1%8f-png-%d1%81-alpha-%d0%ba%d0%b0%d0%bd%d0%b0%d0%bb%d0%be%d0%bc-%d0%b2-typo3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

