<?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>FlexibilityTheme.com</title>
	<atom:link href="http://www.flexibilitytheme.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flexibilitytheme.com</link>
	<description>The world's most flexible WordPress theme</description>
	<lastBuildDate>Wed, 02 Dec 2009 16:49:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adding PixoPoint Drop-down Menus to Flexibility 2 and FlexSqueeze</title>
		<link>http://www.flexibilitytheme.com/adding-pixopoint-drop-down-menus-to-flexibility-2-and-flexsqueeze/</link>
		<comments>http://www.flexibilitytheme.com/adding-pixopoint-drop-down-menus-to-flexibility-2-and-flexsqueeze/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 16:49:00 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Flexibility Blog]]></category>
		<category><![CDATA[Theme Issues]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[drop-down menu]]></category>
		<category><![CDATA[flexibility]]></category>
		<category><![CDATA[flexsqueeze]]></category>
		<category><![CDATA[menus]]></category>
		<category><![CDATA[pixopoint]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=782</guid>
		<description><![CDATA[Until I get a chance to update the actual theme code and integrate my own drop-down menu, here&#8217;s a pretty easy fix for both themes that allow for integration of the PixoPoint menu plugin by Ryan Hellyer.
The plugin not only does a good job with the suckerfish menu, but it also makes it very easy [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.flexibilitytheme.com/wp-content/uploads/pixopoint-multi.jpg" alt="pixopoint-multi" title="pixopoint-multi" width="280" height="280" class="alignleft size-full wp-image-857" />Until I get a chance to update the actual theme code and integrate my own drop-down menu, here&#8217;s a pretty easy fix for both themes that allow for integration of the <a href="http://pixopoint.com/products/pixopoint-menu/" target="_blank">PixoPoint menu plugin</a> by Ryan Hellyer.</p>
<p>The plugin not only does a good job with the suckerfish menu, but it also makes it very easy to customize your menu. Add drop-down categories, include or exclude pages, add custom code and even add a search box in your menu.  I&#8217;ve worked with the plugin extensively integrating it into another theme, but here&#8217;s the quick solution to using PixoPoint with Flexibility 2 and FlexSqueeze.<span id="more-782"></span></p>
<h2 style="clear:left;">Edit the header.php file</h2>
<p>The first thing you want to do is go into the &#8216;Editor&#8217; option under the Appearance tab in WordPress. Find your header.php file and click on it to open the code in the edit box.</p>
<p>If editing code is not your thing, you can always just highlight all the code (Ctrl-A), copy (Ctrl-C) and paste into Notepad or some other text editor.  That way if you break it you can always just paste it back in and save it back to the default.</p>
<p>First, depending on if your navigation is above the header or below it, that will determine which code to edit.</p>
<h3>Navigation above the header</h3>
<p>If your navigation is above the header, look for this line of code:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code11'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78211"><td class="code" id="p782code11"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_position</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;above&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Enter the following code immediately after the line above:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code12'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78212"><td class="code" id="p782code12"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pixopoint_menu'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>pixopoint_menu<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>And lastly, add this line of code immediately after the &lt;/div&gt; tag 10 lines down:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code13'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78213"><td class="code" id="p782code13"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Your final revised code will look like this:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code14'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78214"><td class="code" id="p782code14"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_position</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;above&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pixopoint_menu'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>pixopoint_menu<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;nav&quot;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;clear:both;&quot;</span><span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>ul<span style="color: #339933;">&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_home</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;no&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #339933;">&lt;</span>li<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php echo get_option('home'); ?&gt;/&quot;</span><span style="color: #339933;">&gt;&lt;</span>span<span style="color: #339933;">&gt;</span>Home<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>li<span style="color: #339933;">&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #990000;">preg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'@\&lt;li([^&gt;]*)&gt;\&lt;a([^&gt;]*)&gt;(.*?)\&lt;\/a&gt;@i'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'&lt;li$1&gt;&lt;a$2&gt;&lt;span&gt;$3&lt;/span&gt;&lt;/a&gt;'</span><span style="color: #339933;">,</span> wp_list_pages<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'echo=0&amp;orderby=name&amp;exclude=&amp;title_li=&amp;depth=1'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  <span style="color: #339933;">&lt;/</span>ul<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;clearer&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>The code above can simply be copied and pasted into your header.php file if you&#8217;d rather not add the individual lines. </p>
<h3>Navigation below the header</h3>
<p>Adding the PixoPoint menu into your navigation below the header is almost identical to the process above, you are just inserting the code lower in your header code. So if your navigation is located below your header, look for the following line of code in the header.php file:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code15'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78215"><td class="code" id="p782code15"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_position</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;below&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>To make this easy, just copy the code below and replace all the code from the line above to the end of the header.php file:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code16'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78216"><td class="code" id="p782code16"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_position</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;below&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pixopoint_menu'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>pixopoint_menu<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;nav&quot;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;clear:both;&quot;</span><span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>ul<span style="color: #339933;">&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_home</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;no&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #339933;">&lt;</span>li<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php echo get_option('home'); ?&gt;/&quot;</span><span style="color: #339933;">&gt;&lt;</span>span<span style="color: #339933;">&gt;</span>Home<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>li<span style="color: #339933;">&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #990000;">preg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'@\&lt;li([^&gt;]*)&gt;\&lt;a([^&gt;]*)&gt;(.*?)\&lt;\/a&gt;@i'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'&lt;li$1&gt;&lt;a$2&gt;&lt;span&gt;$3&lt;/span&gt;&lt;/a&gt;'</span><span style="color: #339933;">,</span> wp_list_pages<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'echo=0&amp;orderby=name&amp;exclude=&amp;title_li=&amp;depth=1'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  <span style="color: #339933;">&lt;/</span>ul<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;clearer&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>That&#8217;s it for the header.php modifications. Now we&#8217;ll add the CSS code to style the menu.</p>
<h2>Edit the style.php file</h2>
<p>Whether you&#8217;re using Flexibility 2 or FlexSqueeze, you&#8217;ll need to add the following code to the style.php file in order for the menus to look good and be able to customize the colors via the theme options.</p>
<p>If you&#8217;re using Flexibility 2, you will not need to resave your theme settings in order to preview the changes, but with FlexSqueeze, you&#8217;ll need to resave your theme settings after editing the style.php file in order to rewrite the style sheet.</p>
<p>Go into your file editor in WP and open the style.php file. Copy and paste the following code at the very bottom of the file.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code17'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78217"><td class="code" id="p782code17"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*-- PixoPoint Menu CSS  --*/</span>
&nbsp;
<span style="color: #cc00cc;">#pixopoint_menu1</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">33px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_barback<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;images/navfhleft.png&quot;</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">repeat-x</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #933;">50%</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_barback<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;images/navfhleft.png&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_txtclr<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;;</span>
	<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span><span style="color: #933;">33px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">20</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">letter-spacing</span><span style="color: #00AA00;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span><span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">;</span>float<span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:tahoma</span><span style="color: #00AA00;">,</span><span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #3333ff;">:hover</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.sfhover</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_tabhvr<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;images/navfhleft.png&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_txtclr<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_hvrcolor<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;;</span>
	<span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span> <span style="color: #933;">-150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #933;">-999em</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span><span style="color: #933;">33px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #3333ff;">:hover </span>ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.sfhover</span> ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">4px</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-variant</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">letter-spacing</span><span style="color: #00AA00;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#444444</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">20</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:helvetica</span><span style="color: #00AA00;">,</span>arial<span style="color: #00AA00;">,</span><span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">11px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-right</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span><span style="color: #933;">22px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#444444</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #3333ff;">:hover </span>a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #3333ff;">:hover </span>li a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#444444</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #3333ff;">:hover </span>li a<span style="color: #3333ff;">:hover</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> li a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #3333ff;">:hover</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#333333</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/*-- This is the drop-down menu hover background color  --*/</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul ul li <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">1em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul ul<span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul ul ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">-999em</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li li<span style="color: #3333ff;">:hover </span>ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li li<span style="color: #6666ff;">.sfhover</span> ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li li li<span style="color: #3333ff;">:hover </span>ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li li li<span style="color: #6666ff;">.sfhover</span> ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #3333ff;">:hover </span>li a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li li<span style="color: #3333ff;">:hover </span>a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li li<span style="color: #6666ff;">.sfhover</span> a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.pixo_search</span><span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.pixo_search</span> form <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.pixo_search</span> input <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:tahoma</span><span style="color: #00AA00;">,</span><span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.pixo_search</span> input<span style="color: #6666ff;">.pixo_inputsearch</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.pixo_right</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<h2>PixoPoint Plugin Settings</h2>
<p><img src="http://www.flexibilitytheme.com/wp-content/uploads/pixopoint.jpg" alt="pixopoint" title="pixopoint" width="216" height="296" class="alignleft size-full wp-image-836" />After activating the PixoPoint menu plugin, you&#8217;ll have a new PixoPoint Menu option under your Settings menu.  This is where you&#8217;ll find the controls for your menu as well as the slick drag-and-drop interface for organizing your menu bar.</p>
<p>Under the PixoPoint Settings tab, you&#8217;ll find a set of options similar to what you see to the left. Make your settings look exactly like these in order for your menu to work properly in the theme.</p>
<p>The Drop-down menu settings options (not shown in this screenshot) can be set to whatever you prefer for animation speed and effect.</p>
<h2 style="clear:left;">Customizing the Menu</h2>
<p>You&#8217;ll be able to customize the background color and hover color of the menu as well as the normal and hover color for the menu text. You will lose the ability to use any other menu styles however, as the CSS code above is coded to use the &#8217;simple&#8217; style menu.</p>
<p>The drop-down menu is styled at 150 pixels wide with a white background and a dark grey hover state. If you glance through the CSS code above, you&#8217;ll see reference to colo r #333333 which is the background hover color. #444444 is the normal text color, #CCCCCC is the border color, #FFFFFF is both the hover text color and the normal background color. You&#8217;ll also see multiple references to 150px. If you want a wider menu, make all instances of 150 wider, and conversely if you want a narrower menu make them smaller.</p>
<h2>Adding a Second PixoPoint Menu</h2>
<p>If you&#8217;ve ever wanted to use a main menu bar for your pages and use a second menu bar for your categories, here&#8217;s how you do it with the PixoPoint plugin.</p>
<p>First, make the changes shown above, but skip the part for the lower navigation bar. So you&#8217;ll be adding the PixoPoint menu hook into the top navigation bar in the header.php and adding the CSS code for that menu to the style.php file.</p>
<p>To make the lower navigation bar (below the header) work with the PixoPoint plugin, here&#8217;s what to do:</p>
<p>In the header.php file, find and highlight this code (last code in the file)</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code18'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78218"><td class="code" id="p782code18"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_position</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;below&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;nav&quot;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;clear:both;&quot;</span><span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>ul<span style="color: #339933;">&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$flex_nav_home</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;no&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #339933;">&lt;</span>li<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&lt;?php echo get_option('home'); ?&gt;/&quot;</span><span style="color: #339933;">&gt;&lt;</span>span<span style="color: #339933;">&gt;</span>Home<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>li<span style="color: #339933;">&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
    <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #990000;">preg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'@\&lt;li([^&gt;]*)&gt;\&lt;a([^&gt;]*)&gt;(.*?)\&lt;\/a&gt;@i'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'&lt;li$1&gt;&lt;a$2&gt;&lt;span&gt;$3&lt;/span&gt;&lt;/a&gt;'</span><span style="color: #339933;">,</span> wp_list_pages<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'echo=0&amp;orderby=name&amp;exclude=&amp;title_li=&amp;depth=1'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  <span style="color: #339933;">&lt;/</span>ul<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;clearer&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #009900;">&#125;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Now delete the entire selection. By doing this, you&#8217;re removing the conditional statement that controls the bottom nav bar and now we&#8217;ll replace it with the code to pull in the second PixoPoint menu:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code19'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78219"><td class="code" id="p782code19"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pixopoint_menu'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>pixopoint_menu<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Just paste that single line where the previous code was, save your header.php file and then go to the next step.</p>
<h3>Adding in more CSS</h3>
<p>You now need to copy all the CSS code that you pasted into your style.php file earlier, and paste it at the end of the file again, but after you paste the code, simply replace each reference to pixopoint_menu1 with pixopoint_menu2.  You will then be able to style your second menu separate from your first, but it will default to being identical.</p>
<p>Here&#8217;s the new code if you prefer to copy and paste:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p782code20'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p78220"><td class="code" id="p782code20"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#pixopoint_menu2</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">33px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_barback<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;images/navfhleft.png&quot;</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">repeat-x</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #933;">50%</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_barback<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;images/navfhleft.png&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_txtclr<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;;</span>
	<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span><span style="color: #933;">33px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">20</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">letter-spacing</span><span style="color: #00AA00;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span><span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">;</span>float<span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:tahoma</span><span style="color: #00AA00;">,</span><span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #3333ff;">:hover</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.sfhover</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_tabhvr<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">&quot;images/navfhleft.png&quot;</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">12px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_txtclr<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span>#&lt;?php echo $flex_nav_hvrcolor<span style="color: #00AA00;">;</span> ?<span style="color: #00AA00;">&gt;;</span>
	<span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #933;">100%</span> <span style="color: #933;">-150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #933;">-999em</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span><span style="color: #933;">33px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #3333ff;">:hover </span>ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li<span style="color: #6666ff;">.sfhover</span> ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">4px</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-transform</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-variant</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">letter-spacing</span><span style="color: #00AA00;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#444444</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">20</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:helvetica</span><span style="color: #00AA00;">,</span>arial<span style="color: #00AA00;">,</span><span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">11px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-style</span><span style="color: #00AA00;">:</span><span style="color: #993333;">normal</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-bottom</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">border-right</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#cccccc</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span><span style="color: #933;">22px</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#444444</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li<span style="color: #3333ff;">:hover </span>a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li<span style="color: #3333ff;">:hover </span>li a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#444444</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li<span style="color: #3333ff;">:hover </span>li a<span style="color: #3333ff;">:hover</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> li a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li<span style="color: #3333ff;">:hover</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#333333</span><span style="color: #00AA00;">;</span>  <span style="color: #808080; font-style: italic;">/*-- This is the drop-down menu hover background color  --*/</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul ul li <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">1em</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul ul<span style="color: #00AA00;">,</span> <span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul ul ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">-999em</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li li<span style="color: #3333ff;">:hover </span>ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li li<span style="color: #6666ff;">.sfhover</span> ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li li li<span style="color: #3333ff;">:hover </span>ul<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> li li li<span style="color: #6666ff;">.sfhover</span> ul <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li<span style="color: #3333ff;">:hover </span>li a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li<span style="color: #6666ff;">.sfhover</span> li a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> ul ul li li<span style="color: #3333ff;">:hover </span>a<span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#pixopoint_menu1</span> ul ul li li<span style="color: #6666ff;">.sfhover</span> a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-decoration</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #6666ff;">.pixo_search</span><span style="color: #3333ff;">:hover </span><span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #6666ff;">.pixo_search</span> form <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #6666ff;">.pixo_search</span> input <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:tahoma</span><span style="color: #00AA00;">,</span><span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #6666ff;">.pixo_search</span> input<span style="color: #6666ff;">.pixo_inputsearch</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#pixopoint_menu2</span> li<span style="color: #6666ff;">.pixo_right</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
	<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>If you&#8217;re using Flexibility 2, there&#8217;s no need to save theme settings, but if you&#8217;re using FlexSqueeze, go into the theme settings and save them to rewrite the style sheet.</p>
<h3>Turn on the second PixoPoint menu</h3>
<p>The last step is to go back into your PixoPoint plugin settings and check the option box for &#8220;Add a second menu&#8221;.  This will activate the lower menu and by default will show your categories unless you had modified your second menu prior to this. Now you have the same drag-and-drop function on your second menu as you have on your first.</p>
<p>That&#8217;s it! Now you have the ability to use multiple drop-down menus with FlexSqueeze or Flexibility 2, and also the excellent menu organization function built in by PixoPoint!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/adding-pixopoint-drop-down-menus-to-flexibility-2-and-flexsqueeze/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Get the Squeeze Page Vector Pack or 5 skins FREE!</title>
		<link>http://www.flexibilitytheme.com/get-the-squeeze-page-vector-pack-or-5-skins-free/</link>
		<comments>http://www.flexibilitytheme.com/get-the-squeeze-page-vector-pack-or-5-skins-free/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 18:18:39 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>
		<category><![CDATA[Themes]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=768</guid>
		<description><![CDATA[The Squeeze Page Vector Pack is a collection of over 250 vector images that can be edited in Fireworks or Photoshop. They are obviously designed for sales pages, and being vector graphics, you can change colors, type, all that good stuff.
FlexSqueeze skins allow you to quickly create a niche blog simply by importing a file [...]]]></description>
			<content:encoded><![CDATA[<p>The Squeeze Page Vector Pack is a collection of over 250 vector images that can be edited in Fireworks or Photoshop. They are obviously designed for sales pages, and being vector graphics, you can change colors, type, all that good stuff.</p>
<p>FlexSqueeze skins allow you to quickly create a niche blog simply by importing a file and uploading an image into FlexSqueeze theme.</p>
<p>I&#8217;m going to give away your choice of the combination PNG/PSD version of the Vector Pack OR your choice of any of 5 FlexSqueeze skins just for signing up for hosting with BlueHost through <a href="http://www.flexibilitytheme.com/go/bluehost/">this link</a>. Sure it&#8217;s an affiliate link, that&#8217;s the whole point! You need hosting, I get paid, you get the Vector Pack or 5 skins free!</p>
<p>So here&#8217;s how it works. After you sign up for hosting with BlueHost (which is my recommended host for use with my themes), you can <a href="http://www.flexibilitytheme.com/contact/">email me</a> through my contact form with the domain name you signed up with BlueHost and your choice of Vector Pack or the five skins you want. </p>
<p>Once I confirm that you signed up through my link above, I&#8217;ll send over the link to download the goods. <strong>Important:</strong> Signing up through any other links will not make you eligible for this giveaway!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/get-the-squeeze-page-vector-pack-or-5-skins-free/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPress product reviews with ReviewAZON plugin</title>
		<link>http://www.flexibilitytheme.com/wordpress-product-review-plugin-reviewazon/</link>
		<comments>http://www.flexibilitytheme.com/wordpress-product-review-plugin-reviewazon/#comments</comments>
		<pubDate>Tue, 12 May 2009 15:32:15 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>
		<category><![CDATA[WordPress Plugins]]></category>
		<category><![CDATA[reviewazon]]></category>
		<category><![CDATA[wordpress product reviews]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=740</guid>
		<description><![CDATA[ReviewAZON is a new plugin for WordPress that allows you to very easily insert extensive product listings and reviews to your blog. ReviewAZON was developed by Brad Hanson, and he&#8217;s done a fabulous job of creating a simple way to integrate Amazon product information into WordPress. The ReviewAZON site itself is worth checking out just [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flexibilitytheme.com/go/reviewazon/" target="_blank"><img src="http://www.flexibilitytheme.com/wp-content/uploads/reviewazon_box.jpg" alt="ReviewAZON for WordPress" title="ReviewAZON for WordPress" width="250" height="308" class="alignleft size-full wp-image-741"/></a><a href="http://www.flexibilitytheme.com/go/reviewazon/">ReviewAZON</a> is a new plugin for WordPress that allows you to very easily insert extensive product listings and reviews to your blog. ReviewAZON was developed by Brad Hanson, and he&#8217;s done a fabulous job of creating a simple way to integrate Amazon product information into WordPress. The ReviewAZON site itself is worth checking out just to see how Brad implemented FlexSqueeze along with the sales graphics.</p>
<h3>WordPress product reviews made easy!</h3>
<p><a href="http://www.flexibilitytheme.com/go/reviewazon/" target="_blank">ReviewAZON</a> includes the ability to display over 25 different categories of product content, so you can choose the product information that you want to show your visitors. The search and adminstration functions are set up very well and it builds your Amazon affiliate ID into the product links. </p>
<p>ReviewAZON uses flexibile HTML templates that you can use to tweak how the data is displayed to your users. You can even search for YouTube videos related to your product and drop them into your product page. If you are familiar with PhpBayList or PhpBayPro, you can also display eBay listings next to your product review to offer users more options.</p>
<p>Display your products in sidebar widgets based on price or display featured products to your visitors. SEO friendly image and product links mean you&#8217;ll have a better change at gaining significant organic traffic. Configure &#8220;drip feeding&#8221; of product posts to your blog to continually add new products.</p>
<p>There are a TON more features packed into <a href="http://www.flexibilitytheme.com/go/reviewazon/" target="_blank">ReviewAZON</a> and you just need to see it to believe it.  If WordPress product reviews are your thing, then this plugin can save you time and make you a ton of money with minimal work.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/wordpress-product-review-plugin-reviewazon/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>IM Niche Formula Bonus Offer</title>
		<link>http://www.flexibilitytheme.com/im-niche-formula-bonus/</link>
		<comments>http://www.flexibilitytheme.com/im-niche-formula-bonus/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 00:25:02 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>
		<category><![CDATA[im niche formula]]></category>
		<category><![CDATA[im niche formula bonus]]></category>
		<category><![CDATA[internet marketing]]></category>
		<category><![CDATA[mark dulisse]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=704</guid>
		<description><![CDATA[IM Niche Formula has been released by Mark Dulisse, and it&#8217;s making some hefty promises for niche marketers. 
Mark and I have been friends for awhile and he&#8217;s an avid user of my themes. He contacted me several months ago while putting together his IM Niche Marketing course and tried in vain to get me [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flexibilitytheme.com/wp-content/uploads/group-sm.jpg"><img src="http://www.flexibilitytheme.com/wp-content/uploads/group-sm.jpg" alt="IM Niche Formula" title="IM Niche Formula" width="300" height="234" class="alignleft size-full wp-image-705" /></a>IM Niche Formula has been released by Mark Dulisse, and it&#8217;s making some hefty promises for niche marketers. </p>
<p>Mark and I have been friends for awhile and he&#8217;s an avid user of my themes. He contacted me several months ago while putting together his IM Niche Marketing course and tried in vain to get me to include my FlexSqueeze theme into IM Niche Formula as his recommended niche marketing theme for WordPress. I told him there was no way I was going to pad his pockets with my theme (sorry Mark), so instead, I decided to offer FlexSqueeze as an IM Niche Formula bonus. Simply for buying Mark&#8217;s course and learning the skills to earn a great living as an internet marketer, I&#8217;ll give you the best theme available for applying what Mark will teach you in the course. </p>
<p>Mark&#8217;s story is pretty cool, as he&#8217;s fairly new to internet marketing, yet has built some very successful niche websites (to the tune of over $10K a month) using the same techniques he&#8217;s teaching in his IM Niche Formula program. The course will be delivered over 6 weeks, with 8 modules and one bonus module included. <span id="more-704"></span>IM Niche Formula will teach both beginner and experienced marketers the techniques and tools that show you how to:</p>
<ul>
<li>Find profitable niche markets</li>
<li>Build authoritative niche websites using WordPress</li>
<li>Build your brand using social media and video</li>
<li>Capture visitor&#8217;s email addresses and use autoresponders to maximize your profits</li>
<li>Form relationships with JV partners in your niche</li>
</ul>
<p>There&#8217;s much more included in the course than this brief list of IM Niche Formula highlights. Mark&#8217;s goal is to teach all buyers of his course the skills needed to find niche markets and earn a six figure income taking advantage of these profitable niches. He will only be selling 500 copies of IM Niche Formula, so if you want on board, you need to get in quick. </p>
<p>To take advantage of my IM Niche Formula bonus, you&#8217;ll need to buy the course through <a href="https://paydotcom.com/r/82862/advantus/23753148/" target="_blank">this link</a> (make sure you clear cookies first) and <a href="http://www.flexibilitytheme.com/contact/">email me</a> with your completed payment information. Once your purchase has been verified, I will email you the download link for your free copy of the multi-use version of FlexSqueeze.</p>
<p>You can read all about IM Niche Formula <a href="https://paydotcom.com/r/82862/advantus/23753148/" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/im-niche-formula-bonus/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>New FlexSqueeze version includes Multiple squeeze page templates</title>
		<link>http://www.flexibilitytheme.com/new-flexsqueeze-version-includes-multiple-squeeze-page-templates/</link>
		<comments>http://www.flexibilitytheme.com/new-flexsqueeze-version-includes-multiple-squeeze-page-templates/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 22:00:06 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Flexibility Blog]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=699</guid>
		<description><![CDATA[I had some requests for the ability to apply different squeeze pages within the same blog, so I updated the theme over the weekend to include five different squeeze page templates. You can now apply different header images to the five templates and apply them to any pages on your site. You can use a [...]]]></description>
			<content:encoded><![CDATA[<p>I had some requests for the ability to apply different squeeze pages within the same blog, so I updated the theme over the weekend to include five different squeeze page templates. You can now apply different header images to the five templates and apply them to any pages on your site. You can use a custom header image for each if you want, and the squeeze page title is optional, so if you don&#8217;t use a custom title it will simply use the title of the page you apply the template to. </p>
<p>I also added a 6th page template to the theme, which is a full-width page template. So you can now have a normal blog page with no sidebar, and still maintain all your blog elements such as comments, header, navigation, footer, etc. This template could also be used as a sales page within your blog and maintain your blog appearance.</p>
<p>Version 1.1 is available for all new purchases now, and prior buyers will receive update emails to download the updated version.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/new-flexsqueeze-version-includes-multiple-squeeze-page-templates/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>My $6,400 lesson: How I discovered I have too many affiliate accounts</title>
		<link>http://www.flexibilitytheme.com/too-many-affiliate-accounts/</link>
		<comments>http://www.flexibilitytheme.com/too-many-affiliate-accounts/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 17:18:34 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=691</guid>
		<description><![CDATA[This story is so humorous I just had to post it because I&#8217;m sure a lot of you can relate.  As affiliate marketers, we have accounts with Commission Junction, ClickBank, Share-a-sale, Linkshare, PepperJam, Copeac, ClickBooth, PayPal, Adwords, Adsense, Azoogle, Chitika, InLinks, NetKlix, Webmaster tools, hosting accounts, domain accounts, site logins, blog feed accounts, Digg, [...]]]></description>
			<content:encoded><![CDATA[<p>This story is so humorous I just had to post it because I&#8217;m sure a lot of you can relate.  As affiliate marketers, we have accounts with Commission Junction, ClickBank, Share-a-sale, Linkshare, PepperJam, Copeac, ClickBooth, PayPal, Adwords, Adsense, Azoogle, Chitika, InLinks, NetKlix, Webmaster tools, hosting accounts, domain accounts, site logins, blog feed accounts, Digg, Technorati, Facebook, LinkedIn, MySpace, YouTube, WordPress, and I could go on and on and on.</p>
<p>I have so many logins there would be no way to keep them all straight so I use this <a href="http://www.flexibilitytheme.com/go/roboform/" target="_blank" >login management software</a> that keeps my logins all nicely organized and can be easily transferred from desktop to laptop so your logins are always handy.</p>
<p>Almost all my affiliate payments are via PayPal or ACH, but one company had made payment via mailed check up until last fall when I switched from a DBA to a corporation. I had completed all the ACH paperwork, faxed it in to the company and my rep said he would take care of it.  <span id="more-691"></span></p>
<p>This was a decent CPC affiliate program that I had integrated into about six different sites. Traffic has grown on all the sites since last fall, and so had the earnings.  I hadn&#8217;t thought anything about it until the other day when I went to my PO box to check my mail.  I got to thinking that I hadn&#8217;t seen a payment from this company for quite awhile, despite having decent monthly earnings.</p>
<p>So I logged into my different bank accounts to see if I just missed the ACH, and couldn&#8217;t find anything for that company. I checked my PayPal account just to make sure I didn&#8217;t direct payments there.  I finally realized that I hadn&#8217;t seen a single payment from them since I switched my paperwork over last fall.</p>
<p>After talking with the VP (and feeling like a moron for not catching this sooner), they tracked down the error on their end which turned out to be the wrong routing info for my bank account and payments weren&#8217;t being made. He said they&#8217;d catch up on the payments with the next month&#8217;s payment.  </p>
<p>The worst part wasn&#8217;t necessarily that I wasn&#8217;t getting paid, but rather the fact that I didn&#8217;t miss the money from not getting paid! $6,400 is a decent amount of money, especially back when I was first getting started in affiliate marketing. I still remember the first affiliate sale I made online, and it was that virtual &#8216;clink&#8217; in the bank that got me hooked on making a living online.</p>
<p>So I&#8217;ll take this as a sign that 1) I&#8217;m doing alright as an internet marketer 2) I need to get more organized, and 3) I need to always remember that first sale and appreciate every dollar that I generate online.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/too-many-affiliate-accounts/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>My name is Ryan and I&#8217;m an Analytics Addict. Nice to meet you.</title>
		<link>http://www.flexibilitytheme.com/my-name-is-ryan-and-im-an-analytics-addict-nice-to-meet-you/</link>
		<comments>http://www.flexibilitytheme.com/my-name-is-ryan-and-im-an-analytics-addict-nice-to-meet-you/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 16:13:32 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Flexibility Blog]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=685</guid>
		<description><![CDATA[I really hope you&#8217;re using some kind of traffic stats program to track the website traffic coming to your blog. I primarily use Google Analytics, although it doesn&#8217;t provide real-time tracking and can take up to a day to fully compile your prior day&#8217;s stats.
I will freely admit that I am obsessed with tracking visitor [...]]]></description>
			<content:encoded><![CDATA[<p>I really hope you&#8217;re using some kind of traffic stats program to track the website traffic coming to your blog. I primarily use Google Analytics, although it doesn&#8217;t provide real-time tracking and can take up to a day to fully compile your prior day&#8217;s stats.</p>
<p>I will freely admit that I am obsessed with tracking visitor statistics on my sites.  Not necessarily THIS site, as the traffic patterns for this site are pretty steady from organic Google results, Warrior Forums, Digital Point, a few major blogs and a ton of individual click throughs from blogs that use one of my themes.</p>
<p>My obsession is more with finding out what keywords people are using to find my sites. I hope you&#8217;re paying attention here, because your analytics keywords can provide you with a tremendous amount of information and open up new long-tail niches that you hadn&#8217;t thought of before.<span id="more-685"></span></p>
<p>Here&#8217;s a good example. One of my niches is insurance because I&#8217;m a licensed agent, I understand it and can market it pretty well without a bunch of fluff. That&#8217;s not to say I ENJOY writing articles about it, as it&#8217;s a pretty dry topic. But nevertheless, I crank out blog posts and articles on a fairly regular basis on one of my main car insurance sites.</p>
<p>When I look at the keywords that are driving traffic to my site, I look for new variants of phrases that could be used for a targeted page or blog post. For example, the following were some of the organic search phrases driving traffic to my site a month ago.</p>
<p>1. progressive discounts<br />
2. does car insurance cover theft<br />
3. colorado medical payments coverage<br />
4. does my insurance cover rental cars<br />
5. how much insurance do i need for my car<br />
6. car insurance cover theft<br />
7. does my car insurance extend to rental vehicles  </p>
<p>I had posted about Progressive discounts that are available, and noticed a high number of visitors looking for discounts for their Progressive insurance. I then reasoned that if people are looking for Progressive discounts, they would also be looking for GEICO discounts, since those two companies are numbers 1 and 2 for online car insurance.</p>
<p>One month later, these were the top keyword searches to the site:</p>
<p>1. geico discounts<br />
2. progressive discounts<br />
3. car insurance<br />
4. allstate vs geico<br />
5. car insurance quotes<br />
6. does my insurance cover rental cars<br />
7. geico car insurance</p>
<p><a href="http://www.jdoqocy.com/d1111biroiq599CF878576AD7978" target="_blank" onmouseover="window.status='http://www.geico.com';return true;" onmouseout="window.status=' ';return true;"><br />
<img src="http://www.awltovhc.com/j7115r6Az42OSSVYRQROQPTWQSQR" alt="GEICO - Get a Quote Today!" border="0" style="float:left;margin:0 15px 15px 0;"/></a>So you can see that by reasoning that consumers would be looking for discounts for both companies, I created a post targeting GEICO and one month later it is the driving the highest amount of traffic to the site. You can also tell from the lists that the site is ranking better for the massively profitable keywords &#8220;car insurance&#8221; and &#8220;car insurance quotes&#8221;.  It&#8217;s currently in Google&#8217;s top 40 for both terms, which is pretty good considering there are over 77 million search results.</p>
<p>As my site contains a fairly extensive FAQ section for car insurance, I get thousands of visitors searching for answers to their questions. There are many long-tail phrases that start with &#8220;does car insurance cover&#8230;&#8221; or &#8220;how do I&#8230;&#8221; or &#8220;can I get&#8230;&#8221; By simply sorting through these long-tail phrases and finding a topic that may have 3 or 4 similar topics, I can create a new post, article or FAQ that targets that specific insurance topic.</p>
<p>So you can see how your analytics can provide you with some great information regarding the keywords that are driving traffic to your site. Take a look at your own site statistics on a regular basic because you might find some potential profitable phrases that can easily be taken advantage of with a series of targeted posts. Then it&#8217;s just a matter of finding the proper monetization technique for your site visitors.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/my-name-is-ryan-and-im-an-analytics-addict-nice-to-meet-you/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>What&#8217;s Important in an Affiliate Theme for WordPress?</title>
		<link>http://www.flexibilitytheme.com/whats-important-in-an-affiliate-theme-for-wordpress/</link>
		<comments>http://www.flexibilitytheme.com/whats-important-in-an-affiliate-theme-for-wordpress/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 16:09:14 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>
		<category><![CDATA[Themes]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=682</guid>
		<description><![CDATA[When I say Affiliate Theme for Wordpress, you might think I&#8217;m referring to the new Unique Blog Designs theme that you can view here. Nope, I&#8217;m talking about affiliate themes and internet marketing WordPress themes in general. 
I&#8217;m going to the drawing board for a completely new affiliate theme for WordPress. Having had some great [...]]]></description>
			<content:encoded><![CDATA[<p>When I say Affiliate Theme for Wordpress, you might think I&#8217;m referring to the new Unique Blog Designs theme that you can <a href="http://www.flexibilitytheme.com/go/affiliatetheme/" target="_blank">view here</a>. Nope, I&#8217;m talking about affiliate themes and internet marketing WordPress themes in general. </p>
<p>I&#8217;m going to the drawing board for a completely new affiliate theme for WordPress. Having had some great input from hundreds of Flexibility, Flexibility 2 and FlexSqueeze users, I want to narrow the focus to what are the absolute necessary features in an affiliate theme. </p>
<p>My past themes have focused on maximum customization, with options as detailed as controlling the letter spacing in the sidebar titles. With my next project, I want to maximize the usability of the theme while at the same time minimizing the control options in order to facilitate faster deployment and improved user experience.<span id="more-682"></span></p>
<p>I&#8217;m thinking of using settings more like the Quick Change settings in Flexibility 2 and FlexSqueeze, but apply them to the typography and layout as well as the color scheme. So instead of having so many individual options such as font size, hover color, etc, you would be able to apply one of many Quick Change settings to create different blog-wide appearances. Some people like the fine-tunability (I think I just created a word) of my themes, but I would say the majority just use the default settings and make minor tweaks to the theme.</p>
<p>So here&#8217;s my question: What would be the MOST important features to build into a theme?</p>
<p>Is the ability to control blog width important?  A fixed-width blog would lend itself to more creative visuals (rounded corners, etc) but still give the ability to change the sidebar width to accomodate different widgets and plugins.</p>
<p>What about built-in optin forms? Built-in subscribe via email form? Built-in Adsense or leave it up to plugins? Drop-down menus? More/less feature areas? More/less header graphic options? More squeeze page functionality? Multiple page templates so you can apply a full-width page with no sidebar to any page? Right/left sidebar configurations?</p>
<p>You use my themes, so give me some feedback on what YOU would like to see in my next theme.  It will be built from the ground up with a whole new look and feel, so the more input I get, the better I can build a theme that will maximize the usability for affiliate and internet marketers. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/whats-important-in-an-affiliate-theme-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Build a Squeeze Page in Wordpress with FlexSqueeze</title>
		<link>http://www.flexibilitytheme.com/build-a-squeeze-page-in-wordpress-with-flexsqueeze/</link>
		<comments>http://www.flexibilitytheme.com/build-a-squeeze-page-in-wordpress-with-flexsqueeze/#comments</comments>
		<pubDate>Sun, 22 Mar 2009 19:23:36 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[flexsqueeze]]></category>
		<category><![CDATA[sales pages]]></category>
		<category><![CDATA[squeeze pages]]></category>
		<category><![CDATA[wordpress squeeze page]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=638</guid>
		<description><![CDATA[Affiliate marketers are always looking for tools that make it easier to launch affiliate sites, whether with WordPress or an HTML editor such as Dreamweaver or Expression Web.  My new FlexSqueeze theme streamlines either process, as it includes a fully styled HTML sales page along with all the needed CSS styles and images.
If you [...]]]></description>
			<content:encoded><![CDATA[<p>Affiliate marketers are always looking for tools that make it easier to launch affiliate sites, whether with WordPress or an HTML editor such as Dreamweaver or Expression Web.  My new FlexSqueeze theme streamlines either process, as it includes a fully styled HTML sales page along with all the needed CSS styles and images.</p>
<p>If you are building affiliate sites with WordPress, FlexSqueeze reduces the task of creating a WordPress squeeze page to one-click. Once your page has been templated into a squeeze page, the process for getting all your sales page content into the page is quite simple.</p>
<p>I personally use Dreamweaver for all my HTML editing, as the WYSIWYG editor in WordPress is not really suited for creating css-based page layouts. If you have my FlexSqueeze theme, you have a file called &#8217;sample-squeeze-content.html&#8217; within the theme download. There is also an identical file in text format called &#8217;sample-squeeze-content.txt&#8217; that is set up without the CSS styles so you can copy and paste the entire document directly into your FlexSqueeze sales page. All the needed CSS styles are already built into FlexSqueeze theme.<span id="more-638"></span></p>
<p>You don&#8217;t have to use a high-end HTML editor like Dreamweaver to edit your squeeze page content. You can use any free or lower-end editor as well. If you open the HTML file in your editor, you will have a completely styled page with a TON of sample content that you can simply copy or cut and paste around your document to suit your needs. All the graphical elements are included, and the FlexSqueeze theme zip file also includes over 250 squeeze page graphics that you can easily grab and use in your page.</p>
<p>Once you have your page open in your HTML editor, I recommend you take a look at the HTML code to see how I commented the different page sections. I clearly indicate where to start and where to end when moving content elements around in your page. The sample squeeze page content itself gives clear instructions on how to create styled unordered lists, boxes, the various form styles, centered text, highlighted text, how to use the span tag and much more.</p>
<p>Here is a video showing how easy it is to copy and paste the included squeeze page content into your WordPress squeeze page. This example uses the text file format, but you can use the same process for copying your content from your HTML editor into your page.<br />
<br/><br/></p>
<p class="center"><object width="550" height="430"><param name="movie" value="http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/flvplayer.swf"></param><param name="quality" value="high"></param><param name="bgcolor" value="#FFFFFF"></param><param name="flashVars" value="thumb=http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/FirstFrame.jpg&#038;containerwidth=550&#038;containerheight=430&#038;content=http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/customizing%20squeeze%20content.mp4"></param><param name="allowFullScreen" value="true"></param><param name="scale" value="showall"></param><param name="allowScriptAccess" value="always"></param><param name="base" value="http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/"></param>  <embed src="http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/flvplayer.swf" quality="high" bgcolor="#FFFFFF" width="550" height="430" type="application/x-shockwave-flash" allowScriptAccess="always" flashVars="thumb=http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/FirstFrame.jpg&#038;containerwidth=550&#038;containerheight=430&#038;content=http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/customizing%20squeeze%20content.mp4" allowFullScreen="true" base="http://content.screencast.com/users/advantus/folders/Default/media/f719500d-7f97-4f3e-bdeb-3048f3042fc8/" scale="showall"></embed></object></p>
<p>The entire process of creating your squeeze page in WordPress takes just a couple of minutes.  The longest part of the process will just be customizing your own page and writing your copy.  FlexSqueeze offers extensive customization of your WordPress squeeze page from within the theme settings tab in your dashboard. </p>
<p>If you don&#8217;t use WordPress, but prefer to create your own HTML squeeze pages, you might be interested in the <a href="http://www.flexibilitytheme.com/squeeze-page-vector-graphics/">Squeeze Page Vector Pack</a>. It includes the over 250 images that come with FlexSqueeze, but they come in your choice of Fireworks or Photoshop formats. You can easily edit any of the buttons, bursts, icons, squeeze page elements and squeeze page headers and create your own custom versions. The Vector Pack also includes the fully-styled HTML squeeze page and the text version as well, so you have all the tools you need to create HTML squeeze pages.</p>
<p>Whatever your preferred method of creating squeeze pages, FlexSqueeze and the Squeeze Page Vector Pack give you everything you need to very quickly create a professional squeeze page in WordPress or any other HTML editor. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/build-a-squeeze-page-in-wordpress-with-flexsqueeze/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Affiliate Theme from Unique Blog Designs</title>
		<link>http://www.flexibilitytheme.com/affiliate-theme-from-unique-blog-designs/</link>
		<comments>http://www.flexibilitytheme.com/affiliate-theme-from-unique-blog-designs/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 21:07:05 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Affiliate Marketing]]></category>
		<category><![CDATA[Themes]]></category>

		<guid isPermaLink="false">http://www.flexibilitytheme.com/?p=625</guid>
		<description><![CDATA[Let me set one thing straight before I get into Affiliate Theme from UBD. I&#8217;m biased but I think FlexSqueeze is better.
Ok, now that that&#8217;s out of the way, let me tell you about this new affiliate marketing WordPress theme from the masters of blog design down at Unique Blog Design. I have to be [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flexibilitytheme.com/go/affiliatetheme/"><img src="http://www.flexibilitytheme.com/wp-content/uploads/ubd-affiliate.jpg" alt="Affiliate Theme" title="Affiliate Theme" width="200" height="200" class="alignleft size-full wp-image-626" /></a>Let me set one thing straight before I get into Affiliate Theme from UBD. I&#8217;m biased but I think <a href="http://www.flexibilitytheme.com/flexsqueeze/">FlexSqueeze</a> is better.</p>
<p>Ok, now that that&#8217;s out of the way, let me tell you about this new affiliate marketing WordPress theme from the masters of blog design down at Unique Blog Design. I have to be a little bit biased towards my own theme obviously, but UBD has done a good job of creating an affiliate marketing theme with the features most bloggers need to quickly launch affiliate sites using our favorite blogging platform, WordPress. UBD is renown for their clean design and really great visuals, and Affiliate Theme is no different from their work for the likes of Shawn Collins, Jeremy &#8220;Shoemoney&#8221; Schoemaker and John Chow.</p>
<p>You can see their <a href="http://www.flexibilitytheme.com/go/affiliatetheme/theme-options/">theme options panel here</a>, which is a work of art in itself (note to self: make my options panel prettier). You can control your basic blog settings such as the background images, background color and page layout as well as some typography settings for your headlines and body fonts.<span id="more-625"></span></p>
<p>You also have the option of including a featured offer on your page (haven&#8217;t I seen that somewhere before?) and the use of a custom header graphic, logo or niche graphic (umm&#8230; Flexibility&#8230;).  One feature that they do allow that I really should build into my theme is the ability to use custom action button text. I assume my users have enough HTML experience to edit their buttons, but that might be something to put on the &#8220;to-do&#8221; list.</p>
<p>Affiliates will undoubtedly use Affiliate Theme as a landing page generator, and that appears to be primary focus of Affiliate Theme. You can control all the meta data that is displayed such as the post date, author, categories, comments, etc. and these options are turned off by default. By turning these options on, you can return your Affiliate Theme back to a more recognizable &#8220;blog&#8221; appearance. Additional features include custom footer copyright text and link colors, footer page navigation and separate header/footer stat tracking codes. </p>
<p>Affiliate Theme comes in several versions, not unlike my FlexSqueeze theme. They have a single-use version, a multiple-use version which comes with 10 bonus niche header graphics and a <a href="http://www.flexibilitytheme.com/go/affiliatetheme/super-affiliate/">Super Affiliate package</a> which includes 30 niche header graphics and access to any new headers that are developed. The Super Affiliate package also gives you an affiliate commission of 50% if you sign up as an affiliate for the theme. If your subscriber list is at all affiliate-related you shouldn&#8217;t have any trouble making back the purchase price of Affiliate Theme in a very short time, especially if you have any size of subscriber list.</p>
<p>Affiliate marketers looking for 1) a nice-looking customizable WordPress theme 2) a quick way to create landing pages with WordPress or 3) a great affiliate commission rate on a premium WordPress theme should take a look at Affiliate Theme from Unique Blog Designs. You can read all about the theme and even download a testdrive at the <a href="http://www.flexibilitytheme.com/go/affiliatetheme/">Affiliate Theme website</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexibilitytheme.com/affiliate-theme-from-unique-blog-designs/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
