Webboard

Pełna wersja: Zakładki - nie rozwija się.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8
adres forum: potterworld.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Więc tak. Chcę zrobić sobie rozwijające zakładki, wszystko robię ok (zakładki działają), lecz jest jeden problem. Kiedy najeżdżam na daną zakładkę to ona nie rozwija się. 

Dzięki wielkie za pomoc :)

Używam tego kodu:

Kod:
<h1>Simple Pure CSS Drop Down Menu</h1>
<nav id="primary_nav_wrap">
<ul>
 <li class="current-menu-item"><a href="#">Home</a></li>
 <li><a href="#">Menu 1</a>
   <ul>
     <li><a href="#">Sub Menu 1</a></li>
     <li><a href="#">Sub Menu 2</a></li>
     <li><a href="#">Sub Menu 3</a></li>
     <li><a href="#">Sub Menu 4</a>
       <ul>
         <li><a href="#">Deep Menu 1</a>
           <ul>
             <li><a href="#">Sub Deep 1</a></li>
             <li><a href="#">Sub Deep 2</a></li>
             <li><a href="#">Sub Deep 3</a></li>
               <li><a href="#">Sub Deep 4</a></li>
           </ul>
         </li>
         <li><a href="#">Deep Menu 2</a></li>
       </ul>
     </li>
     <li><a href="#">Sub Menu 5</a></li>
   </ul>
 </li>
 <li><a href="#">Menu 2</a>
   <ul>
     <li><a href="#">Sub Menu 1</a></li>
     <li><a href="#">Sub Menu 2</a></li>
     <li><a href="#">Sub Menu 3</a></li>
   </ul>
 </li>
 <li><a href="#">Menu 3</a>
   <ul>
     <li class="dir"><a href="#">Sub Menu 1</a></li>
     <li class="dir"><a href="#">Sub Menu 2 THIS IS SO LONG IT MIGHT CAUSE AN ISSEUE BUT MAYBE NOT?</a>
       <ul>
         <li><a href="#">Category 1</a></li>
         <li><a href="#">Category 2</a></li>
         <li><a href="#">Category 3</a></li>
         <li><a href="#">Category 4</a></li>
         <li><a href="#">Category 5</a></li>
       </ul>
     </li>
     <li><a href="#">Sub Menu 3</a></li>
     <li><a href="#">Sub Menu 4</a></li>
     <li><a href="#">Sub Menu 5</a></li>
   </ul>
 </li>
 <li><a href="#">Menu 4</a></li>
 <li><a href="#">Menu 5</a></li>
 <li><a href="#">Menu 6</a></li>
 <li><a href="#">Contact Us</a></li>
</ul>
</nav>
To jest tylko struktura. Jeśli jest to gotowiec, to z pewnością jest gdzieś jeszcze kod .css obsługujący to.
Kod:
#primary_nav_wrap
{
    margin-top:15px
}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul a
{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Ari
 Tak jest ten kod ale nie mam pojęcia do jakiego CSS go wpakowac.
Dodaj do global.css
Wkleiłem i dalej nic. Nie działa.
(26.09.2015, 07:08)Verteo napisał(a): [ -> ]Tak jest ten kod ale nie mam pojęcia do jakiego CSS go wpakowac.
Na pewno to nie jest kompletny kod, jedynie jego część
Wszystko brałem z tego:

http://codepen.io/philhoyt/pen/ujHzd
Przecież masz tam pełny kod css, a Ty wklejasz tylko część
Kod PHP:
#primary_nav_wrap
{
    
margin-top:15px
}

#primary_nav_wrap ul
{
    list-
style:none;
    
position:relative;
    
float:left;
    
margin:0;
    
padding:0
}

#primary_nav_wrap ul a
{
    
display:block;
    
color:#333;
    
text-decoration:none;
    
font-weight:700;
    
font-size:12px;
    
line-height:32px;
    
padding:0 15px;
    
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
    
position:relative;
    
float:left;
    
margin:0;
    
padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
    
background:#ddd
}

#primary_nav_wrap ul li:hover
{
    
background:#f6f6f6
}

#primary_nav_wrap ul ul
{
    
display:none;
    
position:absolute;
    
top:100%;
    
left:0;
    
background:#fff;
    
padding:0
}

#primary_nav_wrap ul ul li
{
    
float:none;
    
width:200px
}

#primary_nav_wrap ul ul a
{
    
line-height:120%;
    
padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
    
top:0;
    
left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    
display:block

Żeby nie umieć skopiować wszystkiego?