<?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>TLS Web Solutions &#187; Miscellaneous</title> <atom:link href="http://www.tlswebsolutions.com/category/miscellaneous/feed/" rel="self" type="application/rss+xml" /><link>http://www.tlswebsolutions.com</link> <description></description> <lastBuildDate>Thu, 02 Jun 2011 20:41:14 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.1.3</generator> <item><title>WordPress 3.1 Helicon ISAPI_Rewrite Rules and Permalink Structure</title><link>http://www.tlswebsolutions.com/wordpress-3-1-helicon-isapi_rewrite-rules-and-permalink-structure/</link> <comments>http://www.tlswebsolutions.com/wordpress-3-1-helicon-isapi_rewrite-rules-and-permalink-structure/#comments</comments> <pubDate>Mon, 07 Mar 2011 02:47:12 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[Tutorials]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[helicon isapi_rewrite]]></category> <category><![CDATA[helicon rewrite rules]]></category> <category><![CDATA[wordpress 3.1 helicon]]></category> <category><![CDATA[wordpress 3.1 iis]]></category> <category><![CDATA[wordpress 3.1 iis rewrite]]></category> <category><![CDATA[wordpress windows permalinks]]></category> <category><![CDATA[wordpress windows prettyurls]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=777</guid> <description><![CDATA[One of my clients is using WordPress on an IIS server and is using a product called &#8220;Helicon&#8221; [...]]]></description> <content:encoded><![CDATA[<p>One of my clients is using WordPress on an IIS server and is using a product called &#8220;Helicon&#8221; to help with rewrite rules. Having toyed with the HTACCESS and Permalink structure, I couldn&#8217;t get any page content to show up except for the home page. It appeared as if the rewriting wasn&#8217;t working.. that&#8217;s until I wrote this.</p><ol><li>In your WordPress admin dashboard, navigate to &#8220;Settings -&gt; Permalinks&#8221;. Select the &#8220;custom structure&#8221; radio box and enter in:<pre>/%postname%/</pre></li><li>For the .HTACCESS, copy and paste this in<pre># Helicon ISAPI_Rewrite configuration file
# Version 3.1.0.63

Options +Followsymlinks

