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

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

aktywne menu css

Inne  Założony przez  pawpawel.

01.08.2013, 00:01 (Ten post był ostatnio modyfikowany: 01.08.2013, 00:07 przez pawpawel.)
#1
wersja skryptu MyBB:1.6.10
adres forum:slashdown.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

[Obrazek: qz7t.png]

Witam proszę o pomoc w ustawieniu css.
Mianowicie chce a by po kolnięciu w zakładka 3 zaznaczenie z zakładki 2 przeskoczyło na ta która klinie w tym przypadku jest to zakładka 3

dodaje plik css index.html i obrazki w załaczniku


Załączone pliki
  cssmenu6.zip (Rozmiar: 20,22 KB / Pobrań: 146)
01.08.2013, 16:42 (Ten post był ostatnio modyfikowany: 21.08.2017, 11:50 przez Ardex.)
#2
Przykładowo:

a:active  {color:yellow;}

za "color" wstawiasz cechę a za "yellow" wartość. Tym sposobem uzyskasz aktywny hover w menu po kliknięciu.
ADVERTGAME.PL
01.08.2013, 19:18
#3
powiedz cos wiecej albo powiedz zaco lub do czego to przypisac w tym kodzie
#menu {
    background: #415b6b url(images/newbtn_middle.png) repeat-x;
    padding-left: 20px;
height: 28px font-family: Arial, Calibri, Verdana, Geneva, sans-serif;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 28px;
}
#menu li {
    border-right: 1px solid #364D5B;
    float: left;
}
#menu li:first-child {
    border-left:1px solid #364D5B;
}
#menu li .linkmenu {
    background: #567384 url(images/newbtn_middle.png) repeat-x;
    border-left: 1px solid #99afbc;
    border-top: 1px solid #99afbc;
    color: #fff;
    text-decoration: none;
    display: block;
    border-bottom: 0;
    font: normal normal bold 12px/normal Arial, Calibri, Verdana, Geneva, sans-serif;
    line-height: 26px;
    min-width: 60px;
    text-align: center;
    padding: 0px 15px;
}
#menu li .linkmenu:hover {
    text-decoration: none;
    background:url(images/selected-tab-gradient-with-top-alpha.png) repeat-x scroll 0 -4px #7192A8;
    color:#111111;
}
#menu li.search {
    color: #000;
    padding: 4px 10px 4px 13px;
    border-bottom: 2px solid #ffffff;
    float: right;
}
#menu li.active .linkmenu, #menu li.active .linkmenu:hover {
    background: #567384 url(images/selected-tab-gradient-with-top-alpha.png) repeat-x;
    color: #111;
    padding-top: 4px;
    position: relative;
    top: -4px;
    z-index: 10;
}
01.08.2013, 20:45
#4
Napisz mi a najlepiej podaj link do jakiegoś forum bądź zapodaj jakiś obrazek a zrobię Ci takie jak chcesz.
ADVERTGAME.PL
01.08.2013, 20:51
#5
https://webboard.pl/wiki.php?aktywne-zak...w-ipb.html Wystylizuj sobie odopwiednio i voila ;)
01.08.2013, 21:34 (Ten post był ostatnio modyfikowany: 01.08.2013, 21:36 przez pawpawel.)
#6
(01.08.2013, 20:45)sauber94 napisał(a): Napisz mi a najlepiej podaj link do jakiegoś forum bądź zapodaj jakiś obrazek a zrobię Ci takie jak chcesz.

menu i potrzebne pliki masz w załączniku
Kolego GiboneKPL to nie jest menu IPB i nie chce grzebac w plikach tylko w stylu
02.08.2013, 06:16
#7
http://www.youtube.com/watch?v=_KJc-v6oAfo
Ładny tutorial z aktywnym menu bez ingerencji w pliki skryptu.



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

1 gości