
<?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>Official Sothink Blog &#187; rounded corner menu</title>
	<atom:link href="http://www.sothink.com/blog/tag/rounded-corner-menu/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sothink.com/blog</link>
	<description>Tech Talk, Suggestions, Coffee House, Member Blogs…</description>
	<lastBuildDate>Tue, 17 Jan 2012 06:38:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Perfect the Layout of Your DHTML Menu?</title>
		<link>http://www.sothink.com/blog/how-to-perfect-the-layout-of-your-dhtml-menu/</link>
		<comments>http://www.sothink.com/blog/how-to-perfect-the-layout-of-your-dhtml-menu/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 07:29:19 +0000</pubDate>
		<dc:creator>chenxixi</dc:creator>
				<category><![CDATA[Sothink DHTML Menu]]></category>
		<category><![CDATA[Tips & Tutorials]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[DHTML Menu]]></category>
		<category><![CDATA[DHTML Menu Builder]]></category>
		<category><![CDATA[Dhtml Menu Maker]]></category>
		<category><![CDATA[Down]]></category>
		<category><![CDATA[Drop]]></category>
		<category><![CDATA[Drop Down Menu]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maker]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[round corner menu]]></category>
		<category><![CDATA[rounded corner menu]]></category>
		<category><![CDATA[Ruler]]></category>

		<guid isPermaLink="false">http://www.sothink.com/blog/?p=1774</guid>
		<description><![CDATA[After you create a JavaScript Web Menu by Sothink DHTML Menu, you may want to know its exact size, including width &#38; height, and then modify it. Sometimes you may also want to find out the X position and Y position of the menu after the menu is published to the webpage. Here comes an easy [...]]]></description>
			<content:encoded><![CDATA[<p>After you create a JavaScript Web Menu by Sothink DHTML Menu, you may want to know its exact size, including width &amp; height, and then modify it. Sometimes you may also want to find out the X position and Y position of the menu after the menu is published to the webpage. Here comes an easy built-in tool for you to make it &#8212; Ruler!</p>
<p>This function can layout your menu perfectly, which makes the whole menu and each menu item get the precise size. So it is convenient for you to configure the background image of menu item; the position of menu and its popup items can also be set separately as well.</p>
<p>You can also set the &#8220;Page Margin&#8221; in Preview Setup to position the menu in your webpage more precisely.</p>
<p><a href="http://www.sothink.com/product/dhtmlmenu/index.htm"><img class="alignnone size-full wp-image-1779" title="The current coordinates of the mouse show in the right bottom of the state bar. " src="http://www.sothink.com/blog/wp-content/uploads/2009/01/ss1.gif" alt="Ruler helps to perfect the layout of the menu" width="562" height="366" /></a><br />
<span style="color: #ff0000;">The current coordinates of the mouse show as X 132 and Y 2 in the right bottom of the state bar. </span></p>
<p><span id="more-1774"></span></p>
<p><strong>F.A.Q</strong>:</p>
<p><strong>1. How to show ruler?</strong><br />
&#8211; There are two ways to show ruler, one is to click &#8220;View &gt; Ruler&#8221; on the menu bar; the other is to press shortcut key Ctrl+R.</p>
<p><strong>2. Can I change the measurement units?</strong><br />
&#8211; Yes. Just right-click anywhere within the ruler and the ruler settings will popup. The available units are pixel, inch, or centimeter. And the default measurement unit is pixel.</p>
<p><strong>3. How to change the coordinate origin (in order to calculate the size value of the whole menu and each menu item)</strong><br />
&#8211; You can change coordinate origin to help you calculate the size value easily. Just press down the mouse in intersection area of horizontal ruler and vertical ruler, and then drag the crossing down to the position where you want the coordinate&#8217;s origin locates. When dragging the crossing, a horizontal and a vertical line will appear to guide you. The new coordinate origin is the intersection of horizontal guide and vertical guide line.</p>
<p><span style="color: #ff0000;">Intersection area<br />
<a href="http://www.sothink.com/product/dhtmlmenu/index.htm"><img class="alignnone size-full wp-image-1784" title="You can change the coordinate origin to calculate the size value of the whole menu and each menu item" src="http://www.sothink.com/blog/wp-content/uploads/2009/01/se2.gif" alt="Change the coordinate origin?" width="432" height="382" /></a></span></p>
<p>Take above image for example: new 0 in the top ruler moves 300 pixels right; and new 0 in the left ruler moves 200 pixels down, the crossing is the new coordinate origin. To restore the ruler coordinate origin, you can right-click anywhere within the ruler and choose &#8220;Reset&#8221;.</p>
<p><a href="http://www.sothink.com/product/dhtmlmenu/index.htm" target="_blank">Click here for more info about Sothink DHTML Menu&gt;&gt;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sothink.com/blog/how-to-perfect-the-layout-of-your-dhtml-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Rounded Corner Menu?</title>
		<link>http://www.sothink.com/blog/how-to-create-a-rounded-corner-menu/</link>
		<comments>http://www.sothink.com/blog/how-to-create-a-rounded-corner-menu/#comments</comments>
		<pubDate>Wed, 24 Dec 2008 01:13:19 +0000</pubDate>
		<dc:creator>chenxixi</dc:creator>
				<category><![CDATA[Sothink DHTML Menu]]></category>
		<category><![CDATA[Tips & Tutorials]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[DHTML Menu]]></category>
		<category><![CDATA[DHTML Menu Builder]]></category>
		<category><![CDATA[Dhtml Menu Maker]]></category>
		<category><![CDATA[Down]]></category>
		<category><![CDATA[Drop]]></category>
		<category><![CDATA[Drop Down Menu]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maker]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[round corner menu]]></category>
		<category><![CDATA[rounded corner menu]]></category>

		<guid isPermaLink="false">http://www.sothink.com/blog/?p=1613</guid>
		<description><![CDATA[One of our readers recently asked about how to create a rounded corner style menu. Rounded corner menu looks nice. Well, here is a quick way -using Sothink DHTML Menu 9.0, a professional DHTML Menu maker. This program supports setting menu item with rounded corner, so we can create a menu with rounded corner style.
Below [...]]]></description>
			<content:encoded><![CDATA[<p>One of our readers recently asked about how to create a rounded corner style menu. Rounded corner menu looks nice. Well, here is a quick way -using Sothink DHTML Menu 9.0, a professional DHTML Menu maker. This program supports setting menu item with rounded corner, so we can create a menu with rounded corner style.</p>
<p>Below is a sample of rounded corner menu, which is produced by Sothink DHTML Menu. It totally imitates the old menu style of Amazon.com.</p>
<p><a href="http://www.sothink.com/product/dhtmlmenu/samples/index.htm"><img class="alignnone size-full wp-image-1622" title="Sothink DHTML Menu Sample" src="http://www.sothink.com/blog/wp-content/uploads/2008/12/am.gif" alt="am" width="553" height="282" /></a></p>
<p>To create a rounded menu, we should choose &#8220;Menu Item &#8211; Background&#8221; in the tasks panel. In the property panel, you can set the background of the menu item as rounded corner image in the Background Library.</p>
<p><span id="more-1613"></span></p>
<p><img class="alignnone size-full wp-image-1616" title="Menu Item - Background" src="http://www.sothink.com/blog/wp-content/uploads/2008/12/snap3.gif" alt="snap3" width="546" height="174" /></p>
<p><img class="alignnone size-full wp-image-1618" title="background Library" src="http://www.sothink.com/blog/wp-content/uploads/2008/12/snap4.gif" alt="snap4" width="421" height="215" /></p>
<p>You can also custom the rounded corner image in the Custom dialog. The custom image is made up of three graphics, which are the left corner, the middle graphic and the right corner. You can define each as you like.</p>
<p><img class="alignnone size-full wp-image-1619" title="Custom Image" src="http://www.sothink.com/blog/wp-content/uploads/2008/12/snap6.gif" alt="snap6" width="496" height="265" /></p>
<p>Following the steps above, you can create a cool menu with rounded menu style.<br />
Design your special rounded corner menu to welcome this Christmas day in 2008!<br />
Download Sothink DHTML Menu and you can use it for FREE in 30 days!</p>
<p><a href="http://www2.sothink.com/download/sdmenu.zip" target="_blank">Download For Free</a> | <a href="http://www.sothink.com/product/dhtmlmenu/index.htm" target="_blank">More Info</a> | <a href="http://www.sothink.com/product/dhtmlmenu/samples/index.htm" target="_self">Samples</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.sothink.com/blog/how-to-create-a-rounded-corner-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

