Drop Down menu problem Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    Drop Down menu problem

    Sweet_Nightmare
    Sweet_Nightmare
    Forumember


    Female Posts : 84
    Reputation : 4
    Language : Bulgarian
    Location : Sofia, Bulgaria

    Solved Drop Down menu problem

    Post by Sweet_Nightmare September 20th 2013, 9:00 pm

    Hey, guys.
    I recently tried this amazing tutorial, but something got wrong.
    In my trial forum everything was ok, but when I put it in my actual forum the arrows were gone and didn't work.

    My forum: http://teenobsession.forumotion.com/
    Version: phpbb2

    I'll be very thankful if you can help me.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Drop Down menu problem

    Post by SLGray September 20th 2013, 9:01 pm

    Where on your forum is this menu?



    Drop Down menu problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Sweet_Nightmare
    Sweet_Nightmare
    Forumember


    Female Posts : 84
    Reputation : 4
    Language : Bulgarian
    Location : Sofia, Bulgaria

    Solved Re: Drop Down menu problem

    Post by Sweet_Nightmare September 20th 2013, 9:06 pm

    It's on the top, above the header.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Drop Down menu problem

    Post by SLGray September 20th 2013, 9:07 pm

    You mean these:

    Home
    Tutorials
    Resources
    About Us
    Advertise
    Submit
    Contact Us
    More



    Drop Down menu problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Sweet_Nightmare
    Sweet_Nightmare
    Forumember


    Female Posts : 84
    Reputation : 4
    Language : Bulgarian
    Location : Sofia, Bulgaria

    Solved Re: Drop Down menu problem

    Post by Sweet_Nightmare September 20th 2013, 9:10 pm

    Yes, exactly.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Drop Down menu problem

    Post by SLGray September 20th 2013, 9:11 pm

    Please post the codes you are using.



    Drop Down menu problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Sweet_Nightmare
    Sweet_Nightmare
    Forumember


    Female Posts : 84
    Reputation : 4
    Language : Bulgarian
    Location : Sofia, Bulgaria

    Solved Re: Drop Down menu problem

    Post by Sweet_Nightmare September 20th 2013, 9:15 pm

    CSS
    Code:
        ul.topnav {
          position: absolute;
          top: 0%;
          list-style: none;
          padding: 0 20px;
          margin: 0;
          width: 100%;
          background: #222;
          font-size: 1.2em;
          background: url(http://i43.servimg.com/u/f43/14/73/12/96/topnav10.gif) repeat-x;
        }
        ul.topnav li {
          float: left;
          margin: 0;
          padding: 0 15px 0 0;
          position: relative; /*--Declare X and Y axis base--*/
        }
        ul.topnav li a{
          padding: 10px 5px;
          color: #fff;
          display: block;
          text-decoration: none;
          float: left;
        }
        ul.topnav li a:hover{
          background: url(http://i43.servimg.com/u/f43/14/73/12/96/topnav11.gif) no-repeat center top;
        }
        ul.topnav li span { /*--Drop down trigger styles--*/
          width: 17px;
          height: 35px;
          float: left;
          background: url(http://i43.servimg.com/u/f43/14/73/12/96/subnav10.gif) no-repeat center top;
        }
        ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}

        /*--Hover effect for trigger--*/
        ul.topnav li ul.subnav {
          list-style: none;
          position: absolute;
          left: 0; top: 35px;
          background: #333;
          margin: 0; padding: 0;
          display: none;
          float: left;
          width: 170px;
          -webkit-border-bottom-right-radius: 05px;
          -webkit-border-bottom-left-radius: 5px;
          -moz-border-radius-bottomright: 05px;
          -moz-border-radius-bottomleft: 5px;
          border-bottom-right-radius: 05px;
          border-bottom-left-radius: 5px;
          border: 1px solid #111;
        }
        ul.topnav li ul.subnav li{
          margin: 0; padding: 0;
          border-top: 1px solid #252525;
          border-bottom: 1px solid #444;
          clear: both;
          width: 170px;
          -webkit-border-bottom-right-radius: 05px;
          -webkit-border-bottom-left-radius: 5px;
          -moz-border-radius-bottomright: 05px;
          -moz-border-radius-bottomleft: 5px;
          border-bottom-right-radius: 05px;
          border-bottom-left-radius: 5px;
        }
        html ul.topnav li ul.subnav li a {
          float: left;
          width: 145px;
          background: #333 url(http://i43.servimg.com/u/f43/14/73/12/96/dropdo10.gif) no-repeat 10px center;
          padding-left: 20px;
        }
        html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
          background: #222 url(http://i43.servimg.com/u/f43/14/73/12/96/dropdo10.gif) no-repeat 10px center;
        }
    templates
    Code:

     <script type="text/javascript" src="http://near-reality123123123.webs.com/bar.js"></script>
          <ul class="topnav">
                    <li><a href="#">Home</a></li>
                    <li>
                        <a href="#">Tutorials</a>

                        <ul class="subnav">
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>

                        </ul>
                    </li>
                    <li>
                        <a href="#">Resources</a>
                        <ul class="subnav">
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>

                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>
                            <li><a href="#">Sub Nav Link</a></li>
                        </ul>
                    </li>
                    <li><a href="#">About Us</a></li>

                    <li><a href="#">Advertise</a></li>
                    <li><a href="#">Submit</a></li>
                    <li><a href="#">Contact Us</a></li>

                    <li>
                        <a href="#">More</a>
                        <ul class="subnav">
                            <li><a href="#">Follow Us on Twitter</a></li>
                            <li><a href="#">Like Us on Facebook</a></li>
                            <li><a href="#">Subscribe on Youtube</a></li>
                        </ul>
                    </li>

                </ul> 
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Drop Down menu problem

    Post by SLGray September 21st 2013, 12:11 am

    I mean the code with your information added to it.



    Drop Down menu problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Sweet_Nightmare
    Sweet_Nightmare
    Forumember


    Female Posts : 84
    Reputation : 4
    Language : Bulgarian
    Location : Sofia, Bulgaria

    Solved Re: Drop Down menu problem

    Post by Sweet_Nightmare September 21st 2013, 12:20 am

    Code:
    <script type="text/javascript" src="http://near-reality123123123.webs.com/bar.js"></script>
                              <div><ul class="topnav">
                        <li><a href="#">Êîíêóðñè çà êíèãè</a>
                                <ul class="subnav">
                                <li><a href="http://teenobsession.forumotion.com/t4704-topic">Ñïå÷åëåòå "Äÿâîë÷å"</a></li>
                                <li><a href="#">Ñïå÷åëåòå "Ñêàðëåò"</a></li>
                          </ul></li>
                        <li>
                            <a href="#">Êîíêóðñè çà òâîð÷åñòâî</a>
                            <ul class="subnav">
                                <li><a href="http://teenobsession.forumotion.com/t4710-topic">Ïàíàèð íà âúîáðàæåíèåòî vol. 1</a></li>
                              </ul>
                        </li>
                        <li>
                            <a href="#">Ëè÷íî òâîð÷åñòâî</a>
                            <ul class="subnav">
                                <li><a href="http://teenobsession.forumotion.com/f50-forum">Àç, ðåïîðòåðúò</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f68-forum">Ðîìàíè</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f27-forum">Ñòèõîòâîðåíèÿ</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f26-forum">Ðàçêàçè/ Ôåí Ôèê</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f28-forum">Ðèñóíêè/Ãðàôèêè</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f25-forum">Ôîòîãðàôèÿ/<br>Âèäåîêëèïîâå</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f120-forum">Ñúâåòè è óðîöè</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Êàíäèäàòñòâàé çà</a>
                                <ul class="subnav">
                                <li><a href="http://teenobsession.forumotion.com/t3759-topic">Ìîäåðàòîð</a></li>
                                <li><a href="http://teenobsession.forumotion.com/t4075-topic">Ïðåâîäà÷</a></li>
                                <li><a href="http://teenobsession.forumotion.com/t885-topic">Ðåäàêòîð</a></li>
                                </ul></li>
                        <li><a href="#">Ðîóëïëåé</a>
                                <ul class="subnav">
                                <li><a href="http://teenobsession.forumotion.com/f29-forum">Ñâîáîäåí ðîóïëåé</a></li>
                                <li><a href="http://teenobsession.forumotion.com/f161-forum">Òåìàòè÷åí ðîóïëåé</a></li>
                                </ul></li>
                              <li><a href="#">Ñâúðæåòå ñå ñ íàñ</a>
                                <ul class="subnav">
                                <li><a href="https://www.facebook.com/teen.obsessions.9">Facebook</a></li>
                                <li><a href="https://twitter.com/#!/Teen_Obsession">Twitter</a></li>
                                <li><a href="skype:teen_obsession">Skype</a></li>
                                <li><a href="mailto:teen_obsession@abv.bg">Email</a></li>
                                <li><a href="http://teenobsessionforum.wordpress.com/">Blog</a></li>
                                </ul></li>
                        <li>
                            <a href="#">Îùå</a>
                            <ul class="subnav">
                                <li><a href="#">Ïðèÿòåëè</a></li>
                                <li><a href="http://teenobsession.forumotion.com/t2572-topic">Ïðàâèëà</a></li>
                              <li><a href="#">Èçäàòåëñòâà</a></li>
                                <li></li>
                            </ul>
                        </li>
                    </ul>
      </div>
    Sweet_Nightmare
    Sweet_Nightmare
    Forumember


    Female Posts : 84
    Reputation : 4
    Language : Bulgarian
    Location : Sofia, Bulgaria

    Solved Re: Drop Down menu problem

    Post by Sweet_Nightmare September 21st 2013, 10:02 pm

    I have resolved it by myself. Just have to put one of the codes in homepage message.
    Thanks for the attention and sorry for loosing your time.

    It's solved.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Drop Down menu problem

    Post by SLGray September 22nd 2013, 4:54 pm

    Topic Solved & Locked



    Drop Down menu problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.