Robimy baner zakładkę :) – baner w rogu

Tak się zajawiłem całą akcja otwieramy.pl, że jedyne co zauważyłem, to to że pojawiły się takie banerki – zakładki na wielu stronach. Już je kiedyś widziałem, ale dziś dopiero decydowałem się użyć 🙂 Przeglądając zachodnie strony, można je było już od jakiegoś czasu spotkać – zapewne cieszą się większą skutecznością niż zwykłe banery ;P

Zabieram się więc do roboty.

Na sam początek, potrzebny mi będzie nietypowy, bo przeźroczysty obrazek. Ja takie rzeczy robię w GIMP’pie (darmowy rozbudowany program do tworzenia grafiki).

Po uruchomieniu programu GIMP i utworzeniu nowego pliku, z menu okna, wybieram warstwy i kasuję tło. Tworzę w to miejsce nową przeźroczystą warstwę, która to z kolei przeznaczona jest na moje arcydzieło. Stworzyłem i zapisałem dzieło (o ile można to tak nazwać), rzecz jasna do formatu “.gif” obsługującego przeźroczystość. Wyszło coś takiego:

baner-rog.gif

Teraz mamy kolejny krok, co zrobić, by ten baner wyświetlał się w rogu? Przejrzałem kilka źródeł stron, jak to mają rozwiązane, jak i strony internetowe o tworzeniu stron www. I chyba najprostszym sposobem, jest stworzenie odpowiedniego stylu CSS do hiperłącza 🙂

Przykładowo taki:

style="display: block;height: 200px;width: 200px; position: absolute;left: 0;top: 0;background: url(url do obrazka) no-repeat;text-decoration: none"

This entry was posted on poniedziałek, 1 października, 2007 at 2:59 pm and is filed under Przykłady (case-studies). You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

10 komentarzy to “Robimy baner zakładkę :) – baner w rogu”

  1. sagittariuspl pisze:

    to czekamy jeszcze na CTR takiego rozwiązania

  2. precelik pisze:

    To za jakiś czas 🙂 jak już stali czytelnicy sobie dla testów naklikają 🙂

  3. tst pisze:

    U mnie wszystkie grafiki na Twojej stronie wyciął Ad-Block – filtrem http://*ads*gif . Proponuję zmienić nazwę katalogu uploads na upload albo coś 🙂

  4. Wilk pisze:

    “Po uruchomieniu programu GIMP i utworzeniu nowego pliku, z menu okna, wybieram warstwy i kasuję tło” – mozna od razu utworzyc przezroczyste tlo 🙂

    No i trzeba uwazac na formaty. Odruchowo chcialoby sie uzyc PNG zamiast GIF, ale Internet Exploder robi problemy z obsluga przezroczystych PNG 🙁

  5. precelik pisze:

    Z tym ads to muszę Ci powiedzieć, że standardowo w wordpress’ach grafiki i pliki wgrywane są do tego katalogu 🙂

    Jeżeli chodzi o png, to kiedyś pamiętam miałem jakieś problemy z kolorami, od tamtej pory nie używam 🙂 No i co racja co racje, gif bardziej przyjazny różnym przeglądarkom.

  6. precelik pisze:

    A i dzięki za podpowiedź 🙂 – znalazłem gdzie tą przeźroczystość, rzeczywiście 🙂 są opcje zaawansowane przy tworzeniu nowego pliku. Trzeba tylko listę rozwinąć.

  7. tst pisze:

    Pytanie jest, ile osób nie kliknęło w Twoje banerki tylko dlatego, że ich nie zobaczyło 🙂

  8. Wilk pisze:

    Kolory w PNG są jak najbardziej ok 🙂 I sam format tez jest bardzo przyjazny (przy duzej ogladalnosci serwisu i wielu elementach graficznych przeklada sie to transfer).

  9. Archon pisze:

    Hehe… też mi się spodobała akcja z tym paseczkiem, jak zobaczyłem jaką dużą skuteczność ma ten z Otwieramy.pl. Juz dawnozapomniałem co to baner, lae ten jest całkiem nietypowy i skuteczność, przynajmnije u mnie, jest dobra. Ja używam PhotoShopa do grafiki. Jakoś GIMP mi nie podchodzi. 😛

  10. Adam pisze:

    Mi się zawsze takie banerowe zakładki podobały, fajnie można też zrobić taki jakby zawinięty róg strony i po najechaniu się rozwija – to nurtuje użytkownika – co tam jest pod tym narożnikiem. Tylko, że to już chyba we flashu się robi. Jak na razie się jeszcze ta forma banerów nie “oklepała” więc powinny być skuteczniejsze od standardowych.

Leave a Reply