Webboard

Pełna wersja: Taby w theadzie
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Wersja skryptu MyBB: 1.8
Adres forum: rh.xaa.pl
Na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Wstawiłem na swoje forum taby javascriptowe (coś jak menu tylko bez linków). Chciałbym aby "menu" wyświetlało się w theadzie. Próbowałem już kilka sposobów ale nic nie pomogło. Wydaje mi się, że to wina kodu odpowiadającego za taby. Chcę aby mniej więcej wyglądało to tak: http://i.imgur.com/UGocIO4.png (czerwony to kontury theadu)

Kod PHP:
<div class="forums" style="float: left; width: 70%;">
 
     <div id="tabs" class="c-tabs no-js"> <---------------------------------
 
       <div class="c-tabs-nav"> <--------------------------------
 
         <a href="#" class="c-tabs-nav__link is-active">
 
           <span>Shoutbox</span>
 
         </a>
 
         <a href="#" class="c-tabs-nav__link">
 
           <span>Szukaj sparingu</span>
 
         </a>
 
         <a href="#" class="c-tabs-nav__link">
 
           <span>Favourites</span>
 
         </a>
 
         <a href="#" class="c-tabs-nav__link">
 
           <span>Calendar</span>
 
         </a>
 
         <a href="#" class="c-tabs-nav__link">
 
           <span>Settings</span>
 
         </a>
 
       </div>
 
       <div class="c-tab is-active">
 
         <div class="c-tab__content">
 
           <p>{$dvz_shoutbox}</p>
 
         </div>
 
       </div>
 
       <div class="c-tab">
 
         <div class="c-tab__content">
 
           <p>{$inferno_shoutbox}</p>
 
         </div>
 
       </div>
 
       <div class="c-tab">
 
         <div class="c-tab__content">
 
           <h2>Your Favourites!</h2>
 
           <p>Favourites ipsum dolor sit ametconsectetur adipisicing elitIpsam quo minus voluptate unde tempore eveniet consequuntur inquod animi libero rem similique pariatur quoset eum nisi ducimusarchitecto voluptatibus!</p>
 
           <p>Lorem ipsum dolor sit ametconsectetur adipisicing elitIusto aspernatur natus dolorem fuga cumque optio saepe corrupti earumIpsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsaodio.</p>
 
         </div>
 
       </div>
 
       <div class="c-tab">
 
         <div class="c-tab__content">
 
           <h2>Stay Busy</h2>
 
           <p>Calendar ipsum dolor sit ametconsectetur adipisicing elitIpsam quo minus voluptate unde tempore eveniet consequuntur inquod animi libero rem similique pariatur quoset eum nisi ducimusarchitecto voluptatibus!</p>
 
           <p>Lorem ipsum dolor sit ametconsectetur adipisicing elitIusto aspernatur natus dolorem fuga cumque optio saepe corrupti earumIpsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsaodio.</p>
 
         </div>
 
       </div>
 
       <div class="c-tab">
 
         <div class="c-tab__content">
 
           <h2>Change It Up</h2>
 
           <p>Settings ipsum dolor sit ametconsectetur adipisicing elitIpsam quo minus voluptate unde tempore eveniet consequuntur inquod animi libero rem similique pariatur quoset eum nisi ducimusarchitecto voluptatibus!</p>
 
           <p>Lorem ipsum dolor sit ametconsectetur adipisicing elitIusto aspernatur natus dolorem fuga cumque optio saepe corrupti earumIpsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsaodio.</p>
 
         </div>
 
       </div>
 
     </div>
 
   </div>
<
script src="jscripts/taby.js"></script>
<
script>
 
 var myTabs tabs({
 
   el'#tabs',
 
   tabNavigationLinks'.c-tabs-nav__link',
 
   tabContentContainers'.c-tab'
 
 });

 
 myTabs.init();
</
script

Próbowałem wstawić <div class="thead"></div> ale wtedy całość zamyka się w theadzie (a ja chcę tylko menu). Podejrzewam że to wina elementów oznaczonych strzałką (<------) w kodzie wyżej.