Nest

Styl Podświetlenie aktywnej zakładki

Założony przez zaistniej.

wersja skryptu MyBB: 1.6.1
adres forum: brak
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam serdecznie, chciałbym się dowiedzieć jak wykonać podświetlenie danej aktywnej zakładki na przykładzie np. tego forum. Dodam, że na stronie głównej mam już, ale jak w kolejnych zrobić to nie wiem.

SS: http://ifotos.pl/img/Przechwyt_hphaxqp.PNG
Zajrzyj tutaj: "Naświetlenia" wybranej zakładki w menu. Podaj również adres Twojego forum, a będzie łatwiej Ci pomóc.
Adres forum to: http://zaistniejwinternecie.pl/etc/forum/

Zrobiłem według twojego poradnika, ale nie mogę znaleźć linijki: .menu-sol ul li a:hover , nie mam jej w ogóle w pliku global.css
Powyższa linijka dotyczyła akurat stylu, z którego korzysta autor tamtego tematu. W tym wypadku będzie to wyglądać nieco inaczej. Rozumiem, że wprowadziłeś odpowiednie zmiany w pliku i szablonie.

W pliku global.css (Twój szablon) odnajdź linijkę:

Kod:
#menu li.active {

zamień na:

Kod:
#menu li.active, #menu li.current-item {

Ponadto odpowiednie zmienne nie umieszczasz pomiędzy tagiem <a>, lecz <li>. Wyglądać to będzie więc tak:

Kod:
<li {$search_active}><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
Nie działa :( wyświetla się tylko boczny kawałek podświetlenia, dodam, że korzysta to z dwóch pociętych obrazków, kod:

Kod:
#menu li.active a, #menu li.active a:hover {
    background: url(images/emasters/menu_bg_active.png) no-repeat top left;
    color: #000;
    padding: 12px 10px 11px 13px;
    
}

#menu li.active {
    background: url(images/emasters/menu_bg_active2.png) no-repeat top right;
    padding-right: 4px;
    position: relative;
    bottom: 10px;
}


Zamień na:

Kod:
#menu li.active a, #menu li.active a:hover, #menu li.current-item {
    background: url(images/emasters/menu_bg_active.png) no-repeat top left;
    color: #000;
    padding: 12px 10px 11px 13px;
    
}

#menu li.active, #menu li.current-item {
    background: url(images/emasters/menu_bg_active2.png) no-repeat top right;
    padding-right: 4px;
    position: relative;
    bottom: 10px;
}

Jeżeli to nie pomoże, to wrzuć zawartość szablonu header (Style i szablony -> Szablony -> Twój szablon -> Nagłówek -> header), a także kod z pliku global.php.
Nie pomogło, to znaczy, że nie da się zrobić?
Czytaj co się do Ciebie pisze:

Cytat:Jeżeli to nie pomoże, to wrzuć zawartość szablonu header (Style i szablony -> Szablony -> Twój szablon -> Nagłówek -> header), a także kod z pliku global.php.
header:

Kod:
<div id="pagetop">
<div class="header_left"></div>
<div class="header_right"></div>
<div class="header">
    <div id="panel">
        {$welcomeblock}
    </div>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
</a>
</div>
<div class="menu_left"></div>
<div class="menu_right"></div>
<div id="menu">

        <ul>
        <li class="active"><a href="portal.php"><strong><font color="white">Portal</font></strong></a></li>
    <li><a href="index.php" {$index_active}>Forum</a></li>
    <li><a href="memberlist.php" {$members_active}>Użytkownicy</a></li>
        <li><a href="search.php" {$search_active}>Szukaj</a></li>
        </ul>
</div>
<div class="menu_sub">
</div>
</div>



    <div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}

            <navigation>
            <br />

część kodu z global.php:

Kod:
// Set up some of the default templates
eval("\$headerinclude = \"".$templates->get("headerinclude")."\";");
eval("\$gobutton = \"".$templates->get("gobutton")."\";");
eval("\$htmldoctype = \"".$templates->get("htmldoctype", 1, 0)."\";");
/*--- Aktywne linki ---*/
$class = 'class="current-item"';
switch($current_page)
{
  case "search.php":
  $search_active = $class;
  break;  

  case "memberlist.php":
  $members_active = $class;
  break;  

  case "calendar.php":
  $calendar_active = $class;
  break;  

  case "misc.php":
  $misc_active = $class;
  break;

  default:
  $index_active = $class;
}
eval("\$header = \"".$templates->get("header")."\";");

$copy_year = my_date("Y", TIME_NOW);

// Are we showing version numbers in the footer?
Jak pisałem wcześniej zmienna ma się znajdować w tagu <li>, zamiast <a>, czyli ma to wyglądać tak:

Kod:
<li {$index_active}><a href="index.php">Forum</a></li>

Zmień także pozostałe elementy listy.

Jeżeli po tych czynnościach nadal nic się nie zmieni - spróbuj zrobić to samo na swoim głównym forum, a nie testowym, bowiem miejsce, w którym znajduje się forum też może mieć tutaj znaczenie.
Kod:
<div id="pagetop">
<div class="header_left"></div>
<div class="header_right"></div>
<div class="header">
    <div id="panel">
        {$welcomeblock}
    </div>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
</a>
</div>
<div class="menu_left"></div>
<div class="menu_right"></div>
<div id="menu">

        <ul>
        <li class="active"><a href="index.php"><strong><font color="white">Forum</font></strong></a></li>
    <li {$members_active}><a href="memberlist.php" >Użytkownicy</a></li>
        <li {$search_active}><a href="search.php" >Szukaj</a></li>
        </ul>
</div>
<div class="menu_sub">
</div>
</div>



    <div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}

            <navigation>
            <br />

Dodałem w forum właściwym, nie testowym i nadal to samo :(.
Pewien jesteś, że dodajesz to w odpowiednim szablonie, z którego aktualnie korzystasz?
100% pewności, zgodziłbyś się na to, że dam ci dane i mi to byś zrobił. Może udałoby Ci się. Wiem, ze na gotowca nic nie ma. Ale bardzo chciałbym już mieć w końcu te menu skończone...
Dość nietypowa sytuacja przyznam, bowiem u mnie działa to bez problemu. Podaj mi dane na PW, a sprawdzę co jest nie tak.
Dzięki wielkie, że pomogłeś. A jeszcze jedno, zmieniłem pogrubienie tekstu na aktywnej zakładce kodem:

Kod:
font-weight: bold;

Jak zrobić żeby kolor czcionki był biały, jaki kod temu odpowiada?
Gutaj napisał 07.01.2011, 04:50:
Akcja DZIĘKUJE ZA POMOC

Podobne wątki

Jak dodać podświetlenie w nagłówku

18.10.2016, 19:05
Ostatni post: Karko85

Jak pozmieniać zakładki i ich zawartość w profilu?

05.08.2016, 15:58
Ostatni post: Ksssa

Podobne zakładki AJAX w MyBB?

16.07.2016, 10:38
Ostatni post: Matslom

Boczne menu - kasacja zakładki pomocy!

05.11.2015, 22:06
Ostatni post: MaciejB

Błąd Nie działające zakładki w podglądzie profilu w stylu GameSkill

17.10.2015, 19:58
Ostatni post: Supryk

Skocz do:

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

1 gości