Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Menu nawigacji gdzie jestem w postach i tematach.

Założony przez  abc250693.

Adres forum:
[http://pesmania.xaa.pl/index.php]

Wersja silnika:
[1.8.19]

Opis problemu:
Mianowicie chciałbym dodać, aktywować menu zaznaczone na zdjęciu. Z szablonu Default i z global.css  wiem ze odpowiada za to .navigation {. A ja w swoim szablonie i w global.css, nic nie mam w tym miejscu . Oczywiście skopiowałem cały kod z Default i dodałem go w stylu domyślnym i zero reakcji.  




     
W szablonie header bodajze musisz dodać <navigation>. Nie wiem jaki to ma zasięg działania i czy na pewno tak, trzeba sprawdzić szablony stylu domyślnego.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Tak wygląda na domyślnym szablonie plik header


<a id="top"></a>

 <header class="header">
   <div style="max-width: 1920px;margin: auto;min-height: 495px;">
     <p class="welcome_onboard">Witamy na forum <strong>PESMania</strong> - forum poświęcone grze Pro Evolution Soccer</p>
     
     <div class="header__nav">
       <ul class="header__nav__menu">
         {$welcomeblock}




       </ul>
     </div>
     
     <div class="header__logo">
       <a href="{$mybb->settings['bburl']}"><img src="custom/images/logo.png" alt="Logo"></a>
     </div>
     
     <ul class="header__menu">
       <li><a href="http://pesmania.xaa.pl">Home</a></li>
       <li><a href="http://pesmania.xaa.pl/forumdisplay.php?fid=86">Download</a></li>
       <li><a href="http://gamemasters.com.pl">Gamemasters</a></li>
       <li><a href="memberlist.php">Gracze</a></li>
       <li><a href="http://pesmania.xaa.pl/forumdisplay.php?fid=2">Regulamin</a></li>
       <li><a href="http://pesmania.xaa.pl/forumdisplay.php?fid=39">Turnieje</a></li>
     </ul>
     
   </div>
 </header>
 <h3 class="league_title">Najbliższe zapisy</h3>
 <section class="league_content">
     <div class="days_list">
         <ul id="daysList">
             <!-- Dynamic Content -->
         </ul>
     </div>
     
     <div class="inactive_days">
       <!-- Zachowaj dla ID strukturę: słówko day + dzień || Przykład: id="day13" gdzie 13 dzień miesiąca -->
       <div id="day21">
         First Tab ipsum dolor sit amet, consectetur adipisicing elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       
       <div id="day22">
         Second Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day23">
         Third Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day24">
         24 Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day25">
         25 Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day26">
         26 Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day27">
         27 Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day28">
         28 Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
       <div id="day29">
         29 Tab elit. Fuga nesciunt, cumque in sequi nostrum necessitatibus. Adipisci, expedita. Ipsam eaque vel eum voluptates ipsum vitae, quam architecto voluptatum rerum quis natus.
       </div>
     </div>
 </section>
 
 
   <div id="alerts">
       {$pm_notice} {$bannedwarning} {$bbclosedwarning} {$unreadreports} {$pending_joinrequests} {$awaitingusers}
   </div>
   
   <ul id="lightSlider">
     <li>
        <img src="http://placehold.it/470x150">
     </li>
     <li>
         <img src="http://placehold.it/470x150">
     </li>
   </ul>


A tak na Default Templates
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$remote_avatar_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
Tak jak pisałem, dodasz <navigation> do szablonu header i będzie ci się wyświetlać.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Wyświetla się, ale nie mam strzałeczki odgradzającej, gdzie obecnie przeglądam post. Myślę, że na zdjęciu będzie to lepiej widać.    
Do szablonu nav_bit_active dodaj:
<i class="fa fa-chevron-right page-navigation__sep"></i>
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

1 gości