RewriteEngine On
RewriteBase
RewriteRule /wp-(.*) /wp-$1 [I,L]
RewriteRule /(.*)$ /index.php/$1 [I,L]
RewriteRule . /index.php [L]</pre></li><li>That&#8217;s it! Enjoy using Helicon ISAPI_Rewrite and WordPress Pretty URL&#8217;s.</li></ol><p><em>Note: If this didn&#8217;t work for you, leave feedback to I can update the guide to better assist in different scenarios and environments.</em></p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/wordpress-3-1-helicon-isapi_rewrite-rules-and-permalink-structure/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>CodeIgniter HTACCESS remove index.php and add trailing slash</title><link>http://www.tlswebsolutions.com/codeigniter-htaccess-remove-index-php-and-add-trailing-slash/</link> <comments>http://www.tlswebsolutions.com/codeigniter-htaccess-remove-index-php-and-add-trailing-slash/#comments</comments> <pubDate>Fri, 18 Feb 2011 12:49:40 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[CodeIgniter]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[codeigniter 2 htaccess]]></category> <category><![CDATA[codeigniter add trailing slash]]></category> <category><![CDATA[codeigniter htaccess]]></category> <category><![CDATA[codeigniter remove index.php]]></category> <category><![CDATA[codeigniter remove trailing slash]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=765</guid> <description><![CDATA[Here is a quick HTACCESS snippet that will add the trailing slash (ex: http://domain.com/mycontroller to http://domain.com/mycontroller/) and will [...]]]></description> <content:encoded><![CDATA[<p>Here is a quick HTACCESS snippet that will add the trailing slash (ex: http://domain.com/mycontroller to http://domain.com/mycontroller/) and will remove the index.php from the URL (ex: http://domain.com/index.php/mycontroller/ to http://domain.com/mycontroller/)</p><pre>    RewriteEngine On
    RewriteBase /

    # this adds trailing slash
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_URI} !(.*)/$
    RewriteRule ^(.*)$ $1/ [R=301,L]

    # this gets rid of index.php
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php/$1
</pre>]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/codeigniter-htaccess-remove-index-php-and-add-trailing-slash/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Web Designer’s Guide to Font Replacement Methods</title><link>http://www.tlswebsolutions.com/the-web-designer%e2%80%99s-guide-to-font-replacement-methods/</link> <comments>http://www.tlswebsolutions.com/the-web-designer%e2%80%99s-guide-to-font-replacement-methods/#comments</comments> <pubDate>Tue, 16 Nov 2010 18:57:32 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[Tutorials]]></category> <category><![CDATA[Typography]]></category> <category><![CDATA[@font-face]]></category> <category><![CDATA[automatic text replacement]]></category> <category><![CDATA[cufon]]></category> <category><![CDATA[cufon replacement]]></category> <category><![CDATA[font deck]]></category> <category><![CDATA[font replacement]]></category> <category><![CDATA[font spring]]></category> <category><![CDATA[font to image]]></category> <category><![CDATA[fontdeck]]></category> <category><![CDATA[text image]]></category> <category><![CDATA[type kit]]></category> <category><![CDATA[typekit]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=637</guid> <description><![CDATA[This article discusses various font replacement techniques, including: Cufon, SIFR, FLIR, Typekit, Fontdeck, @font-face, CSS, Font Spring and [...]]]></description> <content:encoded><![CDATA[<p><a href="http://www.tlswebsolutions.com/wp-content/uploads/2010/11/font_replacement_methods_pre3.jpg"><img class="alignleft size-full wp-image-639" title="font_replacement_methods_pre3" src="http://www.tlswebsolutions.com/wp-content/uploads/2010/11/font_replacement_methods_pre3.jpg" alt="" width="200" height="200" /></a>This article discusses various font replacement techniques, including: Cufon, SIFR, FLIR, Typekit, Fontdeck, @font-face, CSS, Font Spring and others.</p><p>via <a href="http://webdesign.tutsplus.com/articles/typography-articles/a-web-designers-guide-to-font-replacement-methods/">The Web Designer’s Guide to Font Replacement Methods</a>.</p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/the-web-designer%e2%80%99s-guide-to-font-replacement-methods/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Object-relational mapping with Doctrine, Flash Builder, and PHP</title><link>http://www.tlswebsolutions.com/object-relational-mapping-with-doctrine-flash-builder-and-php/</link> <comments>http://www.tlswebsolutions.com/object-relational-mapping-with-doctrine-flash-builder-and-php/#comments</comments> <pubDate>Wed, 03 Nov 2010 09:35:31 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Database]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[Tutorials]]></category> <category><![CDATA[data management]]></category> <category><![CDATA[doctrine]]></category> <category><![CDATA[easy sql]]></category> <category><![CDATA[getting started with doctrine]]></category> <category><![CDATA[object relational mapping]]></category> <category><![CDATA[orm]]></category> <category><![CDATA[php easy database]]></category> <category><![CDATA[simple mysql updating]]></category> <category><![CDATA[zend doctrine]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=627</guid> <description><![CDATA[Original Article: http://devzone.zend.com/article/11512 Richard Bates &#124; Tuesday, December 22, 2009 reblogged by Tim Selaty TLS Web Solutions comment: [...]]]></description> <content:encoded><![CDATA[<p>Original Article: <a href="http://devzone.zend.com/article/11512">http://devzone.zend.com/article/11512</a><br /> <a title="Author profile and contributions" href="http://devzone.zend.com/member/7017-Richard-Bates"> Richard Bates</a> | Tuesday, December 22, 2009 reblogged by Tim Selaty</p><p><em><strong>TLS Web Solutions comment:</strong><br /> I am reblogging this article because I found it to be human-readable and informative to those wanting to get started with ORM&#8217;s or Doctrine. </em></p><p>Rich Internet applications built with Adobe Flex and Flash Builder have been steadily gaining a foothold in enterprise development for quite some time. As the platform has grown and evolved, PHP has also made amazing progress toward becoming a mature, powerful object-oriented language with rapid adoption and dozens of frameworks and design pattern implementations. As PHP continues to prosper, developers are able to borrow more and more of the things Java has got right, taking one check after another from the &#8220;Java-only&#8221; column. One outstanding example of this is object-relational mapping (ORM). A few different PHP ORM implementations are available, and all of them have positive attributes. However, after some experimentation, I&#8217;ve found that <a href="http://doctrine-project.org">Doctrine</a> is my favorite.</p><p>For those who haven&#8217;t used ORM before, I don&#8217;t expect it to be a hard sale. Before I used ORM, I had wished for it a thousand times in ignorance. ORM is, simply put, a way of mapping the objects you use in development to their representation in relational databases. Doesn&#8217;t it just seem natural that your <code>Customer</code> object should have a <code>Sav</code> method that automatically translates the object&#8217;s properties into persistent data? Take this pseudo-code as an example: <a href="http://devzone.zend.com/article/11512">[...] Read More</a></p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/object-relational-mapping-with-doctrine-flash-builder-and-php/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>How to include jQuery dynamically, aka, check to see if it exists</title><link>http://www.tlswebsolutions.com/how-to-include-jquery-dynamically-aka-check-to-see-if-it-exists/</link> <comments>http://www.tlswebsolutions.com/how-to-include-jquery-dynamically-aka-check-to-see-if-it-exists/#comments</comments> <pubDate>Thu, 07 Jan 2010 08:30:07 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[jQuery]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[!window.jQuery]]></category> <category><![CDATA[check if jquery]]></category> <category><![CDATA[define jquery]]></category> <category><![CDATA[dynamic jquery]]></category> <category><![CDATA[jquery does not exist]]></category> <category><![CDATA[jquery not defined]]></category> <category><![CDATA[lazy load jQuery]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=386</guid> <description><![CDATA[I cannot tell you how many times I&#8217;ve walked into a project that required the following: Fancy JavaScript [...]]]></description> <content:encoded><![CDATA[<p>I cannot tell you how many times I&#8217;ve walked into a project that required the following:</p><ol><li>Fancy JavaScript alerts, dialogs, and validation.</li><li>JavaScript assets that will distributed to subsites / satellite sites.</li><li>Of these sites, some may or may not already have these assets already defined.</li></ol><p>What I&#8217;m referring to specifically is jQuery. While building a tasty and user-friendly form.. I needed a way to check to see if jQuery didn&#8217;t exist, and if it didn&#8217;t include it dynamically by append it to the HEAD tag. This is commonly referred to &#8216;including jQuery dynamically&#8217;. Often times different phrases such as &#8216;check to see if jQuery is defined&#8217;, &#8216;lazy load jQuery&#8217;, &#8216;!window.jQuery&#8217;</p><p>Here is the JavaScript code to make the magic happen.</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #003d68;"><span style="color: #000066; font-weight: bold;color: #000080;">if</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #339933;color: #000080;">!</span><span style="color: #009900;color: #000080;">&#40;</span>window.<span style="color: #660066;">jQuery</span> <span style="color: #339933;color: #000080;">&amp;&amp;</span> window.<span style="color: #660066;">jQuery</span>.<span style="color: #660066;">fn</span>.<span style="color: #660066;">jquery</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #3366CC;color: #000080;">'1.3.2'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span><span style="color: #003366; font-weight: bold;color: #000080;">var</span> s <span style="color: #339933;color: #000080;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'script'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>s.<span style="color: #660066;">setAttribute</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'src'</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #3366CC;color: #000080;">'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>s.<span style="color: #660066;">setAttribute</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'type'</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #3366CC;color: #000080;">'text/javascript'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'head'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#91;</span><span style="color: #CC0000;color: #000080;">0</span><span style="color: #009900;color: #000080;">&#93;</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;color: #000080;">&#40;</span>s<span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span><span style="color: #009900;color: #000080;">&#125;</span></pre></div></div><p>As a recap, here is what the snippet above does. &#8220;Check to see if jQuery is defined. If it&#8217;s not, grab jQuery from Google&#8217;s API and include it in the HEAD tag&#8221;.</p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/how-to-include-jquery-dynamically-aka-check-to-see-if-it-exists/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>XZero Classifieds &#8211; jQuery Expanding Country List</title><link>http://www.tlswebsolutions.com/xzero-classifieds-jquery-expanding-country-list/</link> <comments>http://www.tlswebsolutions.com/xzero-classifieds-jquery-expanding-country-list/#comments</comments> <pubDate>Mon, 28 Dec 2009 03:59:13 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[jQuery]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[jquery city list]]></category> <category><![CDATA[jquery drop down]]></category> <category><![CDATA[xzero city list]]></category> <category><![CDATA[xzero classifieds]]></category> <category><![CDATA[xzero classifieds mod]]></category> <category><![CDATA[xzero country list]]></category> <category><![CDATA[xzero mod]]></category> <category><![CDATA[xzero scripts]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=374</guid> <description><![CDATA[XZero Scripts has released a great tool for developer looking for a classified script &#8211; XZero Community Classifieds. [...]]]></description> <content:encoded><![CDATA[<p><a href="http://www.xzeroscripts.com/"><img class="alignleft size-medium wp-image-384" title="xzero-screen" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/12/xzero-screen-300x141.png" alt="" width="300" height="141" />XZero Scripts</a> has released a great tool for developer looking for a classified script &#8211; <a href="http://www.xzeroscripts.com/products/xzero_classifieds/">XZero Community Classifieds</a>.</p><p>With an strong and eager community helping to further the development of the script, many people have taken the liberty to release their own mods. One modification we thought would be awesome to give back to the community is the expanding drop-down city list in the right side bar. Interested? Great!</p><p>You&#8217;re probably asking yourself &#8220;what&#8217;s the catch&#8221;? Truth be told, just a simple 1 file replacement. Follow these steps:</p><h4><span><a style="color: #333399;" href="http://www.tlswebsolutions.com/downloads/cities-inc-zip"><span style="text-decoration: underline;">&#8211;&gt; Download &#8216;cities.inc.zip&#8217;</span></a></span></h4><h3>Installation</h3><ol><li>Open &#8216;cities.inc.zip&#8217; and extract the file &#8216;cities.inc.php&#8217; to your computer / desktop.</li><li>Open your favorite FTP program and upload &#8216;cities.inc.php&#8217; to the root of your XZero Classifieds installation. This WILL replace the old &#8216;cities.inc.php&#8217; that came packaged with your original installation.</li></ol><p>That&#8217;s it!</p><p>Enjoy!</p><h3>Developer Notes</h3><p>The drop down uses the jQuery framework for its animations. The framework is being remotely downloaded using Google&#8217;s JavaScript API script (jsapi).</p><p><span class="download"><a href="http://www.tlswebsolutions.com/downloads/cities-inc-zip">Download Free jQuery Cities Drop down Mod for XZero Classifieds (1.51kb)</a><br /> Downloaded 857 times.</span></p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/xzero-classifieds-jquery-expanding-country-list/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> <item><title>Is Content the King Still? (Who’s Taking His Place)</title><link>http://www.tlswebsolutions.com/content-is-no-longer-king/</link> <comments>http://www.tlswebsolutions.com/content-is-no-longer-king/#comments</comments> <pubDate>Mon, 26 Oct 2009 10:35:41 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Marketing]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[best search engine]]></category> <category><![CDATA[best search engine ranking]]></category> <category><![CDATA[content is king]]></category> <category><![CDATA[content marketing]]></category> <category><![CDATA[word context]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=282</guid> <description><![CDATA[Since the very first blog, written around an ancient campfire somewhere in the moist foothills of Seattle, content [...]]]></description> <content:encoded><![CDATA[<p><a href="http://www.tlswebsolutions.com/wp-content/uploads/2009/10/crown.jpg"><img class="alignleft size-full wp-image-471" title="crown" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/10/crown.jpg" alt="" width="170" height="113" /></a>Since the very first blog, written around an ancient campfire somewhere in the moist foothills of Seattle, <em>content</em> has been crowned the undisputed king for ages.</p><p>The king ruled over all that was written, be they blogs, articles, ads, fiction, or a killer love letter.   All that was <em>copy</em> sat at the feet of the king.</p><p>Nothing succeeded without content.  Writing without it was cast from the kingdom, banished as self-serving junk mail and the much-loathed “interruption marketing.”<span id="more-282"></span></p><p>But the king is dead.</p><p>Okay, not exactly dead, just appointed Prime Minister.  Content still rules, but it’s from a more evolved perspective.</p><p>Long live the new king: <em>context</em>.</p><p>Because nothing sells, nothing works, without it.</p><h3>The inherent power that is context</h3><p>At the center of every effective piece of content is an agenda, an implied pitch residing at the heart of the content.</p><p>Content is the license, if you will, to move forward with the pitch. <a href="http://www.copyblogger.com/content-to-customers/">Valuable content gives you the right to go on to sell or promote something</a>.  It’s the embodiment of a noble premise — to receive <a href="http://www.copyblogger.com/much-obliged-the-power-of-reciprocity/">you must first give</a>.</p><p>You give with the hope that the prospect will stick around and finally buy something.  And <em>that</em> is the context behind <a href="http://www.copyblogger.com/content-marketing/">content marketing</a>.</p><p>A commercial context doesn’t diminish the value of strong content. In fact, acknowledging your agenda can be a very smart strategy.  It’s like saying, <em>Here, I have a gift for you.  Stick around.  Because there’s even more where that came from</em>.</p><p>Content creates value, and value builds trust.  From trust springs the willingness to part with dollars in return for even more value.</p><h3>The universal nature of context</h3><p>Of course, context isn’t something we only find in commercial transactions. It’s the empowering juice of fiction, as well.</p><p>In the opening scene of Quentin Tarantino’s current flick, <em>Inglorious Basterds</em>, we see what would otherwise be an overly long, annoyingly irrelevant conversation between a Nazi officer and a terrified farmer.</p><p>Why is the farmer terrified?  Why is the viewer hooked?  Because of the <em>context</em> of the scene.  Beneath every seemingly innocent line is a foreboding sense of dread.</p><p>Idle chit-chat about milk and neighbors form the content.  Fear and unthinkable consequences form the context.  Without the context, all you have is a rather dull conversation.</p><p>We know something really dramatic and truly horrifying is about to happen.  Right after Tarantino teases and torments us into a frenzy of anticipation.</p><p>How does he do that?  He has mastered the art of <em>context</em> in his scenes.</p><p>We copywriters should take note.</p><h3>Context as strategy</h3><p>Effective context doesn’t happen by accident. We need to consciously create it.</p><p>Context comes from the writer’s clarity about her goals, juxtaposed against the expectations and tolerances of the audience.</p><p>In the context of content marketing, first we deliver valuable content, free and clear.  As a gift. <a href="http://www.copyblogger.com/authority-rules-results/">As a solution</a>.  As narrative bricks and mortar.  And in doing so we earn the reader’s trust.</p><p>Once we’re trusted, we are now able to expand on our own agenda. We get to talk more about the intended outcome of the piece. That outcome might be a sale, a subscription, or even conversion to a new idea.</p><p>In a blog, we set out to deliver value.  In an ad, we pitch solutions and overcome objections.  In fiction, we infuse scenes with anticipation and emotion.</p><p>And in each case, when we understand the context we’re working in, we achieve our goal.</p><p>And so, too, does the reader.  Because <em>their</em> context isn’t what you’re selling, but what they’re seeking to take away from what you’ve written.</p><p>Long live the new king.</p><p><em>Article writen by <span><a href="http://www.copyblogger.com/author/larry-brooks/">Larry Brooks<br /> </a></span> on <a href="http://www.copyblogger.com/context-is-king/">http://www.copyblogger.com/context-is-king/</a></em></p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/content-is-no-longer-king/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Setup Gmail with Outlook 2003, Outlook 2007 and Outlook Express</title><link>http://www.tlswebsolutions.com/setup-gmail-with-outlook-2003-outlook-2007-and-outlook-express/</link> <comments>http://www.tlswebsolutions.com/setup-gmail-with-outlook-2003-outlook-2007-and-outlook-express/#comments</comments> <pubDate>Fri, 18 Sep 2009 04:35:02 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Google]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[Tutorials]]></category> <category><![CDATA[configure outlook 2003]]></category> <category><![CDATA[configure outlook 2007]]></category> <category><![CDATA[configure outlook express]]></category> <category><![CDATA[gmail outlook express]]></category> <category><![CDATA[gmail outlook2003]]></category> <category><![CDATA[gmail outlook2007]]></category> <category><![CDATA[gmail setup]]></category> <category><![CDATA[google and outlook]]></category> <category><![CDATA[google imap]]></category> <category><![CDATA[google mail outlook]]></category> <category><![CDATA[google pop3]]></category> <category><![CDATA[remote google]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=237</guid> <description><![CDATA[Google Mail, the beloved backbone of many small business email communications. Gmail is seen as more professional than [...]]]></description> <content:encoded><![CDATA[<p>Google Mail, the beloved backbone of many small business email communications. Gmail is seen as more professional than your average &#8216;@yahoo.com&#8217; and &#8216;@aol.com&#8217;, but it shares the same favored monthly fee, free. One service Yahoo! does not offer for free is POP while Gmail does. POP does not mean anything to you other than a fancy name for soda? Click the &#8220;What&#8217;s POP?&#8221; tab below. This article will describe and provide picture perfect, simple screenshots for configuring Outlook 2003, Outlook 2007 and Outlook Express to download and view your Gmail emails from your computer. Let&#8217;s face it, words just aren&#8217;t as simple as pictures.<span id="more-237"></span></p><h3><span style="color: #990000;"><strong>PLEASE ENABLE POP IN YOUR GMAIL SETTINGS. IF YOU ARE UNSURE HOW TO DO THIS, PLEASE VISIT THE &#8220;What&#8217;s POP?&#8221; TAB.</strong></span></h3><p><span style="color: #ccffff;"><strong><br /> </strong></span></p><div id="tabs"><ul><li><a href="#tabs-1">Outlook 2003</a></li><li><a href="#tabs-2">Outlook 2007</a></li><li><a href="#tabs-3">Outlook Express</a></li><li><a href="#tabs-4">What&#8217;s POP?</a></li></ul><div id="tabs-1"><h3>Configuring Gmail for Outlook 2003</h3><p>Outlook 2003 is not as straight forward and friendly as Outlook 2007. It requires you to manually select authentication, port numbers, etc. No need to worry, we cover all of that in one straight shot.</p><p>Step 1. We setup a new email account. In order to do so, you can find the wizard at  Tools -&gt; Email Accounts.<img class="aligncenter size-full wp-image-239" title="1" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/1.png" alt="1" width="261" height="354" /></p><p>Step 2. The wizard pops up and is ready to preform some magic.<img class="aligncenter size-full wp-image-240" title="2" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/2.png" alt="2" width="593" height="470" /></p><p>Step 3. Select POP3.<img class="aligncenter size-full wp-image-241" title="3" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/3.png" alt="3" width="593" height="470" /></p><p>Step 4. Enter your info as follows:</p><ul><li>Your Name: anything you want, this is optional</li><li>E-mail Address: required, this is your Gmail account. You must include &#8216;@gmail.com&#8217;</li><li>Username: same as E-mail Address</li><li>Password: your Gmail password</li><li>POP3 and SMTP are just the URL&#8217;s in which Outlook access&#8217;s Google&#8217;s Mail for incoming and outgoing.</li></ul><p>After setting up everything as demonstrated below, click <span style="text-decoration: underline;"><em><strong>&#8220;More Settings&#8221;</strong></em></span>.<img class="aligncenter size-full wp-image-242" title="4" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/4.png" alt="4" width="593" height="470" /></p><p>Step 5.  In the &#8220;Outgoing Server&#8221; tab, click &#8220;My outgoing server (SMTP) requires authentication&#8221; and make sure the radio button &#8220;Use same settings as my incoming mail server&#8221; is selected.<img class="aligncenter size-full wp-image-243" title="5" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/5.png" alt="5" width="593" height="470" /></p><p>Step 6. Proceed to the &#8220;Advanced&#8221; tab. FIRST, check the &#8220;This server requires an encrypted connection (SSL)&#8221; first for both the &#8220;Incoming server (POP3):&#8221; and &#8220;Outgoing server (SMTP):&#8221;. Normally, this should automatically set your ports to 995 and 25 as demonstrated below. If it does not, type it in manually.<img class="aligncenter size-full wp-image-244" title="6" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/6.png" alt="6" width="593" height="470" /></p><p>Step 7. Finish! When you return to your normal Outlook 2003 screen after the wizard closes, tap the F9 key to start receiving emails!</p></div><div id="tabs-2"><h3>Configuring Gmail for Outlook 2007</h3><p>Luckily, Outlook 2007 is very simple to setup.</p><p>Step 1. Go to &#8220;Tools -&gt; Account Settings&#8230;&#8221;.<img class="aligncenter size-full wp-image-265" title="07-1" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-1.png" alt="07-1" width="231" height="317" /></p><p>Step 2.  On the &#8216;Email&#8217; tab, click &#8216;New&#8217; and a new wizard window should appear.<img class="aligncenter size-full wp-image-266" title="07-2" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-2.png" alt="07-2" width="623" height="508" /></p><p>Step 3.  In the &#8220;Your Name:&#8221; field, type in your name. Outook will send messages using this name and when other users receive an email from you, it will use the &#8220;Display name&#8221; in the &#8220;From&#8221; field.</p><p>In the &#8220;E-mail Address:&#8221; field, type in your Gmail email account. Please include the &#8220;@gmail.com&#8221; extension.</p><p>And last but not least, type in your Gmail email account password. Do<em><strong> </strong></em><span style="text-decoration: underline;"><strong>NOT</strong></span> select &#8216;Manually configure server settings or additional server settings&#8217;. Outlook will auto-pilot the configuration process in the next step.</p><p><img class="aligncenter size-full wp-image-267" title="07-3" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-3.png" alt="07-3" width="632" height="476" /></p><p>Step 4. The final and easiest step of them all. Simply let the automatic configuration run and Outlook will do the rest of the setting up for you. Once it&#8217;s completed and looks like the screen below, click &#8220;Finish&#8221;.<img class="aligncenter size-full wp-image-268" title="07-4" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-4.png" alt="07-4" width="632" height="476" /></p><p>That&#8217;s it!</p><p><em>Note: Outlook should automatically configure it as POP3 for the incoming server.</em></div><div id="tabs-3"><h3>Configuring Gmail for Outlook Express</h3><p>Outlook Express is roughly the same as Outlook 2003.</p><p>Step 1. Click &#8220;Tools -&gt; Accounts&#8221;.</p><p><img class="aligncenter size-full wp-image-255" title="1" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/11.png" alt="1" width="272" height="281" /></p><p>Step 2. We want to setup a new &#8220;Mail&#8221; account. Click &#8220;Add -&gt; Mail&#8221; on the right side.</p><p><img class="aligncenter size-full wp-image-256" title="2" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/21.png" alt="2" width="645" height="329" /></p><p>Step 3. Next, we enter in our display name. This can be anything. Keep in mind that Outook will send messages using this name and when other users receive an email from you, it will use the &#8220;Display name&#8221; in the &#8220;From&#8221; field.</p><p><img class="aligncenter size-full wp-image-257" title="3" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/31.png" alt="3" width="514" height="422" /></p><p>Step 4. Enter your email address. Please make sure you include the &#8216;@gmail.com&#8217; extension.<img class="aligncenter size-full wp-image-258" title="4" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/41.png" alt="4" width="514" height="422" /></p><p>Step 5. There is a few different types of connections we can create. The one we want is IMAP. Unlike POP which only downloads emails to Outlook, IMAP actually streams ALL emails including saved, archived, and even folders.</p><p>Type in &#8216;imap.gmail.com&#8217; for the &#8220;Incoming Mail&#8221; and &#8220;smtp.gmail.com&#8221; for the &#8220;Outgoing mail (SMTP) Server&#8221;.</p><p><img class="aligncenter size-full wp-image-259" title="5" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/51.png" alt="5" width="514" height="422" /></p><p>Step 6. Now, we provide out login credentials. Once again, type in your Gmail username INCLUDING the &#8216;@gmail.com&#8217; extension with your password. Do NOT select &#8220;Log on using Secure Password Authentication (SPA)&#8221;. After that, you should be greeted with a finish page.</p><p><img class="aligncenter size-full wp-image-260" title="6" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/61.png" alt="6" width="514" height="422" /></p><p>Step 7.  After going selecting &#8220;Finish&#8221; on the past page, you will be returned to the &#8220;Internet Accounts&#8221; page with the &#8220;Mail&#8221; tab already selected with your newly created email account to Gmail. On the right side, click &#8220;Properties&#8221;.<img class="aligncenter size-full wp-image-261" title="7" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/7.png" alt="7" width="514" height="340" /></p><p>Step 8. Proceed to the &#8220;Servers&#8221; tab and under &#8220;Outgoing Mail Server&#8221;, make sure the &#8220;My server requires authentication&#8221; IS SELECTED. If you skip past this, you WILL NOT be able to connect to Gmail.</p><p><img class="aligncenter size-full wp-image-262" title="8" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/8.png" alt="8" width="447" height="489" /></p><p>Step 9. Next, go to the &#8216;Advanced&#8217; tab and click &#8220;This server requires a secure connection (SSL)&#8221; under both Outgoing Mail and Incoming Mail. Upon clicking the checkboxes, it should automatically make your &#8220;Outgoing mail (SMTP)&#8221; port 25, and the &#8220;Incoming mail (IMAP)&#8221; to 993. If it does not do this automatically, please manually set them to 25, 993.</p><p><img class="aligncenter size-full wp-image-254" title="9" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/9.png" alt="9" width="447" height="489" /></p><p>Step 10. After that, hit OK. It should bring you back to the &#8220;Internet Accounts&#8221; screen and click &#8220;Close&#8221;.</p></div><div id="tabs-4"><h3>What is POP3?</h3><p>POP, it&#8217;s all the fizz of the modern email. POP3 (Post Office Protocol 3) is the most recent version of a standard protocol for receiving e-mail. POP3 is a <a href="http://searchnetworking.techtarget.com/sDefinition/0,,sid7_gci211796,00.html">client/server</a> <a href="http://searchnetworking.techtarget.com/sDefinition/0,,sid7_gci212839,00.html">protocol</a> in which e-mail is received and held for you by your Internet server. Periodically, you (or your client e-mail receiver) check your mail-box on the server and download any mail, probably using POP3. This standard protocol is built into most popular e-mail products, such as Eudora and Outlook Express.</p><h3>In Modern English, what does this mean?</h3><p>This means that POP3 is one of two popular ways to download emails from your email account on the web. There is one draw back, when downloading emails, POP3 tends to delete the emails off the server when they arrive in your Outlook inbox.</p><p>This is sometimes desired, other times not. It is my recommendation to turn on the &#8220;Leave a copy of messages on the server&#8221;. This feature is available in all versions of Outlook for POP3.</p><p>You do not need to turn this feature on if you select IMAP instead of POP3, as IMAP streams emails and synchronizes instead of actually downloading them per se.</p><h3>Leave a copy of messages on the server in Outlook 2007:</h3><p><img class="aligncenter size-full wp-image-269" title="07-5" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-5.png" alt="07-5" width="398" height="438" /></p><h3>Enabling POP3 with Gmail</h3><p>If you&#8217;re experiencing difficulty, or the steps listed on the other tabs just aren&#8217;t working, you may not have POP3 enabled. In order to enable Gmail to use POP3, in Gmail just go to &#8216;Settings&#8217; and choose the &#8216;Forwarding and POP&#8217; tab.</p><p><img class="aligncenter size-full wp-image-276" title="07-7" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-7.png" alt="07-7" width="334" height="34" /></p><p>Click on one of the options to enable POP.</p><p><img class="aligncenter size-full wp-image-277" title="07-8" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/09/07-8.png" alt="07-8" width="715" height="364" /></div></div> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/setup-gmail-with-outlook-2003-outlook-2007-and-outlook-express/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Magento Fontis FCKeditor WYSIWYG Transactional Email</title><link>http://www.tlswebsolutions.com/magento-fontis-fckeditor-wysiwyg-transactional-email/</link> <comments>http://www.tlswebsolutions.com/magento-fontis-fckeditor-wysiwyg-transactional-email/#comments</comments> <pubDate>Thu, 13 Aug 2009 04:18:52 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Magento]]></category> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[fck editor]]></category> <category><![CDATA[fck wysiwyg]]></category> <category><![CDATA[fckeditor]]></category> <category><![CDATA[fontis]]></category> <category><![CDATA[fontis extension]]></category> <category><![CDATA[magento extension]]></category> <category><![CDATA[new email template]]></category> <category><![CDATA[template text]]></category> <category><![CDATA[template_text]]></category> <category><![CDATA[transactional email wysiwyg]]></category> <category><![CDATA[wysiwyg]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=194</guid> <description><![CDATA[Fontis has released an extension for Magento (1.3.2.3 at the time of writing this) that allows for a [...]]]></description> <content:encoded><![CDATA[<p>Fontis has released an extension for Magento (1.3.2.3 at the time of writing this) that allows for a WYSIWYG (What you see is what you get, aka, a MS Word like editor) for various sections of Magento. This generally allows you to format and style your product descriptions, category descriptions, etc. Only one problem, it doesn&#8217;t work in every section of Magento.<span id="more-194"></span></p><p>In the newest release of Fontis for Magento (1.1.0), <strong>Lloyd Hazlett </strong>has informed me that they&#8217;ve added a WYSIWYG by default to the Transactional Emails page. Way to go guys! Keep up the great work! For those who want to see how it was done, keep scrolling.<br /> <a title="Fontis, IT Consulting, Development and eCommerce" href="http://www.fontis.com.au/">http://www.fontis.com.au/</a> and <a href="http://www.magentocommerce.com/extension/586/fontis-wysiwyg-editor">http://www.magentocommerce.com/extension/586/fontis-wysiwyg-editor</a></p><p>One of the biggest issues / requested fixes for Fontis&#8217;s FCKeditor is to have it display the WYSIWYG editor in the Transactional Emails section [System -&gt; Transactional Emails]. The following image is what the editor normally displays as (the undesired and raw one).</p><p><img class="aligncenter size-full wp-image-196" title="fck-2" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/08/fck-2.gif" alt="fck-2" width="656" height="449" /></p><h3>The Diagnosis and Cure</h3><p>As you might guess, adding in raw text and trying to format it with HTML is fairly difficult. There are two ways to enable the editor on the Transactional Emails page.</p><p><strong>The First:</strong><br /> On the Admin page [System -&gt; Configuration -&gt; Admin] you will see &#8220;WYSIWYG Editor&#8221;. Make sure in the Editor Type field that &#8216;FCKeditor&#8217; is selected. In the Editable Areas, click the &#8216;Add textarea CSS ID&#8217; button and a dialog will expand.</p><p>In the dialog, add &#8220;template_text&#8221; into the text box. After adding in the text, save the page. The textarea on the transactional emails page should work. However, if you&#8217;re like me and never happen to be graced with such luck&#8230; you have to do the  recommended alternative, adding it in manually. See the next step for directions.</p><p><strong>The Second (recommended):<br /> </strong>In the case of the first step now working, we&#8217;re going to add a new region to the selectable area&#8217;s in the editor. Not sure what I mean? Below is a screenshot of all the currently selectable areas in the editor.</p><p><img class="aligncenter size-full wp-image-195" title="fck-1" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/08/fck-1.gif" alt="fck-1" width="532" height="473" /></p><p>As you can see we currently have 6 selectable areas. If you click on any of the items in the blue you&#8217;ll notice that all the others deselect back to white. In order for the all of the editable regions to have WYSIWYG editors, you must select them all. You can do this by holding CTR and clicking all of the listed items until they are all highlighted blue.</p><p>You&#8217;ll need FTP access in order to manually add a new selectable item. With your FTP client open browse to &#8216;/app/code/community/Fontis/Wysiwyg/Model/Source/Editableareas.php&#8217;.</p><p>With Editableareas.php open, replace:</p><div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;color: #003d68;"> <span style="color: #0000ff;">'description'</span><span style="color: #339933;color: #000080;">,</span>             <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Product Description'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'short_description'</span><span style="color: #339933;color: #000080;">,</span>       <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Product Short Description'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'page_content'</span><span style="color: #339933;color: #000080;">,</span>            <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'CMS Page Content'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'block_content'</span><span style="color: #339933;color: #000080;">,</span>           <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Static Block Content'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'_generaldescription'</span><span style="color: #339933;color: #000080;">,</span>     <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Category Description'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'text'</span><span style="color: #339933;color: #000080;">,</span>                    <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Newsletter Template'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
<span style="color: #009900;color: #000080;">&#125;</span>
<span style="color: #009900;color: #000080;">&#125;</span></pre></div></div><p>With:</p><div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;color: #003d68;"> <span style="color: #0000ff;">'description'</span><span style="color: #339933;color: #000080;">,</span>             <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Product Description'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'short_description'</span><span style="color: #339933;color: #000080;">,</span>       <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Product Short Description'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'page_content'</span><span style="color: #339933;color: #000080;">,</span>            <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'CMS Page Content'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'block_content'</span><span style="color: #339933;color: #000080;">,</span>           <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Static Block Content'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'_generaldescription'</span><span style="color: #339933;color: #000080;">,</span>     <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Category Description'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'text'</span><span style="color: #339933;color: #000080;">,</span>                    <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Newsletter Template'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #990000;color: #FF0000;">array</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'value'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> <span style="color: #0000ff;">'template_text'</span><span style="color: #339933;color: #000080;">,</span>           <span style="color: #0000ff;">'label'</span> <span style="color: #339933;color: #000080;">=&amp;</span>gt<span style="color: #339933;color: #000080;">;</span> Mage<span style="color: #339933;color: #000080;">::</span><span style="color: #004000;">helper</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'fontis_wysiwyg'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">-&amp;</span>gt<span style="color: #339933;color: #000080;">;</span>__<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #0000ff;">'Template Text / Transactional Emails'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
<span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
<span style="color: #009900;color: #000080;">&#125;</span>
<span style="color: #009900;color: #000080;">&#125;</span></pre></div></div><p>We just added a new item to the array called &#8220;template_text&#8221;.</p><p>Next, browse to and open &#8216;/app/design/adminhtml/default/default/template/system/email/template/edit.phtml&#8217;.</p><p>With Edit.phtml open, replace:</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #003d68;"><span style="color: #003366; font-weight: bold;color: #000080;">new</span> Ajax.<span style="color: #660066;">Request</span><span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">action</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #009900;color: #000080;">&#123;</span>
               parameters<span style="color: #339933;color: #000080;">:</span> Form.<span style="color: #660066;">serialize</span><span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
               area<span style="color: #339933;color: #000080;">:</span> $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
               onComplete<span style="color: #339933;color: #000080;">:</span> <span style="color: #003366; font-weight: bold;color: #000080;">function</span> <span style="color: #009900;color: #000080;">&#40;</span>transport<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                   <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>transport.<span style="color: #660066;">responseText</span>.<span style="color: #660066;">isJSON</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                       <span style="color: #003366; font-weight: bold;color: #000080;">var</span> fields <span style="color: #339933;color: #000080;">=</span> $H<span style="color: #009900;color: #000080;">&#40;</span>transport.<span style="color: #660066;">responseText</span>.<span style="color: #660066;">evalJSON</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                       fields.<span style="color: #660066;">each</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #003366; font-weight: bold;color: #000080;">function</span><span style="color: #009900;color: #000080;">&#40;</span>pair<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                          <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                              $<span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">value</span> <span style="color: #339933;color: #000080;">=</span> pair.<span style="color: #660066;">value</span>.<span style="color: #660066;">strip</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                          <span style="color: #009900;color: #000080;">&#125;</span>
                          <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #3366CC;color: #000080;">'template_type'</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                              <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">value</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #CC0000;color: #000080;">1</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                                  <span style="color: #000066; font-weight: bold;color: #000080;">this</span>.<span style="color: #660066;">typeChange</span> <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button_back'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                              <span style="color: #009900;color: #000080;">&#125;</span> <span style="color: #000066; font-weight: bold;color: #000080;">else</span> <span style="color: #009900;color: #000080;">&#123;</span>
                                  <span style="color: #000066; font-weight: bold;color: #000080;">this</span>.<span style="color: #660066;">typeChange</span> <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">false</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button_back'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">show</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                              <span style="color: #009900;color: #000080;">&#125;</span>
                          <span style="color: #009900;color: #000080;">&#125;</span>
                       <span style="color: #009900;color: #000080;">&#125;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #000066; font-weight: bold;color: #000080;">this</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                   <span style="color: #009900;color: #000080;">&#125;</span>
               <span style="color: #009900;color: #000080;">&#125;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #000066; font-weight: bold;color: #000080;">this</span><span style="color: #009900;color: #000080;">&#41;</span>
            <span style="color: #009900;color: #000080;">&#125;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span></pre></div></div><p>With:</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #003d68;"><span style="color: #003366; font-weight: bold;color: #000080;">new</span> Ajax.<span style="color: #660066;">Request</span><span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">action</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #009900;color: #000080;">&#123;</span>
               parameters<span style="color: #339933;color: #000080;">:</span> Form.<span style="color: #660066;">serialize</span><span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
               area<span style="color: #339933;color: #000080;">:</span> $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
               onComplete<span style="color: #339933;color: #000080;">:</span> <span style="color: #003366; font-weight: bold;color: #000080;">function</span> <span style="color: #009900;color: #000080;">&#40;</span>transport<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                   <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>transport.<span style="color: #660066;">responseText</span>.<span style="color: #660066;">isJSON</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                       <span style="color: #003366; font-weight: bold;color: #000080;">var</span> fields <span style="color: #339933;color: #000080;">=</span> $H<span style="color: #009900;color: #000080;">&#40;</span>transport.<span style="color: #660066;">responseText</span>.<span style="color: #660066;">evalJSON</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                       fields.<span style="color: #660066;">each</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #003366; font-weight: bold;color: #000080;">function</span><span style="color: #009900;color: #000080;">&#40;</span>pair<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                          <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                              $<span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">value</span> <span style="color: #339933;color: #000080;">=</span> pair.<span style="color: #660066;">value</span>.<span style="color: #660066;">strip</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                          <span style="color: #009900;color: #000080;">&#125;</span>
                          <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #3366CC;color: #000080;">'template_type'</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                              <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">value</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #CC0000;color: #000080;">1</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                                  <span style="color: #000066; font-weight: bold;color: #000080;">this</span>.<span style="color: #660066;">typeChange</span> <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button_back'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                              <span style="color: #009900;color: #000080;">&#125;</span> <span style="color: #000066; font-weight: bold;color: #000080;">else</span> <span style="color: #009900;color: #000080;">&#123;</span>
                                  <span style="color: #000066; font-weight: bold;color: #000080;">this</span>.<span style="color: #660066;">typeChange</span> <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">false</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button_back'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">show</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                              <span style="color: #009900;color: #000080;">&#125;</span>
                          <span style="color: #009900;color: #000080;">&#125;</span>
                       <span style="color: #009900;color: #000080;">&#125;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #000066; font-weight: bold;color: #000080;">this</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                   <span style="color: #009900;color: #000080;">&#125;</span>
               <span style="color: #003366; font-weight: bold;color: #000080;">var</span> fontis_trans <span style="color: #339933;color: #000080;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'template_text___Frame'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
               <span style="color: #000066; font-weight: bold;color: #000080;">if</span><span style="color: #009900;color: #000080;">&#40;</span>fontis_trans<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>fontis_trans.<span style="color: #660066;">contentWindow</span>.<span style="color: #660066;">location</span>.<span style="color: #660066;">reload</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span><span style="color: #009900;color: #000080;">&#125;</span>
               <span style="color: #009900;color: #000080;">&#125;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #000066; font-weight: bold;color: #000080;">this</span><span style="color: #009900;color: #000080;">&#41;</span>
            <span style="color: #009900;color: #000080;">&#125;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span></pre></div></div><p>We just told the Fontis WYSIWYG editor to refresh itself in the Transactional Emails page whenever we select a new template.</p><p>Now, we return to Magento [System-&gt;Configuration-&gt;Admin]. You should now see Template Text / Transactional Emails as a selectable item. After selecting it, your screen should now look like the following:</p><p><img class="aligncenter size-full wp-image-197" title="fck-3" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/08/fck-3.gif" alt="fck-3" width="532" height="473" /></p><p><strong>Note:</strong><em><strong> If you still have the &#8220;template_text&#8221; you input from the First Step, you can delete this by clicking the (x) icon next to its name. We no longer need this, we want to have your screen display exactly like the screen shot above.</strong></em></p><p>After selecting this, saving the page, and browsing to the Transactional Emails page and clicking on &#8216;New Template&#8217; to confirm that indeed the fix was applied&#8230; the New Email Template page should now appear like the screen shot below.</p><p><img class="aligncenter size-full wp-image-198" title="fck-4" src="http://www.tlswebsolutions.com/wp-content/uploads/2009/08/fck-4.gif" alt="fck-4" width="684" height="437" /></p><p>That&#8217;s it! You&#8217;re all set and ready to go.</p><hr /><strong><span style="font-size:20px; color:#ff0000;">EDIT: THE SOLUTION IS ABOVE THIS SECTION. DO NOT USE THE FOLLOWING CODE BELOW, ANY INFORMATION BELOW DOCUMENTS A FIX REGARDING THE LOADING OF CONTENT INTO THE WYSIWYG WITH AJAX. </span></strong></p><p>It has been confirmed that after applying the WYSIWYG to the Transactional Emails page, Magento will no longer load in any of the default mail template&#8217;s content. After anaylzing the code, I found some things that prove to be interesting.</p><p>On line 717 of the New Email Template page source code is the following</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #003d68;">load<span style="color: #339933;color: #000080;">:</span> <span style="color: #003366; font-weight: bold;color: #000080;">function</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
            <span style="color: #003366; font-weight: bold;color: #000080;">var</span> form <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">new</span> varienForm<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
