04.02.2016, 16:14
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)
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.
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 amet, consectetur adipisicing elit. Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.</p>
</div>
</div>
<div class="c-tab">
<div class="c-tab__content">
<h2>Stay Busy</h2>
<p>Calendar ipsum dolor sit amet, consectetur adipisicing elit. Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.</p>
</div>
</div>
<div class="c-tab">
<div class="c-tab__content">
<h2>Change It Up</h2>
<p>Settings ipsum dolor sit amet, consectetur adipisicing elit. Ipsam quo minus voluptate unde tempore eveniet consequuntur in, quod animi libero rem similique pariatur quos, et eum nisi ducimus, architecto voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto aspernatur natus dolorem fuga cumque optio saepe corrupti earum. Ipsam quaerat asperiores similique omnis excepturi temporibus ab eum magnam ipsa, odio.</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.