<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"   >
<channel>
<title>iStylr -  Home</title>
<link>http://istylr.com/</link>
<description>Online WYSIWYG css editor and html editor. Create, manage and share tableless web designs and templates online.</description>
<pubDate>Mon, 06 Sep 2010 12:18:35 +0100</pubDate>
<lastBuildDate>Mon, 06 Sep 2010 12:18:35 +0100</lastBuildDate>
<language>en</language>
<webMaster>info@istylr.com (Stephan Helbig)</webMaster>
<generator>nexecutive RSS Generator (http://nexecutive.de)</generator>
<geo:long>50.9018</geo:long><geo:lat>6.9649</geo:lat><item>
<title>Online CSS Editor &amp;amp; Template Generator</title>
<link>http://istylr.com/</link>
<guid>http://istylr.com/</guid>
<category>Home</category>
<geo:long>50.9018</geo:long>
<geo:lat>6.9649</geo:lat>
	<pubDate>Thu, 01 Jan 1970 01:00:00 +0100</pubDate>
<description><![CDATA[<div class="content_box_half" id="content_intro_box">
	<h3 class="contenth3">
		<a title="CMS &amp; CSS Template Marketplace" class="contenth3_a" href="http://istylr.com/templates.php">CMS &amp; Website Templates</a> 
		Quick &amp; Clean
	</h3>
	<div style="text-align:center;padding-top:4px;">
		<img onclick="launch_editor();" alt="Launch WYSIWYG CSS &amp; xHTML Editor" title="Launch WYSIWYG CSS &amp; xHTML Editor" height="155" src="http://istylr.com/css_designer/profiles/nexenator/default/istylr_monitors.gif" style="cursor:pointer;" />
	</div>
</div>


<div class="content_box_half" id="launch_offer">
	<h3 class="contenth3"><a href="http://istylr.com/feature_comparison.php">Feature Comparison</a></h3>
	
	
	<p>Compare the features of the free vs the premium version.</p>
	<div onclick="window.location.href='http://istylr.com/feature_comparison.php';" style="cursor:pointer; border-top:1px solid #A0C5D9;border-bottom:1px solid #A0C5D9;text-align:center;font-weight:bold;color:#236229;font-size:17px;padding:7px;" onmouseover="this.style.color='#ffffff';this.style.backgroundColor='#236229';" onmouseout="this.style.color='#236229';this.style.backgroundColor='#ffffff';">
		test 5 days premium for only 5&euro;
	</div>
	<p style="margin:0;padding:0;margin-bottom:7px;margin-right:7px;text-align:right;color:#236229;font-size:10px;">
		<a href="http://istylr.com/feature_comparison.php" style="color:#236229;text-decoration:none;">more information&gt;&gt;</a>
	</p>
</div>




<div style="clear:both;"></div>

<style type="text/css">
#launch_offer{

}
#content_intro_box{
margin-right:8px;
}
.content_box_half{
background-color:#ffffff;
width:318px;
height:185px;
float:left;
border:1px solid #A0C5D9;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
.content_box_half p{
padding-left:7px;
}
.contenth3 a{
text-decoration:none;
color:#E47911;
border-bottom:1px dotted;
}
.contenth3 a:hover{
border-bottom:1px solid;
}
.content_box_half h3{
margin:0;
border:0px solid #A0C5D9;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:7px;
border-bottom:0;
}
</style><div style="clear:both;"></div><div class="content_box_half" style="margin-top:14px;width:645px;height:80px;float:auto;">
<h3 class="contenth3">Revolutionary</h3>
<p style="text-align:center;color:#236229;padding-left:0;padding-right:0;margin-left:0;margin-right:0;"><b>iStylr is the first online web design tool to natively support CSS3 and HTML5!</b></p></div>
<div style="clear:both;"></div><div style="float:right;"><a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" height="60" alt="Design now" title="Design now"/></a>
</div><a id="header_5393" name="5393_PowerfulWebDesignFeatures"></a><h2 class="contenth2"  >Powerful Web Design Features</h2>

<div id="carousel-wrapper">
<div id="carousel-content">

<div class="slide" style="margin-left: -1px; margin-top: -1px;background-image:url(http://istylr.com/contPics/editor-in-firefox.png);">
<h3 class="contenth3" style="margin-top:0;">
	WYSIWYG CSS &amp; HTML Editor
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Work in your browser - No difference between editing and final version</li>
<li>Preview in Internet Explorer - Efficiently check for X-Browser compatibility</li>
<li>No third party html &amp; css rendering engine</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/one-click-template-conversion.png);">
<h3 class="contenth3" style="margin-top:0;">
	One-Click Template Conversion
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Easily convert templates from one CMS to an other</li>
<li>Save enormouse amounts of time on template conversion</li>
<li>Convert between Wordpress, Joomla, Drupal, TYPOlight and others</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();">
<img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/>
</a>
</div>
</div>



<div class="slide" style="background-image:url(http://istylr.com/contPics/collaboration_info.png);">
<h3 class="contenth3" style="margin-top:0;">
	Collaborate Online Across The Globe
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Easily work together with friends or colleagues</li>
<li>Connect with designers and developers across the globe</li>
<li>Watch your colleagues updates live</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();">
<img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/>
</a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/template-generator.png);">
	<h3 class="contenth3" style="margin-top:0;">
		Online CSS Template Generator
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Create CSS Templates for various CMS</li>
<li>Easily assign colors and dimensions</li>
<li>Import and assign background tiles from your mockup</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/syntax-highlighting-css-plain.png);">
	<h3 class="contenth3" style="margin-top:0;">
		Syntax Highlighting on CSS Code
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Easily spot CSS errors</li>
<li>Differenciate selectors from attributes and values</li>
<li>Visualize your CSS code</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/css-selector-wizard.png);">
<h3 class="contenth3" style="margin-top:0;">
	CSS Selector Wizard
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>See, sort and add CSS Selectors</li>
<li>Rearrange CSS visually</li>
<li>Faster CSS coding</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/syntax-highlighting-html-plain.png);">
<h3 class="contenth3" style="margin-top:0;">
	Syntax Highlighting on xHTML Code
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Easily spot HTML errors</li>
<li>Differenciate tags, attributes and content</li>
<li>Visualize your xHTML code</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/richtext-html-editor.png);">
<h3 class="contenth3" style="margin-top:0;">
	Richtext xHTML Editor
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Update xHTML Content easily</li>
<li>Add simple markup to your texts</li>
<li>Format your xHTML code visually</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>


