Infobar BrowseHappy.pl, wersja 1.06

Instalacja

Aby umieścić infobar na swojej stronie internetowej, musisz:

• wgrać pliki infobar.js, infobar.css i infobar.gif na swój serwer,
• umieścić jeden z poniższych fragmentów kodu wewnątrz stron, które chcesz, żeby miały pasek informacyjny.

Wersja dla wszystkich aktualnie używanych wersji Internet Explorera:

<!--[if lt IE 8]><link href=infobar.css rel=stylesheet>
<div id=infobar><a href=http://browsehappy.pl/infobar>
Internet Explorer nie potrafi poprawnie wyświetlić tej strony. Kliknij tutaj, aby dowiedzieć się więcej...
</a></div><div id=viewplot><script src=infobar.js></script><![endif]-->

Wersja widoczna tylko w Internet Explorer 6:

<!--[if IE 6]><link href=infobar.css rel=stylesheet>
<div id=infobar><a href=http://browsehappy.pl/infobar>
Internet Explorer nie potrafi poprawnie wyświetlić tej strony. Kliknij tutaj, aby dowiedzieć się więcej...
</a></div><div id=viewplot><script src=infobar.js></script><![endif]-->

Wersja dla wszystkich Explorerów, ale pokazująca się średnio tylko w 2 na 10 wyświetleń strony (w zaznaczonym parametrze możesz zmienić częstotliwość między 1, a 9):

<!--[if lt IE 8]><link href=infobar.css rel=stylesheet>
<div id=infobar s=2><a href=http://browsehappy.pl/infobar>
Internet Explorer nie potrafi poprawnie wyświetlić tej strony. Kliknij tutaj, aby dowiedzieć się więcej...
</a></div><div id=viewplot><script src=infobar.js></script><![endif]-->

Jeśli zajdzie potrzeba zmiany ścieżki do plików infobaru, zmień fragmenty href=infobar.css oraz src=infobar.js.

Oto przykład, gdzie wkleić kod:

<html>
    <head>
        ...
    </head>
    <body>
        <!-- TUTAJ UMIEŚĆ KOD -->
        <p>Treść twojej strony musi zaczynać się za nim</p>
    </body>
</html>

Ta instrukcja sama w sobie jest przykładem - zobacz źródło tego pliku.

Problemy

Jeśli kod zostanie źle umieszczony albo pliki nie będą wgrane do odpowiedniego katalogu, mogą pojawić się następujące problemy:

Pasek jest zwykłym tekstem i nie ma tła:

Upewnij się, że pliki infobar.css i infobar.gif są w tym samym katalogu, co strona, na której ma się znajdować.

Pasek działa na głównej stronie, a nie działa na podstronach:

Jeśli chcesz użyć jednej kopii tych plików dla wszystkich podstron, to we wklejanym fragmencie kodu popraw ścieżki do nich - np. zmień href=infobar.css na href=/infobar.css, co będzie wczytywało plik z katalogu głównego Twojej strony. Jeśli to nie zadziała, to spróbuj zmienić href=infobar.css na href=../infobar.css na podstronach.

Uwaga: W analogiczny sposób zmień też src=infobar.js!

W komunikacie zamiast polskich znaków są dziwne znaczki:

Kod wklejany na stronę WWW musi mieć kodowanie polskich znaków takie samo jak Twoja strona. Więcej o kodowaniu znaków.

Pasek burzy układ strony:

Upewnij się, że fragment kodu jest wklejony zaraz ZA tagiem <body>. Jeśli potrzebujesz mieć ustawiony margines dla <body>, musisz go ustawić dodatkowo w pliku infobar.css zgodnie z zamieszczonymi tam wskazówkami.

Strona nie może mieć błędnie pozamykanych tagów <div>.

Jeśli mimo poprawnego umieszczenia kodu i plików infobar burzy układ strony, daj znać.

W pozostałych przypadkach...

Zapraszamy na forum BrowseHappy.pl.

Zgodność kodu

Kod został zdeformowany, aby był bardziej zwięzły i łatwiejszy w instalacji. Byłby nieprawidłowy, gdyby nie był ukryty w komentarzu HTML. Komentarz warunkowy całkowicie go ukrywa przed zgodnymi ze standardami przeglądarkami (i walidatorem), a dla ignorującego błędy Internet Explorera jego niepoprawność i tak jest bez znaczenia. IE nie obsługuje XHTML, więc ten kod może być bez zmian umieszczony w XHTML.

Licencja

Kod jest na licencji Creative Commons. Infobar BrowseHappy jest rozwinięciem kodu Martina Ng i Chinga Yonghana.