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

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

Podświetlanie aktywnych zakładek.

Założony przez  Ximax.

07.01.2011, 10:34
#1
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:
 

<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.
07.01.2011, 14:54
#2
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.
07.01.2011, 17:15
#3
A możesz mi napisać co on w końcu zrobił, że mu to wyszło bo trochę chaotyczne te posty.
07.01.2011, 18:39
#4
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.
08.01.2011, 12:41
#5
Zacznijmy od tego, że w swoim global.css nie mam linijki:
#menu li.active {
.
08.01.2011, 14:57
#6
Ciebie interesuje jedynie klasa .current-item, tak więc ma to wyglądać tak:

#menu li.current-item {

}

lub

#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.
09.01.2011, 00:13
#7
Dodałem na końcu:
#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.
09.01.2011, 01:10
#8
Wrzuć zawartość szablonu header po dotychczasowych zmianach.
09.01.2011, 20:15
#9
<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 />
09.01.2011, 21:26
#10
(09.01.2011, 00:13)Ximax napisał(a): Dodałem na końcu:
#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:
<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.
09.01.2011, 22:04
#11
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".
09.01.2011, 22:20
#12
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.
10.01.2011, 16:22
#13
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.
11.01.2011, 19:40
#14
W takim razie włącz ten styl, który edytujesz.
12.01.2011, 21:29
#15
Zrobiłem tak jednak dalej nic, jeżeli możesz to zajrzyj tam.



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

1 gości