Podświetlenie aktywnej zakładki

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ę:

#menu li.active {

zamień na:

#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:

<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:

#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:

#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:

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:

<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:

// 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:

<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.

<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:

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