&nbsp;
            <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span><span style="color: #339933;color: #000080;">!</span>form.<span style="color: #660066;">validator</span>.<span style="color: #660066;">validate</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                <span style="color: #000066; font-weight: bold;color: #000080;">return</span><span style="color: #339933;color: #000080;">;</span>
            <span style="color: #009900;color: #000080;">&#125;</span>
&nbsp;
            <span style="color: #003366; font-weight: bold;color: #000080;">new</span> Ajax.<span style="color: #660066;">Request</span><span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">action</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #009900;color: #000080;">&#123;</span>
               parameters<span style="color: #339933;color: #000080;">:</span> Form.<span style="color: #660066;">serialize</span><span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span> <span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
               area<span style="color: #339933;color: #000080;">:</span> $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'email_template_load_form'</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">,</span>
               onComplete<span style="color: #339933;color: #000080;">:</span> <span style="color: #003366; font-weight: bold;color: #000080;">function</span> <span style="color: #009900;color: #000080;">&#40;</span>transport<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                   <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>transport.<span style="color: #660066;">responseText</span>.<span style="color: #660066;">isJSON</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                       <span style="color: #003366; font-weight: bold;color: #000080;">var</span> fields <span style="color: #339933;color: #000080;">=</span> $H<span style="color: #009900;color: #000080;">&#40;</span>transport.<span style="color: #660066;">responseText</span>.<span style="color: #660066;">evalJSON</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                       fields.<span style="color: #660066;">each</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #003366; font-weight: bold;color: #000080;">function</span><span style="color: #009900;color: #000080;">&#40;</span>pair<span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                          <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>$<span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                              $<span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">value</span> <span style="color: #339933;color: #000080;">=</span> pair.<span style="color: #660066;">value</span>.<span style="color: #660066;">strip</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                          <span style="color: #009900;color: #000080;">&#125;</span>
                          <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">key</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #3366CC;color: #000080;">'template_type'</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                              <span style="color: #000066; font-weight: bold;color: #000080;">if</span> <span style="color: #009900;color: #000080;">&#40;</span>pair.<span style="color: #660066;">value</span> <span style="color: #339933;color: #000080;">==</span> <span style="color: #CC0000;color: #000080;">1</span><span style="color: #009900;color: #000080;">&#41;</span> <span style="color: #009900;color: #000080;">&#123;</span>
                                  <span style="color: #000066; font-weight: bold;color: #000080;">this</span>.<span style="color: #660066;">typeChange</span> <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button_back'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                              <span style="color: #009900;color: #000080;">&#125;</span> <span style="color: #000066; font-weight: bold;color: #000080;">else</span> <span style="color: #009900;color: #000080;">&#123;</span>
                                  <span style="color: #000066; font-weight: bold;color: #000080;">this</span>.<span style="color: #660066;">typeChange</span> <span style="color: #339933;color: #000080;">=</span> <span style="color: #003366; font-weight: bold;color: #000080;">false</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button_back'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                                  $<span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'convert_button'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">show</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                              <span style="color: #009900;color: #000080;">&#125;</span>
                          <span style="color: #009900;color: #000080;">&#125;</span>
                       <span style="color: #009900;color: #000080;">&#125;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #000066; font-weight: bold;color: #000080;">this</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
                   <span style="color: #009900;color: #000080;">&#125;</span>
               <span style="color: #009900;color: #000080;">&#125;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #000066; font-weight: bold;color: #000080;">this</span><span style="color: #009900;color: #000080;">&#41;</span>
            <span style="color: #009900;color: #000080;">&#125;</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span>
