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

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

Ciekawie wyglądająca nawigacja

Szukam  Założony przez  Anonimowy369.

wersja skryptu MyBB:1.6.3
adres forum:http://bestcraft.eu
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): Szuakm pluginu pozwalającego zrobić nawigację jak na powższej stronie.

Dodatkowo screen pożądanego efektu:

[Obrazek: beztytuucni.png]
RadnoK napisał 30.05.2013, 14:08:
Problem dotyczy szablonu, a nie pluginu. Przenoszę do odpowiedniego działu. Proszę o zapoznanie się z tym.
[Obrazek: modnotice_howto.png]
Spróbuj tak:

1. Zamień swój szablon "nav" na:
<ul id="breadcrumb"><li><a href="{$mybb->settings['bburl']}/index.php" title="Strona główna"><span class="home"><img src="{$mybb->settings['bburl']}/images/home.png" alt="Strona główna" /></span></a></li>{$nav}{$activebit}</ul>

2. Zamień swój szablon "nav_bit" na:
<li><a href="{$navbit['url']}">{$navbit['name']}</a></li>

3. Zamień swój szablon "nav_bit_active" na:
<li>{$navbit['name']}</li>

4. Swoje klasy(z atrybutami) navigation (w global.css) zamień na:
#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background: #1d1d1d url(images/bc_bg.png) repeat-x;
    height:30px;
    line-height:30px;
    color:#000000;
    border: 2px solid #2b2b2b;
    width: 97%;
        max-width: 1100px;
    min-width: 960px;
    overflow:hidden;
    padding:0px;
    margin: auto auto;
}

#breadcrumb li {
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a {
    height:30px;
    display:block;
    background-image: url(images/bc_separator.png);
    background-repeat: no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

.home {
    border: none;
    margin: 8px 0px;
    opacity: 0.7;
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}

.home:hover {
    border: none;
    margin: 8px 0px;
    opacity: 1;
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}

#breadcrumb a:hover {
    color:#35acc5;
}

5. Do images wgraj pliki z załącznika.

Tak się składa że jestem "Technikiem" tegoż forum, więc mam dostęp do pewnych rzeczy. Udostępniać kody mogę bo styl jest darmowy ;)

@Po za tym widzę że jesteś zacofany troszkę. Mamy MyBB 1.6.10 a Ty dalej przy 1.6.3 :D


Załączone pliki
  images.rar (Rozmiar: 8,93 KB / Pobrań: 231)
To jako technik, powinieneś dbać o to by skrypt był aktualny ;)
Nie ucz mnie tato :D Cola nie chciał żebym up date`ował to tego nie zrobiłem.
Witam.!
Sorki ze odkopuje,ale zrobilem tak jak napisal gobon,wszystko pieknie ladnie tylko wychodzi troche poza.Jak to naprawic zeby bylo rowno z innymi na dol?

Screen:
http://iv.pl/viewer.php?file=55944726121908978124.png
Załóż swój wątek tam pomogę, potrzeba danych :P
Też potrzebuje takiego czegoś.
Przecie w poście #2 masz napisane co gdzie i jak..
Wszystko podmniełem według instrukcji i mam czarny pasek http://testoweelderbary.cba.pl/forum/index.php
A wgrałeś pliki graficzne do folder images z załącznika?
nie zapomniałem, ale teraz pod paskiem mam napis My category oraz pasek wchodzi na pasek wyżej



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

2 gości