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

październik 1, 2007 by precelik
kategoria: Przykłady (case-studies) 

Czy się śpi, czy się leży kilka tysięcy złotych z internetu się należy... Zasady Pasywnego E-biznesu mój nowy kurs - trwają zapisy!


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"

Komentarze i opinie

10 Komentujących to “Robimy baner zakładkę :) - baner w rogu”

  1. sagittariuspl (10) on październik 1st, 2007 6:31 po południu
    4Avatars v0.3.1

    to czekamy jeszcze na CTR takiego rozwiązania

  2. precelik (266) on październik 1st, 2007 6:41 po południu
    4Avatars v0.3.1

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

  3. tst (2) on październik 2nd, 2007 9:10 przed południem
    4Avatars v0.3.1

    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 (6) on październik 2nd, 2007 9:22 przed południem
    4Avatars v0.3.1

    “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 (266) on październik 2nd, 2007 9:31 przed południem
    4Avatars v0.3.1

    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 (266) on październik 2nd, 2007 9:32 przed południem
    4Avatars v0.3.1

    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 (2) on październik 2nd, 2007 10:37 przed południem
    4Avatars v0.3.1

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

  8. Wilk (6) on październik 2nd, 2007 11:36 przed południem
    4Avatars v0.3.1

    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 (5) on październik 2nd, 2007 9:49 po południu
    4Avatars v0.3.1

    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. :P

  10. Adam (30) on lipiec 29th, 2009 11:49 po południu
    4Avatars v0.3.1

    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.

Przeczytaj, pomyśl i napisz komentarz - dzięki.





Śledź komentarze do tego wpisu w kanale RSS

Czytaj regularnie i komentuj tego bloga, po umieszczeniu 7-dmiu komentarzy, linki do Twojej strony umieszczone przy komentarzach będą wolne od atrybutów nofollow.

Aby być na bieżąco z tym co się dzieje na blogu subskrybuj kanał RSS (co to jest RSS?)