<div class="slide" style="background-image:url(http://istylr.com/contPics/editor-in-firefox.png);">
<h3 class="contenth3" style="margin-top:0;">
	WYSIWYG CSS &amp; HTML Editor
	<a href="javascript:" class="carousel-control" rel="next"><small>&gt;&gt;</small></a>
</h3>
<ul>
<li>Work in your browser - No difference between editing and final viewing</li>
<li>Preview in Internet Explorer - Efficiently check for X-Browser compatibility</li>
<li>No third party html &amp; css rendering engine</li>
</ul>
<div class="next-but">
<a href="javascript:" class="carousel-control" rel="next">Next</a>
</div>
<div class="design-now">
<a href="javascript:void(0);" onclick="launch_editor();"><img src="http://istylr.com/images/design-now.jpg" alt="Design now" title="Design now"/></a>
</div>
</div>

</div>
</div>

<div style="font-size:12px;padding:7px;">
	<div style="float:left;">
		<a href="javascript:" class="carousel-control" rel="prev">&lt;&lt; Previous</a>
	</div>
	<div style="float:right;margin-right:7px;">
		<a href="javascript:" class="carousel-control" rel="next">Next &gt;&gt;</a>
	</div>
	<div style="clear:both;"></div>
</div>

<style type="text/css">
#carousel-wrapper {
width: 646px;
height: 285px;
overflow: hidden;
border:1px solid #EBF3FE;
border-color:#EBF3FE;
border-color:#A0C5D9;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
#carousel-content {
width: 8500px;
}
#carousel-content .slide {
float: left;
width: 648px;
height: 285px;
background-repeat:no-repeat;
background-position: 8px 30px;
}
#carousel-content .slide ul{
margin:5px;
margin-bottom:0;
margin-left:300px;
font-weight:bold;
color:#E47911;
}
#carousel-content .slide ul li{
margin-bottom:7px;
list-style-type:circle;
background-color:#EBF3FE;
padding:3px;
padding-left:5px;
}
#carousel-content .slide .design-now{
text-align:right;
}
#carousel-content .slide .next-but{
text-align:right;
padding:8px;
display:none;
}

#carousel-content .slide h3{
border:1px solid #EBF3FE;
border-color:#A0C5D9;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border-bottom:0;
}
</style>
<script type="text/javascript" src="js/protoculous.js"></script>
<script type="text/javascript" src="js/carousel-min.js"></script>
<script type="text/javascript">
function launch_editor(){
	if (navigator.userAgent.toLowerCase().indexOf('firefox') != -1 || navigator.userAgent.toLowerCase().indexOf('webkit') != -1 || navigator.userAgent.toLowerCase().indexOf('prism') != -1 || navigator.userAgent.toLowerCase().indexOf('iceweasel') != -1){
		window.open('http://istylr.com/_nexCSS_LIVE_DESIGNER.php','page','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=800,height=600,left=0,top=0,titlebar=yes');
	} else {
		alert('Sorry. FireFox, Safari and Chrome only.');
	}
}
new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-control', 'a.carousel-jumper'),{duration: 0.4, circular: true, auto: true, frequency: 10, wheel:true});
</script>]]></description>
</item>
</channel>
</rss>
