Follow NCD Themes on Twitter

Create Sub Navigation (for Drop Down Menus)

sub_menu
Sub pages are pretty straight forward, just click down and drag your intended sub page onto the page you want to have it displayed.

Create Navigation Descriptions

For descriptions under your main navigation titles (as shown in this preview site), add:
<span class="desc">Your Description</span> - after your main navigation title. When done it should look something like this.

Screen shot 2009-12-29 at 10.09.43 PM

Setup Google Search

F Fusion features built-in Google search. Setup couldn't be easier 1) Open your site inspector. 2) In the "Web Address" line enter the url of the site you wish to search. This preview site is set to search "realmacsoftware.com". In most cases you'll be entering the url of where your site is published.

search-setup

If you've published a new site, and search doesn't seem to be working - that's normal, your site needs time to be indexed by google. How long does indexing take? Here's what Google has to say:

=============  
How long to get indexed   =================

There is No set time in for Google to initially index your site - the time taken can vary.
The time it does take may vary based upon factors such as;

   * Popularity of the site (Whether it has any links to it)
   * Whether the content is Crawl-able (Server Responses and Content type)
   * Site structure (how pages interlink)

It is possible for a site to be crawled/indexed within 4 days to 4 weeks.
In some cases, it may take longer.

Setup RapidSearch

** This tutorial is for advanced users and involves modifying the original html theme code. NCD Support will not be offered for RapidSearch theme conversion.**

1. Enter your website in the Web Address field of the site inspector.

2. Open the "index.html" file from the theme contents in an html editor.

3. Look for this:

search-org

4. Replace the highlight code (above), with code below:
<form action="%base_url%RapidSearch/search.html" method="get"><fieldset><input id="searchInput" class="searchField" type="text" name="query" value="Search this site..."/><input class="image" type="image" src="%pathto(images/search-scope.png)%" alt="Submit" /></fieldset></form> When done it should look something like this:
search-mod

5. Save and close the "index.html" file. Add a RapidSearch page to your project.

6. Name the Page Title "RapidSearch", the Folder "/", and the Filename "search.html".

Screen shot 2010-05-14 at 2.01.52 AM

7. After adding what sites to have searched (within RapidSearch), upload your project and enjoy seamless search.

EC 1 Intended Use: Twitter or Facebook Link

twitter-facebook-tutorial1

To create a Twitter link as shown above, copy and paste the code below into your sidebar.
<div id="myExtraContent1"><div id="ecTwitter"></div><a href="http://twitter.com/myaccount">Follow me on Twitter</a></div>Once pasted, highlight then clear and remove formatting from the pasted code. The correct format should look like this:

twitter-sidebar




twitter-facebook-tutorial2

To create a Facebook link as shown, copy and paste the code into your sidebar.

<div id="myExtraContent1"><div id="ecFacebook"></div><a href="http://facebook.com/myaccount">Follow me on Facebook</a></div>Once pasted, highlight then clear and remove formatting from the pasted code. The correct format should look like this:

facebook-sidebar

EC 2 Intended Use: Footer Content

F Fusion's EC2 will output into the built-in site footer. As an example, some pages of this preview site feature a four column text snippet. To do this yourself, copy and paste the code below into your sidebar:

<div id="myExtraContent2">
<div class="column four">
<div class="content">
<h2>Column 1</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy.</p>
</div><!-- .content -->
</div><!-- .column .four -->
<div class="column four">
<div class="content">
<h2>Column 2</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy.</p>
</div><!-- .content -->
</div><!-- .column .four -->
<div class="column four">
<div class="content">
<h2>Column 3</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy.</p>
</div><!-- .content -->
</div><!-- .column .four -->
<div class="column four">
<div class="content">
<h2>Column 4</h2><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin venenatis risus dictum mi. Etiam ullamcorper. Mauris justo. Fusce nibh quam, imperdiet at, nonummy.</p>
</div><!-- .content -->
</div><!-- .column .four -->
</div><!-- #myExtraContent -->

Once pasted, highlight then clear and remove formatting from the pasted code. The correct format should look like this:

ec2-sidebar

To learn more about Extra Content, and for more snippets (developed by SeyDoggy), visit the dedicated ExtraContent.info site.

Center Aligned Navigation (CSS)

By default, F Fusion navigation title are left aligned as shown below:

Screen shot 2010-03-30 at 2.39.06 AM

For center aligned navigation, copy and paste the code below into your custom css box.
.header_bg #nav {text-align:center;} Screen shot 2010-03-30 at 2.39.46 AM

"Morgan Effect" Navigation (CSS)

This unique fixed position navigation effect was aptly named after its creator. Copy and paste the code below into your custom css box:
.header_bg{ position:fixed; width:100%; }
.highlight{ background-position: center 170px; padding-top: 170px; }
While this effect appears to be solid in all major browsers, any side effects will not be supported by NCD Themes.