Right, bit of a lot to do here. We’ll see how this box copes…
For all the bits of code, replace ‘newTopSection’
with the name of the section you want to add.
Add the link to the topbar:
<div id=“topbar-inner”>
<ul>
<li id=“topbar-subscribe”><a href=”#”>Subscribe</a></li>
<li id=“topbar-newTopSection”><a href=”#”>New Top Section</a></li>
...
Add the actual menu box thing
…
<!—/subscribe—>
<!—newTopSection—>
<div id=“newTopSection”>
Whatever code you want in here
</div>
<!—/newTopSection—>
…
The we get much closer to the bottom and the following to a new line above the </body>
tag.
<script type=“text/javascript”>
$(document).ready(function() {
$(’#newTopSection’).hide();
$(”#topbar-newTopSection a”).toggle(
function () { $(”#newTopSection”).animate({ height: “show”, duration: 700, easing:“easeInQuad”});
return false;
},
function () { $(”#newTopSection”).animate({ height: “hide”, duration: 700, easing:“easeOutQuad”});
return false;
});
});
</script>
Then open up ‘themes/wicketpixie/css/screen.css” and add the following to the end:
#newTopSection {
position: fixed;
margin: -1px 0 0 -383px;
}
Find the line that says ’#subscribe, #share
’ and add ’, #newTopSection
’. Then you can add any styling you need for the content of that box as well.
That should do the trick.