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

yano78@jabber.org

22 czerwca 2008, 19:08:58

Własny styl dla AwesomeBar w Firefox 3

Wpis na 0. poziomie

Tzw. AwesomeBar jest chyba najbardziej kontrowersyjną zmianą w nowym Firefoksie. Niektórzy polubili go od razu, inni wprost znienawidzili i biadolą, jaki to on jest niewygodny. Pojawiło się nawet rozszerzenie, żeby przywrócić poprzedni wygląd paska adresu. Jest jednak jeszcze jedno wyjście.

Czytaj dalej o »Własny styl dla AwesomeBar w Firefox 3«

09 września 2006, 17:02:30

Strzałki przewijania

Wpis na 0. poziomie

Kontynuując serię wpisów o zastosowaniu stylów użytkownika podzielę się jeszcze jednym.

Podwójne strzałki przewijania (jak na Macach) można osiągnąć w Firefoksie jednym wpisem do userChrome.css lub Stylish.

Czytaj dalej o »Strzałki przewijania«

09 września 2006, 14:15:10

Różna szerokość kart w Firefoksie

Wpis na 0. poziomie

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.

Czytaj dalej o »Różna szerokość kart w Firefoksie«

08 września 2006, 16:36:35

Bash.org.pl - ilość głosów

Wpis na 0. poziomie

Od jakiegoś czasu na Bashu nie widać ilości głosów pod Firefoksem. Jeśli Ty też nie wiesz, z których cytatów się śmiać to polecam krótki styl użytkownika do wpisania w pliku userContent.css lub dodania do rozszerzenia Stylish:

@-moz-document domain("bash.org.pl") {
.hide{opacity:1 !important}
}

12 lipca 2006, 01:08:33

Box model, czyli o rozmiarach pudełka słów kilka

Wpis na 0. poziomie

Prawidłowa interpretacja tzw. box model często nastręcza wiele problemów. Świadczą o tym pojawiające się na forach i grupach dyskusyjnych pytania, czemu dany element ma inne rozmiary w Firefoksie niż w IE. Mam nadzieję, że poniższa ilustracja rozwieje wszelkie wątpliwości:

box model

Wg specyfikacji CSS 1 własności width i height definiują rozmiary elementu, padding — odległość elementu od otaczającej go ramki (border) a margin — odległość od innych elementów na stronie. Całkowity rozmiar kontenera (lub też pudełka, z ang. box) poznamy, dodając do siebie poszczególne wartości. Jeśli więc mamy np. obrazek o wymiarach 200px×100px i chcemy go otoczyć ramką o grupości 2px, która ma być w odległości 5px od obrazka i 10px od innych elementów to całkowity obszar zajmowany przez ten obrazek będzie wynosił 200+(5+2+10)×2=234px w poziomie i 100+(5+2+10)×2=134px w pionie.

Niestety najpopularniejsza przeglądarka łamie ten schemat stosując własności width i height do obszaru objętego ramką, pomniejszając obszar oznaczony na ilustracji żółtym kolorem o wartości border i padding. Wystarczy jednak na początku dokumentu zamieścić prawidłową deklarację DOCTYPE, żeby przestawić Internet Explorer tzw. tryb standardów (odpowiedni artykuł można znaleźć w bazie MSDN), w którym powyższy „model pudełkowy” zostanie wyświetlony prawidłowo. Oczywiście należy się też postarać, żeby cały dokument był zgodny ze standardem, który został zadeklarowany.

Przykłady prawidłowych deklaracji to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
 
 
html > body {border:1px solid red;}

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