The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Drop Down menu problem

View previous topic View next topic Go down

Solved Drop Down menu problem

Post by Sweet_Nightmare on 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.

Sweet_Nightmare
Forumember

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

http://teenobsession.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

Where on your forum is this menu?


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

It's on the top, above the header.

Sweet_Nightmare
Forumember

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

http://teenobsession.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

You mean these:

Home
Tutorials
Resources
About Us
Advertise
Submit
Contact Us
More


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

Yes, exactly.

Sweet_Nightmare
Forumember

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

http://teenobsession.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

Please post the codes you are using.


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

Post by Sweet_Nightmare on 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> 

Sweet_Nightmare
Forumember

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

http://teenobsession.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

I mean the code with your information added to it.


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

Post by Sweet_Nightmare on 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
Forumember

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

http://teenobsession.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

Post by Sweet_Nightmare on 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.

Sweet_Nightmare
Forumember

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

http://teenobsession.forumotion.com/

Back to top Go down

Solved Re: Drop Down menu problem

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

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum