How to create dropdown menu for the buttons of this template: http://www.templatetrackers.com/p/demo.html?url=http://trackers-demo.blogspot.in/
Последно редактирано от модератор:
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/# - this might help you out.
Download the file and upload it to your hosting and do not forget to remember the location in order to post it in the code. There are 2 codes here - one for the header.php and one for the CSS. Hope it will work for you. As I see it, there is no way to have any problems.
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='LINK TO PAGE 1’>NAME OF PAGE 1</a>
</li>
<li>
<a href='LINK TO PAGE 2’>NAME OF PAGE 2 </a>
<ul>
<li><a href=’LINK TO PAGE 2, SUB-PAGE 1 '>NAME OF PAGE 2, SUB-PAGE 1</a>
</li>
</ul>
</li>
<li>
<a href='LINK TO PAGE 3'>NAME OF PAGE 3</a>
<ul>
<li><a href='LINK TO PAGE 3, SUB-PAGE 1’>NAME OF PAGE 3, SUB-PAGE 1</a>
</li>
<li><a href='LINK TO PAGE 3, SUB-PAGE 2’>NAME OF PAGE 3, SUB-PAGE 2 </a>
</li>
<li><a href='LINK TO PAGE 3, SUB-PAGE 3’>NAME OF PAGE 3, SUB-PAGE 3 </a>
</li>
</ul>
</li>
</li></ul>
</div>
The sections in capitals need to be customised to your blog. For me, the start of the syntax looks like this:
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='http://www.bitesizedthoughts.com/'>Home</a>
</li>
<li>
<a href='http://www.bitesizedthoughts.com/p/about-this-blog.html'>About this blog</a>
<ul>
<li><a href='http://www.bitesizedthoughts.com/p/disclosure-policy.html'>Disclosure policy</a>
</li>
</ul>