General Question

justin5824's avatar

Wicketpixie Drop downs?

Asked by justin5824 (196points) January 17th, 2009

How can I add another drop down for the topbar with my own links that functions like the subscriptions.

Observing members: 0 Composing members: 0

4 Answers

johanspun's avatar

Is there anywhere that has the theme in action? I might be able to deconstruct it for you if I can get to it.

justin5824's avatar

Well, if you go to
http://chris.pirillo.com/download-my-free-premium-wordpress-theme/
you can see the founders site. Also see
http://lockergnome.com/
http://www.ponzarelli.com/.

An a install quide here

PS You might want to take a look at this

johanspun's avatar

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.

justin5824's avatar

WELL, im going to give it a try…. feed back to folow

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther