Nieruchomości - kupno, sprzedaż, wynajem. Citymark

yano78@jabber.org

09 września 2006, 14:15:10

Różna szerokość kart w Firefoksie

Przy większej ilości otwartych kart ich etykiety są zmniejszane do wartości zdefiniowanej w parametrze browser.tabs.tabMinWidth. Jednak zwiększenie tej wartości przyczyni się do mniejszej ilości widocznych etykiet. Idealnym rozwiązaniem byłoby zwiększenie szerokości tylko aktywnej karty.

Poniższy kod należy dodać do pliku userChrome.css lub skorzystać z rozszerzenia Stylish. Zastosowałem tu jeszcze jedną sztuczkę – minimalnie zwiększyłem szerokość etykiet kart sąsiadujących z aktywną. Jak to wygląda można zobaczyć na zrzucie ekranu.

.tabbrowser-tabs tab[selected="true"]{
 min-width:20em;
}
.tabbrowser-tabs tab[beforeselected="true"],
.tabbrowser-tabs tab[afterselected="true"]{
 min-width:15em;
}

Ostatni odwiedzający:

Komentarze do notki Różna szerokość kart w Firefoksie

  1. gandalf powiedział(a):
    09 września 2006 o 14:41:48

    Swietne! :)

  2. Pan Szparka powiedział(a):
    09 września 2006 o 15:12:43

    Zrzut coś n ie działa :(

  3. Yano powiedział(a):
    09 września 2006 o 16:29:38

    Zrzut siedzi na ImageShacku i to jego wina. Zauważyłem to już przy ładowaniu.
    Spróbuję coś z tym zrobić. -> fixed

  4. luo powiedział(a):
    09 września 2006 o 17:34:39

    W rzeczywistości nieciekawie to wygląda. Modyfikacja utrudnia prace np z ChalZillą czy grzebanie w opcjach.

  5. Yano powiedział(a):
    09 września 2006 o 17:45:30

    @luo: Faktycznie. Wcześniej nie zwróciłem na to uwagi.
    A jeśli chodzi o wygląd, to jest to rzecz gustu i/lub dobrania odpowiednich wartości – może zamiast 20em dać inną wartość, albo wyróżnić aktywną kartę w inny sposób. Możliwości są ograniczone jedynie znajomością CSS-a. :)

  6. Pan Szparka powiedział(a):
    09 września 2006 o 18:15:57

    Rzeczywiście zajesuper :)

  7. marker powiedział(a):
    09 września 2006 o 18:38:01

    Nie działa pod IE :(

  8. radek.kaba powiedział(a):
    09 września 2006 o 23:11:18

    marker:
    "Nie działa pod IE :("

    - nominacja do komentu tygodnia :D

  9. Komar powiedział(a):
    10 września 2006 o 18:22:58

    Wystarczy dodać '.tabbrowser-tabs' przed obiema definicjami, żeby dotyczyło to tylko paska kart, czyli pełny kod:

    .tabbrowser-tabs tab[selected="true"]{
    min-width:20em;
    }
    .tabbrowser-tabs tab[beforeselected="true"], tab[afterselected="true"]{
    min-width:15em;
    }

  10. Komar powiedział(a):
    10 września 2006 o 18:52:14

    Mała poprawka, pominąłem dodanie jednego '.tabbrowser-tabs'. ;) W pełni poprawny kod to:

    .tabbrowser-tabs tab[selected="true"] {
    min-width:20em;
    }
    .tabbrowser-tabs tab[afterselected="true"],
    .tabbrowser-tabs tab[beforeselected="true"] {
    min-width:15em;
    }

  11. Yano powiedział(a):
    10 września 2006 o 19:27:03

    No i właśnie o to chodzi: pokazać, że niewielkim nakładem sił można zrobić praktycznie wszystko. :)

  12. Jano87 powiedział(a):
    30 czerwca 2007 o 16:50:02

    Mam pytanko, nie jestem biegły w RSS, a zainspirowany tym co mi wyszło po wpisaniu podanego powyżej kodu chciałbym zrobić tak, by począwszy od aktywnej karty, każda kolejna z sąsiadujących była coraz krótsza.
    czyli coś a la: „after after selected” oraz „before before selected” itd..

    Z góry dzięki za pomoc ;-)

Zostaw komentarz

Komentarze nie mające związku z tematem wpisu mogą (ale nie muszą) zostać usunięte. Bezwzględnie będą usuwane komentarze obraźliwe, wulgarne czy reklamowe (także w stylu onet.blog).

W komentarzach możesz korzystać z Textile.

yano is proudly powered by Jogger | RSS | Design by Ian Main, ported by Patryk Zawadzki.