&nbsp;
        <span style="color: #009900;color: #000080;">&#125;</span></pre></div></div><p>When Magento loads in a new email template, it calls this exact function. Generally, it will find the textarea (template_text). However, Fontis likes to remove this textarea with something that tends to be the bane of most developers, frames.</p><p>Take a look at the code before Fontis:</p><div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #003d68;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #000080;">textarea</span> <span style="color: #000066;color: #FF0000;">id</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;template_text&quot;</span> <span style="color: #000066;color: #FF0000;">class</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;textarea  required-entry&quot;</span> <span style="color: #000066;color: #FF0000;">style</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;height: 24em;&quot;</span> <span style="color: #000066;color: #FF0000;">cols</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;15&quot;</span> <span style="color: #000066;color: #FF0000;">rows</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;2&quot;</span> <span style="color: #000066;color: #FF0000;">name</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;template_text&quot;</span>&gt;&lt;<span style="color: #66cc66;color: #000080;">/</span><span style="color: #000000; font-weight: bold;color: #000080;">textarea</span>&gt;</span></pre></div></div><p>And now after Fontis:</p><p>As you can see, it&#8217;s changing the ID of &#8216;template_text&#8217; from the main editor by adding &#8216;___Frame&#8217; to it. Additionally, there is security issues and a lot of problems when having JavaScript write to another frame.  In short, looks like there has to be some JavaScript added specifically for loading in templates. I am attempting my hand at it, I&#8217;ll post back.</p><hr />After checking back, it seems as if the textarea is first filled with saved content and then processed into the frame. Once the WYSIWYG has all of the data from the textarea&#8217;s value, it hides the text area and displays the FCKEditor with the content it copied.  The problem seems to rely in being able to reload the wysiwyg with new content from the textarea when selecting a new template to load. However, since the textarea is not being updated, neither is the editor. Additionally, I don&#8217;t think the capability or functionality was built in to have the editor update itself during the AJAX request. More to come later.</p><hr />Beautiful, I figured it out. After having seen Rob&#8217;s comment I set out to find an answer, I wanted to share the solution with everyone. After loading in a template as usual, the wysiwyg did not grab the content from the template. I typed this into the URL bar</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #003d68;">javascript<span style="color: #339933;color: #000080;">:</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #3366CC;color: #000080;">'template_text___Frame'</span><span style="color: #009900;color: #000080;">&#41;</span>.<span style="color: #660066;">contentWindow</span>.<span style="color: #660066;">location</span>.<span style="color: #660066;">reload</span><span style="color: #009900;color: #000080;">&#40;</span><span style="color: #003366; font-weight: bold;color: #000080;">true</span><span style="color: #009900;color: #000080;">&#41;</span><span style="color: #339933;color: #000080;">;</span></pre></div></div><p>And BEHOLD, it reloads the frame as WELL as the new content it SHOULD be loading in. I&#8217;m writing a custom solution for this fix and will be adding it in the solution section of this post.</p><hr />The additional fix has been added to update the WYSIWYG on the transactional emails new template page whenever a new template is loaded in.</p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/magento-fontis-fckeditor-wysiwyg-transactional-email/feed/</wfw:commentRss> <slash:comments>12</slash:comments> </item> <item><title>Favicon &#8211; Do It Yourself, The Right Way</title><link>http://www.tlswebsolutions.com/favicon-do-it-yourself-the-right-way/</link> <comments>http://www.tlswebsolutions.com/favicon-do-it-yourself-the-right-way/#comments</comments> <pubDate>Mon, 06 Jul 2009 01:41:36 +0000</pubDate> <dc:creator>Tim Selaty</dc:creator> <category><![CDATA[Miscellaneous]]></category> <category><![CDATA[Photoshop]]></category> <category><![CDATA[XHTML]]></category> <category><![CDATA[16x16]]></category> <category><![CDATA[browser icon]]></category> <category><![CDATA[favicon]]></category> <category><![CDATA[favorite icon]]></category> <category><![CDATA[tutorial]]></category><guid isPermaLink="false">http://www.tlswebsolutions.com/?p=98</guid> <description><![CDATA[Don&#8217;t you love it when you&#8217;re browsing the internet and all of a sudden you come across the [...]]]></description> <content:encoded><![CDATA[<p>Don&#8217;t you love it when you&#8217;re browsing the internet and all of a sudden you come across the most slick website imaginable&#8230; and the one thing that stands out above everything is a kickass favicon?</p><p>What&#8217;s a favicon you ask? Click the <strong>&#8220;Faviwhat?&#8221;</strong> tab below.</p><div id="tabs"><ul><li><a href="#tabs-1">Creating the Favicon</a></li><li><a href="#tabs-2">Show it off!</a></li><li><a href="#tabs-3">Faviwhat?</a></li></ul><div id="tabs-1"><h2>The creation:</h2><p>You have a snazzy logo and want the icon next to the URL bar to match it. How you ask? Sit back, read, enjoy the ride. Oh, and I&#8217;ll throw in a couple snapshots too.</p><p>In this example, I&#8217;ll be using a quickly created logo for demonstrative purposes.</p><p class="aligncenter"><img src="http://www.tlswebsolutions.com/wp-content/uploads/2009/07/nukleeur.png" alt="nukleeur" title="nukleeur" width="250" height="50" class="no-border" /></p><p>Open the image in Photoshop and select the crop tool.</p><p><img src="http://www.tlswebsolutions.com/wp-content/uploads/2009/07/crop1.png" alt="crop1" title="crop1" width="190" height="180" class="aligncenter size-full wp-image-115" /></p><p>Then, type &#8220;16px&#8221; in both the height and width fields in the top part of the screen. This will allow whatever you select with the crop tool in the next step, to automatically be adjusted and resized to 16&#215;16. The reason why it&#8217;s 16&#215;16 is because that is the standard Favicon size most widely accepted by all browsers.</p><p><img src="http://www.tlswebsolutions.com/wp-content/uploads/2009/07/crop2.png" alt="crop2" title="crop2" width="483" height="157" class="aligncenter size-full wp-image-117" /></p><p>Select the following area, this EXACT area will be your favicon upon accepting the changes.<br /> <strong>Note:</strong> Make sure that at the top of your screen you have the &#8216;delete&#8217; radio button clicked, and that after selecting the area you click the &#8216;Approve&#8217; check mark on the top right part of Photoshop.</p><p><img src="http://www.tlswebsolutions.com/wp-content/uploads/2009/07/crop3.png" alt="crop3" title="crop3" width="309" height="87" class="aligncenter size-full wp-image-118" /></p><p>Now, export it into a web readable format. This is the important part. All favicon&#8217;s use a bit depth of 32 colors. Aka, if your cropped image has 60 colors, it&#8217;ll actually REMOVE any of those extra colors creating an undesirable effect. Let&#8217;s use a promised result by first clicking &#8220;Save for Web and Devices&#8221; or ALT+CTR+SHIFT+S for short.</p><p><img src="http://www.tlswebsolutions.com/wp-content/uploads/2009/07/crop4.png" alt="crop4" title="crop4" width="370" height="566" class="aligncenter size-full wp-image-122" /></p><p>Now, use the following settings and save the file as &#8220;favicon.gif&#8221;. After you have it saved, rename it to &#8220;favicon.ico&#8221; and that&#8217;s it! You officially created your own favicon using Photoshop from a logo. Not so bad, is it? What do you do with it you ask? Click the <strong>&#8220;Show it off!&#8221;</strong> tab above to see and grab the snippets of code that make this shining piece of work display next to the site&#8217;s URL.</p></div><div id="tabs-2"><h2>The snippet, the problem, and the solution</h2><p>So, we&#8217;ve got the icon, but what do we do with it? We insert it into the header of our HTML page.</p><p>First, using your favorite FTP Client (we recommend <a href="http://filezilla-project.org/" title="FileZilla Project">FileZilla</a>) to upload the favicon to the ROOT of your site. Generally, this is the same place as your index.html is stored.</p><p>After the icon has been uploaded, we can now tell the webpage that when loaded, to look for this icon and display it in the browser. To do this, we need a snippet of code.</p><div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;color: #003d68;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #000080;">link</span> <span style="color: #000066;color: #FF0000;">rel</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;shortcut icon&quot;</span> <span style="color: #000066;color: #FF0000;">href</span><span style="color: #66cc66;color: #000080;">=</span><span style="color: #ff0000;color: #000080;">&quot;/favicon.ico&quot;</span> <span style="color: #66cc66;color: #000080;">/</span>&gt;</span></pre></td></tr></table></div><p>What this does is allows the browser to say &#8220;Find this particular file starting at the root of the site, check its bit depth&#8230; and if all is well.. set this image to be the shortcut and default URL icon for the site&#8221;.</p><p>Add the snippet above inside the HEAD tag and your site will now use the Favorite Icon (Favicon).</p><h3>I did all that, why is it not showing?</h3><p>One answer. Cache.</p><p>Most browsers (like FireFox) stores a website&#8217;s data, icons, etc in a caching system. When revisiting that site during the current session state it will try to use as many previous resources as possible. This includes CSS, JavaScript.. and as you guessed it.. images. Since your Favicon is indeed an image and your site didn&#8217;t have an image about ten minutes ago, it used a blank clear one instead and stored it for later use.</p><p>In order to see the updated version go to &#8220;Tools -> Clear Private Data&#8221; and ONLY check the &#8220;Cache&#8221; and &#8220;Offline Website Data&#8221; checkboxes. Then clear it and close FireFox. If it asks you to restore your previous session, start a new one.</p><p><em>Viola!</em></p><p>Enjoy adding that final touch to your already amazing website.</p><p><span class="validatedMsg"><a href="/examples/favicon-example.zip">&rarr; Download Source / Examples &larr;</a></span></p><p>Source ZIP Includes:</p><ul><li>Nukleeur Logo</li><li>Favicon</li><li>HTML file with Favicon Snippet</li></ul></div><div id="tabs-3"><h2>What exactly is a Favicon and why don&#8217;t I have one already?</h2><p>Favicon stands for &#8220;Favorites Icon&#8221;. It&#8217;s the little icon beside your site&#8217;s name in the favorites list, before the URL in the address bar, as a bookmarked website on the desktop, in the &#8220;Links&#8221; bar and on the windows taskbar.</p><p>If you don&#8217;t have one, this is because you have not specified in the HEAD element of your HTML pages to look for a favicon.</p><p>Still scratching at your head?</p><p>Here is Google&#8217;s favicon.</p><p><img src="http://www.tlswebsolutions.com/wp-content/uploads/2009/07/crop5.png" alt="crop5" title="crop5" width="300" height="86" class="aligncenter size-full wp-image-126" /></p></div></div><p><script type="text/javascript">$(function(){$('#tabs').tabs();});</script></p> ]]></content:encoded> <wfw:commentRss>http://www.tlswebsolutions.com/favicon-do-it-yourself-the-right-way/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic

Served from: www.tlswebsolutions.com @ 2012-02-06 03:13:09 -->
