8 porad jak upiększyć swój miniblog

Od jakiegoś czasu korzystam z serwisu Pinger. Miniblogowanie jest zupełnie inną formą od blogowania klasycznego. Na blogu trochę wstyd napisać jedno przemyślenie albo rzucić jakiś krótki tekst. Miniblog służy mi jako notatnik moich przemyśleń i pomysłów, ale też do kontaktowania się z ludźmi, którzy interesują się podobnymi tematami jak ja. No i padło na Pingera i tak już ostatnio się zakochałem w tym serwisie, że postanowiłem upiększyć mojego minibloga.
W związku z tym i wbrew radom Pawła umieściłem trochę wskazówek na miniblogu jak upiększyć go. Teraz zbieram tutaj w tym poście te wszystkie informacje. Modyfikacji styli bloga można dokonać przez Ustawienia -> Wygląd minibloga -> Własne Style. Tam też jest małe okienko gdzie można podać własne CSSy. Ponieważ nie każdy musi znać CSS podaję poniżej parę przepisów jak zmienić ciekawsze elementy minibloga. Zachęcam do eksperymentowania – Pinger sprawdza poprawność tego co tam się wpisze w związku z czym są bardzo małe szanse na zepsucie czegokolwiek.

1. Zwiększenie pola ‘Własne Style’

Po pierwsze warto powiększyć okno Własne Style. Żeby to zrobić wpisz w to okno poniższy tekst i zrób zapisz. Ciekawy efekt prawda?

#user-style-content {
width: 490px;
height: 300px;
background: #FFFFFF;
border: 1px solid black
}
div.textarea-bg {
width: 490px;
height: 330px;
background: #FFFFFF
}
div.user-style-set {
width: 510px;
height: 330px;
background: #FFFFFF
}

2. Zwiększenie liczby odwiedzin

Żeby powiększyć tekst liczby wizyt na miniblogu można wkleić taką treść:

#visits {
font-size: 16px;
letter-spacing: 2px
}

3. Zmiana czcionki postów

Poniższy kod zmienia kolor treści wpisów na miniblogu i zmienia wielkość czcionki:

div.message div {
color: #241513;
font-size: 16px;
}

4. Powiększenie czcionki ‘Dodaj komentarz’

Poniższy kod zwiększa tekst napisu “Dodaj komentarz”:

a.comm {
font-size: 18px;
}

5. Zmniejszenie czcionki autora

Ten kod zmniejsza czcionkę autora zaraz przed każdym tytułem wpisu:

a.author_new {
font-size: 10px;
font-weight: normal
}
p.news-title {
font-size: 10px
}

Co ciekawe tutaj trzeba była dodać p.news-title, bo dwukropek nie jest opakowany przez tag author_new.

6. Zmiana czcionki tytułu wpisu

Poniższy kod zwiększa czcionkę tytułu postu, zmienia kolor i pogrubia tekst:

a.msg-title {
color: #345434;
font-size: 22px;
font-weight: bold
}

7. Zmiana tła panelu nagłówkowego

Ten kod zmienia tło ramki z nazwą autora, ostatnimi odwiedzającymi itd. czyli tego panelu nagłówkowego:

div.profil-info {
background: #FFFFFF
}

8. Zmiana tła minibloga

I na koniec zmiana tła strony:

body {
background: #FFFFFF;
}

Dla niewtajemniczonych : #FFFFFF to przykład oznaczenia koloru w języku HTML. Gotową kolorową tabelę z kolorami i ich oznaczeniami można znaleźć tutaj.

Powyższe kody można ze sobą łączyć i modyfikować.

Zachęcam wszystkich do urozmaicania swoich miniblogów. W miarę możliwości mogę też pisać na blogu inne możliwości zmian, proszę tylko o napisanie zapytania w komentarzach.