eksperymenty z internetem, blogami, bloxem, javascriptem, firefoxem czy różnymi użytecznymi programami czy narzędziami, tak okołoinformatycznie tudzież okołokomputerowo...
Blog > Komentarze do wpisu

serwis MyBlogLog - dopasowywanie wyglądu widżetu

Jakiś czas temu, pisząc o zakładaniu konta na MyBlogLog obiecałem, że przygotuję wpis o dopasowywaniu wyglądu widżetu do własnej strony. Jako, że na bloxowym forum odzew na moją propozycję był znikomy nie spieszyłem się z pisaniem, mając równolegle inne zajęcia. Ale tamże cito1 przypomniała mi o zobowiązaniu, wobec czego wywiązuję się...
Wygląd widżetu z obrazkami/loginami użytkowników MyBlogLog odwiedzających daną stronę/blog można dość łatwo dopasować do jej wyglądu. Podstawowymi elementami konfiguracyjnymi są parametry wygenerowanegu kodu, które opiszę na podstawie własnego (w kwadratowych nawiasach moje wartości). Można je zmieniać wg własnych potrzeb w dowolnym momencie.
Wystarczy odnaleźć w kodzie javascript widżetu odpowiednie parametry i zmienić ich wartość według własnego uznania. Alternatywą jest korzystanie z kreatora dostępnego bezpośrednio w profilu własnego bloga na MBL, pod przyciskiem Get Widgets / Get This Widget

  • c_width [=220] - szerokość (w px) ramki z wizerunkami odwiedzających, na bloxie zależna od szerokości wąskiej szpalty

  • c_sn_opt [=n] - czy pokazywać nazwy użytkowników; y - oznacza, że tak; n - nie, czyli pokazywane są same awatary

  • c_rows [=5] - ilość wierszy wypełnianych przez skrypt; w przypadku, gdy pokazywane są nazwy użytkowników oznacza to w praktyce ilość pokazywanych awatarów z opisem; gdy nie używamy opisu loginów, oznacza to ilość wierszy ze zdjęciami, a w pojedyńczym wierszu może się ich zmieścić dużo, w zależności od rozmiaru zdjęcia i szerokości obiektu (jak tutaj)

  • c_img_size [=f] - rozmiar pokazywanych zdjęć/awatarów; może być f - normalny, h - połowę mniejszy, co może mieć wpływ na ich pokazywaną ilość

  • c_heading_text [=] - tekst w nagłówku; ja nie używam żadnego (bo wstawiłem go przed osadzonymi obiektem), gdyż nie ma na razie obsługi polskich znaków

  • c_color_heading_bg [=ffffff] - kolor tła nagłówka oraz ramki obiektu "Recent Readers"

  • c_color_heading [=ffffff] - kolor treści nagłówka i stopki

  • c_color_link_bg [=ffffff] - kolor tła dla osadzonych zdjęć/nazw użytkowników

  • c_color_link [=9999ff] - kolor opisu użytkownika (linku do jego profilu)

  • c_color_bottom_bg [=ffffff] - kolor stopki obiektu

Wszystkie kolory podane są w notacji szesnastkowej, bez "#" charakterystycznego dla atrybutów CSS. W ten dość prosty sposób można zintegrować wygląd gadżetu z całą stroną.

Jeśli ten sposób jest niewystarczający, to można poeksperymentować z CSSem. Poniżej załączam przykład kodu XHTML i sposobu dopasowywania do niego stylów. Ale to raczej sposób dla znawców tematu.
UWAGA: poniższe kody nie służą do wklejania do własnego bloga, a jedynie są przykładem jak w dodatkowy sposób można zmienić wygląd obiektu "Recent Readers".

sobota, 20 stycznia 2007, sgk

Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Komentarze
rad-slaw
2007/01/29 19:10:22
nie wiem, czy wśród tych ustawień jest możliwość pokazywania tylko nazw użytkowników, pewnie nie, bo tu awatary są bardzo ważne. Jeśli jednak ktoś mimo tego chciałby mieć na liście tylko nazwy użytkowników, bez awatarów to w css powinien dodać: .mbl_img, .mbl_join_img {display:none; } Oczywiście by z tego skorzystać trzeba mieć ustawioną opcję pokazywania nazw użytkowników.
-
2007/03/12 16:42:45
Dzieki za bardzo informatywny i prosty w odtworzeniu wpis!
pozdrawiam!
bloxowe porady

RSS


dodaj do netvibes

Add to Google


pobierz Spiceworks - darmowe oprogramowanie do zarządzania infrastrukturą IT