Projektowanie i inne takie...

Flagcounter to taka fajna zabawka, która pozwala pochwalić się naszym czytelnikom, kto, a właściwie *skąd* ktoś trafił przez przypadek na naszego bloga. Wojwit ustawił go sobie jako sticky post jednak wydaje mi się, że jest to zbyt mało istotna informacja aby waliła po oczach za każdym razem, gdy ktoś do mnie zagląda.

Fajnie by było, gdyby można było umieścić ten element gdzieś z boku. MyOpera nie pozwala jednak na dodawanie własnych custom boksow (a szkoda) ale za to pozwala na edytowanie pliku CSS do konkretnego szablonu. Dziś wykorzystamy to do dodania własnego Flagcounter'a do bocznego paska. A robi się to tak...

Mój Flagcounter wyświetla maksymalnie 6 flag w dwóch kolumnach, więc:

1. przechodzimy do edycji pliku CSS (MyPage -> Account -> Design)
2. podglądając źrodło naszej strony głównej, znajdujemy element, który chcemy wykorzystać do umieszczenia pudełka z flagami. Ja wybrałem ten, który zawiera moje zdjęcie i nazwisko. Znajduje się tam obrazek tła, którego brak nie wpłynie zasadniczo na czytelność bloga. Element Flagcounter składa się z linka i obrazka, będącego odzwierciedleniem miejsc odwiedzin. Linka dodać nie możemy ale obrazek, jako tło elementu, jak najbardziej. No to woogie, boogie! Dopisujemy w Custom CSS

#qp { /* element, w którym umieścimy pudełko z flagami */
padding-top: 90px; /* zrobimy dla niego miejsce, tak aby całość nie schowała się pod zdjęciem.
90 pikseli odpowiada m/w 6 flagom w 2 kolumnach */
background-position: 50% 0; /* ustawiamy tło na środku elementu */
background-repeat: no-repeat; /* nie ma sensu aby obrazek się powtarzał */
background-image: url(http://flagcounter.com/count/dfmE/bg=161616/txt=FFFFFF/border=161616/columns=2/
maxflags=6/viewers=3/labels=1/); /* jako obrazek tła podajemu scieżkę do naszego Flagcountera */
}

3. Zapisz i odśwież stronę główna - Voila!