5 Replies Latest reply: Oct 14, 2010 1:27 PM by Zabeth69-YATPtk RSS

    Can a spry menu bar have an AddThis widget?

    Budo Cat Community Member

      I'm trying to include an AddThis widget to my spry horizontal menu, but with only marginal success. By fussing with the margins, page width and width of menu items, I was finally able to center the menu shwon below. But once I included the AddThis widget (between the "index" and "next page"), the menu broke: It's no longer centered, and "next page" falls on a second line. I've been fussing with it all day and I cannot get it to work.

       

      narBar example.png

       

      I'm not online yet, so I can't provide a URL. But some of my coding is below (widget coding is at the bottom):

       

      CSS

      ul.MenuBarHorizontal
      {
          list-style-type: none;
          font-size: 14pt;
          cursor: default;
          width: 760px;
          font-family: "Times New Roman", Times, serif;
          background-color: #FFF;
          padding: 0;
          margin: 0 auto;
      }
      /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
      ul.MenuBarActive
      {
          z-index: 1000;
      }
      /* Menu item containers, position children relative to this container and are a fixed width */
      ul.MenuBarHorizontal li
      {
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          position: relative;
          cursor: pointer;
          width: auto;
          float: left;
      }
      /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
      ul.MenuBarHorizontal ul
      {
          margin: 0;
          padding: 0;
          list-style-type: none;
          font-size: 100%;
          z-index: 1020;
          cursor: default;
          width: 8.2em;
          position: absolute;
          left: -1000em;
      }

       

      HTML:

      <div id="navBar">
        <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="#">&#8249; &#8249; Previous page</a>      </li>
          <li><a href="#">home</a>      </li>
          <li><a href="#">about</a></li>
          <!-- TemplateBeginEditable name="menuPage" -->
          <li><a href="../Pages/menu_1.html">menu</a></li>
          <!-- TemplateEndEditable -->
          <li><a href="#">contact</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">index</a>
            <ul>
      <li><a href="#" class="MenuBarItemSubmenu">first category</a>
        <ul>
          <li><a href="../Pages/first essay.html" </a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">second category</a>
        <ul>
          <li><a href="../Pages/second essay.html" </a></li>
          <li><a href="../Pages/third essay.html" </a></li>
        </ul>
      </li>

       

      <!-- AddThis Button BEGIN -->
      <div class="addthis_toolbox addthis_default_style">
      <a href="http://www.addthis.com/bookmark.php?v=250&amp;username=budocat" class="addthis_button_compact"  addthis:url="http://example.com">Share</a>
      </div>
      <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
      <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=budocat"></script>
      <!-- AddThis Button END -->


      <li><a href="#">Next page &#8250; &#8250;</a>      </li>
      </ul>

       

      </div><!--close navBar-->

        • 1. Re: Can a spry menu bar have an AddThis widget?
          Zabeth69-YATPtk Community Member

          Hi, BudoCat,

           

          You've posted this question in two Forums, and I think we've licked it in the other thread.

           

          Try to post a question in only once place in future, so it will get the maximum collaborative help from other users!

           

          Best,

           

          Beth

          • 2. Re: Can a spry menu bar have an AddThis widget?
            Budo Cat Community Member

            Hi Beth.

             

            Yes, you're right. I sent you a private email the other day to let you know that I'd posted this question separately. I was feeling guilty that I'd asked you a completely separate follow-up question, rather than posting it in the forum. I didn't want to take advantage of your time, and put you in the awkward position of *having* to answer or ignore the question.

             

            Also, I don't know whether the Adobe points that people get for answering these questions really mean anything, but I wanted to at least give you the option of getting them for continuing to work on the question.

             

            Thank you again for all your help. I just read your reply on the other thread, and will give it a try. Meanwhile, I will answer this question as "answered" and delete it fro the forum.

            • 3. Re: Can a spry menu bar have an AddThis widget?
              Zabeth69-YATPtk Community Member

              Oh, no real problem. I just wondered why you were reposting!

               

              Thanks for the kind words. I hope my solution works!

               

              The points don't accrue into anything real...this isn't Second Life...but they lend credibility to people looking for solutions. If a responder has answered in ways that help, people with difficulties can see those responders and look for good answers.

               

              Beth

              • 4. Re: Can a spry menu bar have an AddThis widget?
                Budo Cat Community Member

                This forum, and people like you, are an enormous help. I can't imagine where I'd be without it.

                 

                (And to anyone else reading this thread: Seems I cannot delete questions from the forum if it's been answered, so if anyone else wants to know the answer to this thread, they should see my original question, "Can spry menu have editable regions?")

                 

                Thanks again, Beth.

                • 5. Re: Can a spry menu bar have an AddThis widget?
                  Zabeth69-YATPtk Community Member

                  You are indeed welcome.

                   

                  Beth