Saturday, 21 March 2009

Instructions for the navigation links

After uploading this template through your dashboard you may want to get the navigation links working by going to Layout > Edit HTML and find the following code

<div class='floatright navright'>
<ul>
<li><a href='/'>home</a></li>
<li><a href='#'>about</a></li>
<li><a href='#'>contact</a></li>
<li class='lastchild'><a href='#'>portfolio</a></li>
</ul>
</div>

this code is the same for the top and bottom right navigation links to get them working replace the # with the URL here's an example

<div class='floatright navright'>
<ul>
<li><a href='/'>home</a></li>
<li><a href='http://myblog.blogspot.com/2009/03/about.html'>about</a></li>
<li><a href='http://myblog.blogspot.com/2009/03/contact.html'>contact</a></li>
<li class='lastchild'><a href='http://myblog.blogspot.com/2009/03/myportfolio.html'>portfolio</a></li>
</ul>
</div>


to get the main navigation links below the header working you need to look for the following code

<ul>
<li><a class='homepage' href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Support</a></li>
<li><a href='#'>Contact us</a></li>
</ul>


replace the # with the URL like you did above with the other navigation links you can also change the text. The sidebar is fully widgetized and you can use your own header image

No response to “Instructions for the navigation links”

Leave a Reply

Note: only a member of this blog may post a comment.