Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Podświetlanie aktywnych zakładek.
Pełna wersja: Podświetlanie aktywnych zakładek.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

Ximax

07.01.2011, 10:34
wersja skryptu MyBB: 1.6.1
adres forum: u-rp.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam.
Używam stylu eMaster wykonanego przez Frixona, i chcę by po kliknięciu w wybraną zakładkę została podświetlona odpowiednim obrazkiem. W razie czego wstawiam mój kod z header:
Kod PHP:
 

<div id="pagetop">
<div class="header_left"></div>
<div class="header_right"></div>
<div class="header">
    <div id="panel">
        {$welcomeblock}
    </div>
<a href="{$mybb->settings['bburl']}/index.php">
<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
</a>
</div>
<div class="menu_left"></div>
<div class="menu_right"></div>
<div class="menu">
<a href="{$mybb->settings['bburl']}/index.php">Forum</a><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a>
</div>
</div>


    <div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
<table align="right">
<tr>
<td><a href="syndication.php"><img src="images/emasters/feed.png" /></a></td>
</tr>
</table>
            <navigation>
            {$board_messages}
<br /> 

Obrazek którym chcę by podświetlało: http://u-rp.pl/images/emasters/menu_hover.gif .

Liczę na szybką pomoc i z góry dziękuje.

devbazy

07.01.2011, 14:54
Było już kilka takich tematów. Jeden z nich znajduje się pozycje niżej: Podświetlenie aktywnej zakładki. Skorzystaj następnym razem z wyszukiwarki.

Ximax

07.01.2011, 17:15
A możesz mi napisać co on w końcu zrobił, że mu to wyszło bo trochę chaotyczne te posty.

devbazy

07.01.2011, 18:39
Instrukcję krok po kroku znajdziesz w tutaj: Modyfikacji - "Naświetlenia" wybranej zakładki w menu. - Post #60988. W razie problemów przestudiuj temat, do którego link podałem powyżej. Jeżeli nadal nie będziesz w stanie tego uruchomić - napisz w tym temacie, a postaram się pomóc, jednak najpierw dobrze wszystko przejrzyj.

Ximax

08.01.2011, 12:41
Zacznijmy od tego, że w swoim global.css nie mam linijki:
Kod:
#menu li.active {
.

devbazy

08.01.2011, 14:57
Ciebie interesuje jedynie klasa .current-item, tak więc ma to wyglądać tak:

Kod:
#menu li.current-item {

}

lub

Kod:
#menu li.current-item a {

}

Wypełnij powyższy kod interesującymi Cię atrybutami, a następnie dodaj go na koniec pliku global.css w Twoim szablonie. Przewertuj jeszcze raz temat, do którego dostałeś link - pisze tam wszystko. Wystarczy jedynie dostosować to pod siebie.

Ximax

09.01.2011, 00:13
Dodałem na końcu:
Kod:
#menu li.current-item {
    background: url(images/emasters/menu_hover.gif);
    color: #ffffff;
    padding: 8px;
    height: 16px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top: 1px solid #363636;
}
i nadal nie działa. Może ostatnio jestem niekumaty, ale proszę abyś mi napisał całość po kolei.

devbazy

09.01.2011, 01:10
Wrzuć zawartość szablonu header po dotychczasowych zmianach.

Ximax

09.01.2011, 20:15
Kod:
<div id="pagetop">
<div class="header_left"></div>
<div class="header_right"></div>
<div class="header">
    <div id="panel">
        {$welcomeblock}
    </div>
