<?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>Isotype &#187; Markup code</title>
	<atom:link href="http://isotype.org/category/resources/resource_type/code/markup_code/feed/" rel="self" type="application/rss+xml" />
	<link>http://isotype.org</link>
	<description>Communicates your quality</description>
	<lastBuildDate>Tue, 27 Jul 2010 12:01:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Json-Ld: universal markup of linked data</title>
		<link>http://isotype.org/json-ld/</link>
		<comments>http://isotype.org/json-ld/#comments</comments>
		<pubDate>Mon, 31 May 2010 07:17:37 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[RDF/RDFa]]></category>
		<category><![CDATA[Json]]></category>
		<category><![CDATA[Json-Ld]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Semantic web]]></category>
		<category><![CDATA[Soap]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=4363</guid>
		<description><![CDATA[On May 29th 2010, has been published Json-Ld, an universal markup of rdfa microdata and microformats via lightweight Json.
Developers that embed structured data in their web pages can choose among a number of languages such as RDFa, Microformats and Microdata. Each of these structured data languages, while incompatible at the syntax level, can be easily [...]]]></description>
			<content:encoded><![CDATA[<p>On May 29th 2010, has been published <a href="http://rdfa.digitalbazaar.com/specs/source/json-ld/"><em>Json-Ld</em></a>, an universal markup of rdfa microdata and microformats via lightweight <em>Json</em>.</p>
<p>Developers that embed structured data in their web pages can choose among a number of languages such as RDFa, Microformats and Microdata. Each of these structured data languages, while incompatible at the syntax level, can be easily mapped to Rdf. Json has proven to be a highly useful object serialization and messaging replacement for Soap.<br />
In an attempt to harmonize the representation of Link Data in Json, this specification outlines a common Json representation format for Linked Data that can be used to represent objects specified via RDFa, Microformats and Microdata. <span id="more-4363"></span></p>
<p>There is currently some discussion going on in the RDFa Community on this markup mechanism (<a href="http://lists.w3.org/Archives/Public/public-rdfa/2010May/0018.html">start of thread</a>).<br />
A great amount of effort was made to ensure that the markup mechanism was compatible with Microformats.</p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/json-ld/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Italian Radical party. Regional elections website</title>
		<link>http://isotype.org/boninopannella-website/</link>
		<comments>http://isotype.org/boninopannella-website/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 12:26:49 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Company websites]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Our portfolio]]></category>
		<category><![CDATA[Style sheet code]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Comunicazione politica]]></category>
		<category><![CDATA[Free and open source software]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Politica]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=3661</guid>
		<description><![CDATA[We have realized the inormation architecture and contributed to the graphic design of Lista Bonino  Pannella website for 2010 regional elections in Italy. 
Accounting:  Fabrizio Scatena
Graphic design: Enrico Caputo [CaroselloLab] and Lorenzo De  Tomasi
Information architecture and usability: Lorenzo De Tomasi and Ania  Maslova
Development: Francesco D’Ambrosio and Lorenzo De Tomasi
Content management system: [...]]]></description>
			<content:encoded><![CDATA[<p>We have realized the inormation architecture and contributed to the graphic design of <a href="http://www.boninopannella.it">Lista Bonino  Pannella website</a> for 2010 regional elections in Italy. <span id="more-3661"></span></p>
<p><em>Accounting: </em> Fabrizio Scatena<br />
<em>Graphic design: </em>Enrico Caputo [<a href="http://www.carosellolab.com/">CaroselloLab</a>] and Lorenzo De  Tomasi<br />
<em>Information architecture and usability: </em>Lorenzo De Tomasi and Ania  Maslova<br />
<em>Development: </em>Francesco D’Ambrosio and Lorenzo De Tomasi<br />
<em>Content management system: </em><em>Drupal</em></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/boninopannella-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress Login widget</title>
		<link>http://isotype.org/wp-login_widget/</link>
		<comments>http://isotype.org/wp-login_widget/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 13:46:34 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Our portfolio]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Programming code]]></category>
		<category><![CDATA[Realized works]]></category>
		<category><![CDATA[Shared resources]]></category>
		<category><![CDATA[Style sheet code]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Works in progress]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=1721</guid>
		<description><![CDATA[Login/register widget, with the same options of wp-login.php: “Remember me”, “Register” and “Forgot password?” options.
If logged in it displays the status and name of the user, with direct link to the profile.
Custom widget title and abstract before the login form/infos.
Compatible with qTranslate plugin for multilingual support. 
Part of Sinapsi. A semantic WordPress project.
Simplified code for [...]]]></description>
			<content:encoded><![CDATA[<p>Login/register widget, with the same options of wp-login.php: “Remember me”, “Register” and “Forgot password?” options.<br />
If logged in it displays the status and name of the user, with direct link to the profile.<br />
Custom widget title and abstract before the login form/infos.<br />
Compatible with <a href="http://wordpress.org/extend/plugins/qtranslate/">qTranslate</a> plugin for multilingual support. <span id="more-1721"></span></p>
<p>Part of <em><a href="http://www.cofundos.org/project.php?id=69">Sinapsi. A semantic WordPress</a></em> project.</p>
<p>Simplified code for designers.</p>
<p>Version 2.8v1.0</p>
<p>License: Gnu-Gpl 3.0</p>
<p>Code: xhtml strict validated.</p>
<p>Tested with: WordPress 2.8.</p>
<p>Xhtml code and php adjustments by Lorenzo De Tomasi. The widget has been derived from <a href="http://www.wp-plugins-db.org/plugin/front-page-login/">Front page login</a> by <a href="http://www.wp-plugins-db.org/plugin/front-page-login/Hermescb">Hermescb</a>. Thanks to Marco Buttarini for the php code for the &#8220;Remember me&#8221; checkbox.</p>
<p>If you need frequent and constant updates and upgrades for WordPress Login Widget, please <a href="http://www.cofundos.org/project.php?id=141">sustain our work</a> . We’ll release express updates compatible with latest versions of  <a href="http://www.wordpress.org">WordPress</a> and <a href="http://wordpress.org/extend/plugins/qtranslate/">qTranslate</a> plugin. Feel free to ask for new features or to suggest a bug.</p>
<p><a href="http://sinapsi.isotype.org/persons/lorenzo_de_tomasi/resources/wp-login_widget/wp-login_widget_2_8v1_0.zip">Download v. 2.8v1.0</a> (php single file zip compressed, 4Kb)</p>
<h2>To do</h2>
<ul>
<li>After login stays on current page (now always goes to the homepage);</li>
<li>Full test on Internet Explorer 6;</li>
<li>Full test on WordPress 2.8;</li>
<li>Enable multiple widgets;</li>
<li>Publish css file for default WordPress theme (Kubrik).</li>
</ul>
<h2>History</h2>
<h3>v. 2.8v1.0</h3>
<ul>
<li>Username link bug corrected.</li>
<li>Simplified php code</li>
</ul>
<h3>v. 2.7v1.1</h3>
<ul>
<li>Custom widget title and abstract before the login form/infos</li>
<li>Title bug corrected in widget setup options</li>
</ul>
<p><a href="http://sinapsi.isotype.org/persons/lorenzo_de_tomasi/resources/wp-login_widget/wp-login_widget_2_7v1_1.zip">Download v. 2.7v1.1</a> (php single file zip compressed, 4Kb)</p>
<h3>v. 2.7v1.0</h3>
<ul>
<li>Compatible with Wordpress 2.7: changed gettext values</li>
<li>Added link to plugin page</li>
<li>Added direct link to user profile</li>
<li>Changed version rules: v. &lt;Wordpress cms version&gt;v&lt;Plugin version&gt;</li>
</ul>
<p><a href="http://sinapsi.isotype.org/persons/lorenzo_de_tomasi/resources/wp-login_widget/wp-login_widget_2_7v1_0.zip">Download v. 2.7v1.0</a> (php single file zip compressed, 4Kb)</p>
<h3>v. 1.1.1</h3>
<ul>
<li>Add <code>"text"</code> and <code>"password"</code> classes to <code>input</code> fields, for Internet Explorer 6 compatibility;</li>
<li>Insert php code from wp-login.php instead of text, to activate automatic localization;</li>
<li>Insert “Forgot your password?” link.</li>
</ul>
<p><a href="http://sinapsi.isotype.org/persons/lorenzo_de_tomasi/resources/wp-login_widget/wp-login_widget_v1_1_1.zip">Download v. 1.1</a> (php single file, 4Kb)</p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/wp-login_widget/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Login widget is now compatible with WordPress 2.8</title>
		<link>http://isotype.org/wp-login_widget_2_8/</link>
		<comments>http://isotype.org/wp-login_widget_2_8/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 10:43:18 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Programming code]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=1709</guid>
		<description><![CDATA[Download it from the plugin official page »
]]></description>
			<content:encoded><![CDATA[<p><a href="http://isotype.org/wp-login_widget/">Download it from the plugin official page »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/wp-login_widget_2_8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Madotto.com. Website</title>
		<link>http://isotype.org/madotto-website/</link>
		<comments>http://isotype.org/madotto-website/#comments</comments>
		<pubDate>Mon, 25 May 2009 12:32:47 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Company websites]]></category>
		<category><![CDATA[Content management system (cms)]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Our portfolio]]></category>
		<category><![CDATA[Programming code]]></category>
		<category><![CDATA[Realized works]]></category>
		<category><![CDATA[Style sheet code]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Web applications]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=1598</guid>
		<description><![CDATA[We have designed the information architecture and the graphic design of the professional website of Paolino Madotto, freelance consultant. We have also edited the texts and marketing aspects. ]]></description>
			<content:encoded><![CDATA[<p>We have designed the information architecture and the graphic design of the professional <a href="http://madotto.com">website of Paolino Madotto</a>, freelance consultant. We have also edited the texts and marketing aspects. <span id="more-1598"></span></p>
<p><a href="http://www.madotto.com">www.madotto.com</a></p>
<p><a class="thickbox" href="http://isotype.org/wp-content/gallery/web-sites/madotto-homepage.png"><img class="screenshot" src="http://isotype.org/wp-content/gallery/web-sites/madotto-homepage.png" alt="Madotto homepage" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/madotto-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>YouMap. Young urban cartographies. Community website</title>
		<link>http://isotype.org/youmap/</link>
		<comments>http://isotype.org/youmap/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 15:15:47 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Online communities]]></category>
		<category><![CDATA[Our portfolio]]></category>
		<category><![CDATA[Style sheet code]]></category>
		<category><![CDATA[Webgis]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Ethical communication]]></category>
		<category><![CDATA[European Commission]]></category>
		<category><![CDATA[Free and open source software]]></category>
		<category><![CDATA[Geolocation]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Information design]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Templates]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=630</guid>
		<description><![CDATA[Lorenzo De Tomasi has designed the information architecture and the interface of an online community on collaborative cartography, that permits to young people from all Europe to edit contents and organize them geographically on interactive maps. The project has been ideated by Lunaria and funded with support from the European Commission (Youth in action program). ]]></description>
			<content:encoded><![CDATA[<p>We have designed the information architecture and the interface of an online community on collaborative cartography, that permits to young people from all Europe to edit contents and organize them geographically on interactive maps.</p>
<p>The project has been ideated by Lunaria and funded with support from the <em>European Commission</em> (<a href="http://ec.europa.eu/youth/index_en.htm"><em>Youth in action</em></a> program). <span id="more-630"></span></p>
<p>Information architecture and interface design: Lorenzo De Tomasi<br />
Content management system development: Marco Ridoni and  <a href="http://www.lynxlab.com">Lynx</a> (released under a Gnu/Gpl license).</p>
<p><a href="http://isotype.org/wp-content/uploads/2008/11/youmap-community.png"><img class="alignleft size-thumbnail wp-image-631" title="Youmap, community homepage" src="http://isotype.org/wp-content/uploads/2008/11/youmap-community-150x150.png" alt="" /></a></p>
<p><a href="http://isotype.org/wp-content/uploads/2008/11/youmap-map.png"><img class="alignnone size-medium wp-image-632" title="YouMap, map management" src="http://isotype.org/wp-content/uploads/2008/11/youmap-map-300x277.png" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/youmap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Oryx XForms Editor, a web-based tool for creating XForms</title>
		<link>http://isotype.org/oryx-xforms-editor-a-web-based-tool-for-creating-xforms/</link>
		<comments>http://isotype.org/oryx-xforms-editor-a-web-based-tool-for-creating-xforms/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 09:45:04 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Programming code]]></category>
		<category><![CDATA[University of Postdam]]></category>
		<category><![CDATA[Web applications]]></category>
		<category><![CDATA[Free and open source software]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Hasso Plattner
Institute of IT Systems Engineering]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Information design]]></category>
		<category><![CDATA[Interface design]]></category>
		<category><![CDATA[Jan-Felix Schwarz]]></category>
		<category><![CDATA[MIT license]]></category>
		<category><![CDATA[Semantic web]]></category>
		<category><![CDATA[Xforms]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=620</guid>
		<description><![CDATA[On W3C’s XForms mailing list, Jan-Felix Schwarz has announced the Oryx XForms Editor, a web-based tool for creating XForms. You can visually edit forms, export and import them in XForms format. The editor runs in your web browser (Firefox), zero software installation required. The editor is still in an early stage and is currently available [...]]]></description>
			<content:encoded><![CDATA[<p>On W3C’s XForms mailing list, <a href="mailto:jan-felix.schwarz@student.hpi.uni-potsdam.de">Jan-Felix Schwarz</a> has announced the <a href="http://www.xforms-editor.org/Oryx/XForms">Oryx XForms Editor</a>, a web-based tool for creating XForms. You can visually edit forms, export and import them in XForms format. The editor runs in your web browser (Firefox), zero software installation required. The editor is still in an early stage and is currently available for testing and feedback. <span id="more-620"></span><br />
Oryx is an open platform for web-based modeling developed by the Business Process Technology research group at the Hasso Plattner Institute of IT Systems Engineering at the University of Potsdam. Besides XForms, Oryx supports various modeling languages, like BPMN, EPC and Petri nets.</p>
<p>Everyone is invited to contribute new features and knowledge to Oryx. The project is <a href="http://code.google.com/p/oryx-editor/">hosted as a Google Code project</a> under MIT license.</p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/oryx-xforms-editor-a-web-based-tool-for-creating-xforms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordpress page-template: page with posts in a category</title>
		<link>http://isotype.org/wp-page_category/</link>
		<comments>http://isotype.org/wp-page_category/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 17:50:25 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Programming code]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[free software]]></category>
		<category><![CDATA[page template]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=585</guid>
		<description><![CDATA[With wp-page_category template you can customize your Wordpress adding a page template with a typical page followed by the index of posts in a specific category (look at an example). 

Open the page-template Page with category and save it from your browser (File &#62; Save page as…).
Rename the file wp-page_category.txt in wp-page_category.php.
Open the template Navigate posts [...]]]></description>
			<content:encoded><![CDATA[<p>With wp-page_category template you can customize your Wordpress adding a page template with a typical page followed by the index of posts in a specific category (<a href="http://isotype.org/projects/">look at an example</a>). <span id="more-585"></span></p>
<ol>
<li>Open the page-template <a href="http://isotype.org/wp-content/uploads/2008/11/pagecategory.txt">Page with category</a> and save it from your browser (File &gt; Save page as…).</li>
<li>Rename the file <code>wp-page_category.txt</code> in <code>wp-page_category.php</code>.</li>
<li>Open the template <a href="http://isotype.org/wp-content/uploads/2008/11/navigate_posts.txt">Navigate posts</a> and save it from your browser (File &gt; Save page as…).</li>
<li>Rename the file <code>navigate_posts.txt</code> in <code>navigate_posts.php</code>.</li>
<li>Using an free software ftp client (like <a href="http://filezilla-project.org">Filezilla</a>) copy both the files <code>wp-page_category.php</code> and <code>navigate_posts.php </code>into your <code>wp-content/themes/&lt;your theme folder&gt;/</code>.</li>
<li>Login at your website and write a new page.</li>
<li>Select the <em>Page with category</em> template as page-template.</li>
<li>Create a custom field with <code>displayed_categories</code> as <em>Key</em> and the numeric id of the category you want to display as <em>Value</em>.</li>
<li>Publish the page.</li>
<li>Visit the page you have just published.</li>
</ol>
<h2>License</h2>
<p>©2008 by Lorenzo De Tomasi. Copyleft/Some rights reserved. The php code has been released under a <a href="http://www.gnu.org/licenses/gpl.html">Gnu/Gpl 3.0 license</a>.</p>
<p><a href="http://www.gnu.org/licenses/gpl.html"><img class="alignnone" title="Gnu/Gpl v3" src="http://www.gnu.org/graphics/gplv3-88x31.png" alt="" width="88" height="31" /></a></p>
<h2>Future improvements</h2>
<ul>
<li>Make the <code>&lt;!--more--&gt;</code> work. [Can you help to understand the problem? Thanks]</li>
<li>Set the number of post listed for each page, using pagination buttons. If no value is set, display the default number of posts.</li>
<li>Display more than one category at time (for example <em>books</em> and <em>dvds</em>), using comma separated numeric category-ids (131, 12, 36).</li>
<li>Check if <code>displayed_categories</code> is set.</li>
<li>Check if categories exist.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/wp-page_category/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Apple like accesible search field</title>
		<link>http://isotype.org/apple_search_field/</link>
		<comments>http://isotype.org/apple_search_field/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 19:36:31 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
				<category><![CDATA[Codes]]></category>
		<category><![CDATA[Markup code]]></category>
		<category><![CDATA[Our portfolio]]></category>
		<category><![CDATA[Shared resources]]></category>
		<category><![CDATA[Style sheet code]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Free and open source software]]></category>
		<category><![CDATA[Information design]]></category>
		<category><![CDATA[Interface design]]></category>

		<guid isPermaLink="false">http://isotype.org/?p=178</guid>
		<description><![CDATA[Add to your website an Apple like search field, with rounded borders, shadows, the lens and the reset button. This solution, specific for Wordpress, is based on xhtml strict + css accessible codes, compatible with Mozilla Firefox, Apple Safari, Internet Explorer 7 and 6. You can customize graphics editing the images and localize the widget [...]]]></description>
			<content:encoded><![CDATA[<p>Add to your website an Apple like search field, with rounded borders, shadows, the lens and the reset button. This solution, specific for <a href="http://wordpress.org">Wordpress</a>, is based on xhtml strict + css accessible codes, compatible with Mozilla Firefox, Apple Safari, Internet Explorer 7 and 6. You can customize graphics editing the images and localize the widget in infinite languages, thanks to php-gettext support. With few changes to the code you can use it in your non-Wordpress-based website. <span id="more-178"></span></p>
<h2>The xhtml strict code</h2>
<p>In Wordpress, edit the file <code>/wp-includes/widgets.php</code>, commenting the following code.</p>
<p><code>__()</code> and <code>_e()</code> are for localization with gettext.</p>
<p><blockcode>&lt;!&minus;&minus;<br />
&lt;form id=&#8221;searchform&#8221; method=&#8221;get&#8221; action=&#8221;&lt;?php bloginfo(&#8216;home&#8217;); ?&gt;&#8221;&gt;<br />
&lt;div&gt;<br />
&lt;input type=&#8221;text&#8221; name=&#8221;s&#8221; id=&#8221;s&#8221; size=&#8221;15&#8243; /&gt;&lt;br /&gt;<br />
&lt;input type=&#8221;submit&#8221; value=&#8221;&lt;?php echo attribute_escape(__(&#8216;Search&#8217;)); ?&gt;&#8221; /&gt;<br />
&lt;/div&gt;<br />
&lt;/form&gt;<br />
&minus;&minus;&gt;</blockcode></p>
<p>…and insert the following code:</p>
<p><blockcode>&lt;?php<br />
function wp_widget_search($args) {<br />
extract($args);<br />
echo $before_widget;<br />
?&gt;<br />
&lt;form id=&#8221;searchform&#8221; method=&#8221;get&#8221; action=&#8221;&lt;?php bloginfo(&#8216;home&#8217;); ?&gt;&#8221;&gt;<br />
&lt;p&gt;<br />
&lt;label for=&#8221;s&#8221;&gt;&lt;span&gt;<br />
&lt;?php _e(&#8216;Search&#8217;); ?&gt;<br />
&lt;/span&gt;&lt;/label&gt;<br />
&lt;input name=&#8221;s&#8221; id=&#8221;s&#8221; type=&#8221;text&#8221; accesskey=&#8221;s&#8221; /&gt;<br />
&lt;input type=&#8221;reset&#8221; value=&#8221;&lt;?php _e(&#8216;Reset&#8217;); ?&gt;&#8221; accesskey=&#8221;r&#8221;  /&gt;<br />
&lt;input type=&#8221;submit&#8221; value=&#8221;&lt;?php echo attribute_escape(__(&#8216;Search&#8217;)); ?&gt;&#8221; /&gt;<br />
&lt;/p&gt;<br />
&lt;/form&gt;<br />
&lt;?php<br />
echo $after_widget;<br />
}<br />
?&gt;</blockcode></p>
<h2>The css code</h2>
<p>Add the following cascade style sheet (css) to your theme .css file, deleting other <code>#searchform</code> styles, if necessary.<br />
<blockcode><br />
#searchform {<br />
margin: 0;<br />
padding: 0;<br />
overflow: hidden;<br />
}<br />
#searchform label {<br />
float: left;<br />
width: 20px;<br />
height: 19px;<br />
background: url(media/images/search_label.gif) no-repeat;<br />
}<br />
#searchform label span {<br />
visibility: hidden;<br />
}<br />
#searchform input[type="text"] {<br />
float: left;<br />
width:  120px;<br />
height: 13px;<br />
font-size: .9em;<br />
border-right: none;<br />
border-left: none;<br />
background-color: white;<br />
}<br />
#searchform input[type="text"]:focus {<br />
border-color: silver;<br />
}<br />
#searchform input[type="reset"] {<br />
float: left;<br />
border: none;<br />
width: 19px;<br />
height: 19px;<br />
background: url(media/images/search_reset.gif) no-repeat;<br />
padding-left: 20px;<br />
margin-right: -6px;<br />
overflow: hidden;<br />
color: transparent;<br />
}<br />
#searchform input[type=reset]:active {<br />
background: url(media/images/search_reset_hover.gif) no-repeat;<br />
}<br />
#searchform input[type=submit]{<br />
display: none;<br />
}<br />
</blockcode></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/apple_search_field/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
