Blog Szara Myszka - Fake IE infobar - jak zobić taki pasek?

Spis treści

Ostatnio nieco zaniedbałem bloga, ale już postaram się to nadrobić. Dziś chciałem zaprezentować wam jak podrobić taki pasek który możemy zauważyć w przeglądarce Internet Explorer. Nie jest to trudne. Trochę CSS i mamy

Co to jest ten infobar?

Jest to pasek informacyjny wprowadzony w Internet Explorer 6 SP2 w celu informowania o zablokowanych kontrolkach ActiveX i oknach pop-up. Przygotowaliśmy kod (działający też na starszych wersjach IE), który wyświetli taki pasek w celu informowania o stronach WWW, których Internet Explorer nie potrafi poprawnie wyświetlić.

Taki tekst możemy przeczytać na stronie kampanii BrowserHappy.pl. Oni proponują swój pasek informacyjny, a ja przedstawię mój sposób

Co i jak?

Pasek widzicie u góry strony. A jak go zrobić? Proszę oto kod CSS jaki musimy umieścić na stronie:

<style type="text/css">
#infobar {font: message-box;position:absolute;top:0;left:0;width:100%;height:30px;z-index:999;}
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
{display: block;color: #000;width:100%;
background: #FFFFE1 url(/adres/obrazka/information.png)
no-repeat fixed .3em .3em;border-bottom: .16em outset;text-decoration: none;cursor: default;}
#infobar a:hover {color: #FFF;background:
#3169B6 url(/screen/inne/information.png) no-repeat fixed .3em .3em;}
#infobar p{margin:0px; padding: .45em 0em .45em 22px; font-size:11px;}
</style>

Oraz coś takiego jako kod tego paska:

<div id="infobar"><a href="http://adresodnosnika"> Spreparowany tekst</a></div>

No i mamy ładny pasek Oczywiście przykład możecie zobaczyć u mnie na stronie. Teraz przewińcie na górę

To jest spreparowany tekst...

Blog - Szara Myszka

Fake IE infobar - jak zobić taki pasek?

Spis treści

Co to jest ten infobar?

Co i jak?

Zobacz również

Nic nie pasuje? Polecam użyć wyszukiwarki na górze strony.

Wróć

Komentarze

Dodaj komentarz