<a href="{$mybb->settings['bburl']}/index.php">
<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
</a>
</div>
<div class="menu_left"></div>
<div class="menu_right"></div>
<div class="menu">
<li><a href="{$mybb->settings['bburl']}/index.php"  {$search_active}>Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"  {$search_active}>{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"   {$search_active}>{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"   {$search_active}>{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"   {$search_active}>{$lang->toplinks_help}</a></li>
</div>
</div>


    <div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
<table align="right">
<tr>
<td><a href="syndication.php"><img src="images/emasters/feed.png" /></a></td>
</tr>
</table>
            <navigation>
            {$board_messages}
<center><script TYPE="text/javascript" src="http://www.cpmprofit.com/ads.php?r=49169793f6d6f33ef1ea139fca20f960cca1256527507394&popup=0"></script></center>            
<br />

devbazy

09.01.2011, 21:26
(09.01.2011, 00:13)Ximax napisał(a): [ -> ]Dodałem na końcu:
Kod:
#menu li.current-item {
    background: url(images/emasters/menu_hover.gif);
    color: #ffffff;
    padding: 8px;
    height: 16px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top: 1px solid #363636;
}
i nadal nie działa. Może ostatnio jestem niekumaty, ale proszę abyś mi napisał całość po kolei.

Może i dodałeś, ale nie do tego szablonu co trzeba. Musisz wrzucić ten kod na koniec pliku global.css, ale w szablonie, z którego aktualnie korzystasz.

Jeżeli zaś chodzi o szablon header, to widać, że nie przeczytałeś całego tematu, inaczej wiedziałbyś, że zmienna {$search_active} dotyczy wyłącznie linku "search.php".

Podam Ci gotowe rozwiązanie, ale następnym razem trochę pomyśl, tym bardziej, że wszystko masz praktycznie podane na tacy.

Tak powinien wyglądać Twój header:
Kod:
<div id="pagetop">
<div class="header_left"></div>
<div class="header_right"></div>
<div class="header">
    <div id="panel">
        {$welcomeblock}
    </div>
<a href="{$mybb->settings['bburl']}/index.php">
<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />
</a>
</div>
<div class="menu_left"></div>
<div class="menu_right"></div>
<div class="menu">
<li {$index_active}><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
<li {$search_active}><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
<li {$members_active}><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li {$calendar_active}><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li {$misc_active}><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</div>
</div>


    <div id="container">
        <a name="top" id="top"></a>
        <hr class="hidden" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
<table align="right">
<tr>
<td><a href="syndication.php"><img src="images/emasters/feed.png" /></a></td>
</tr>
</table>
            <navigation>
            {$board_messages}
<center><script TYPE="text/javascript" src="http://www.cpmprofit.com/ads.php?r=49169793f6d6f33ef1ea139fca20f960cca1256527507394&popup=0"></script></center>            
<br />

Jeżeli coś nie będzie działać - zanim napiszesz upewnij się, że modyfikujesz szablon, który obecnie jest w użytku.

Ximax

09.01.2011, 22:04
Na pewno wszytko dodaje w dobrym stylu (zrobiłem kopie tego i tam dodałem, ale go używam jako user). Nie wiem czy mogę Cię prosić o to czy mógłbyś mi to zrobić na "gotowca".

devbazy

09.01.2011, 22:20
Na pewno wszystko dodajesz w złym stylu, bo wchodząc na Twoją stronę nie widzę zmian, których wcześniej dokonałem. Jeżeli korzystasz ze stylu eMaster, to ścieżka powinno wyglądać mniej więcej tak (zwróć uwagę na pogrubiony tekst): ACP -> Style i szablony -> Szablony -> eMaster Templates -> Nagłówek -> header.

Ximax

10.01.2011, 16:22
Nie widać zmian bo skopiowałem styl i na tą chwile edytuje styl, który używam tylko ja. Wyślę ci na PW Login i hasło do konta, które ma dostęp do Styli i szablonów, jeżeli możesz to zerknij.

PS: Styl, który edytuje nazywa się eMaster 2 w panelu.

devbazy

11.01.2011, 19:40
W takim razie włącz ten styl, który edytujesz.

Ximax

12.01.2011, 21:29
Zrobiłem tak jednak dalej nic, jeżeli możesz to zajrzyj tam.
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > Podświetlanie aktywnych zakładek.