Całkiem nowy szablon, czyli redesign

Bez zbędnego przedłużania i przynudzania. Jako, iż kilka dni temu ilość komentarzy przekroczyła magiczną liczbę 5000 postanowiłem zrobić prezent dla czytelników tego bloga. Pojawił się tu nowy design, który wykonał Zergall (them wCute mogę udostępnić).

Zaczynałem od bardzo jasnych kolorów, ostatnio pojawił się tu design w ciemnej tonacji z kolorowymi elementami, natomiast teraz myślę że udało się to odpowiednio wyważyć.

Do korekty pozostało jeszcze kilka rzeczy. Za wszelkie uwagi, albo wykrycie ewentualnych błędów będę bardzo wdzięczny. Osobiście praca Krzysztofa bardzo mi się podoba.

30 stycznia 2010 @ 19:40 Blog Trackback

Chcesz się tu zareklamować? To nic prostszego, wystarczy że skorzystasz z AdTaily.
Możesz dodać komentarz do tego wpisu, albo przeczytaj jeden z poprzednich tekstów:

Komentarze do wpisu (RSS):

1. cinek: 30 stycznia 2010 @ 19:42

Tak tu...dziwnie ;]

2. Custom: 30 stycznia 2010 @ 19:42

Zawsze bardzo ceniłem Twój blog. Teraz będę go cenił jeszcze bardziej, bo profesjonalizmu w nim nie brakuje.

Ładny szablon .

bartekmp: 30 stycznia 2010 @ 19:44

Cieszy oko, bardziej przejrzysty od poprzedniego, ale czcionkę też mogłeś zmienić na jakąś clear type'ową :)

Paolo: 30 stycznia 2010 @ 19:45

@cinek: mi również ciężko przywyknąć. Czuję się na razie jak gdyby nie u siebie.

@Custom: nie przesadzajmy, choć teraz planuję bardziej techniczne wpisy.

@bartekmp: no właśnie to jest do zmiany, a do tego odstępy między akapitami i chyba jeszcze wcięcia.

5. Custom: 30 stycznia 2010 @ 19:47

No właśnie. Masz ładniejszy szablon, więc poprzeczka także idzie w górę.

IT-Centre: 30 stycznia 2010 @ 19:51

Czcionkę zmień. Cała reszta jak najbardziej pozytywnie ;]

PS. Widzę, że użytkowników Opery nie szanujesz...

Paolo: 30 stycznia 2010 @ 19:57

Nie tyle nie szanuję, co Opera nie potrafi dostosować się do ogólnie przyjętych standardów lub inaczej Opera nie trawi niektórych funkcji przeglądarki Mozilli.

Jeśli chodzi o zaokrąglenia to myślę, że aż tragicznie bez tego szablon nie wygląda (pod Operą) ;-)

Grzegorz: 30 stycznia 2010 @ 20:04

Szablon na 5+, naprawdę dużo czytelniejszy niż poprzedni (bez zbędnych bajerów). Powiedz, co trzeba zrobić, aby Zergall taki zrobił? :D

Paolo: 30 stycznia 2010 @ 20:06

Grzegorz ta czcionka mi się nie widzi, chociaż jak tak dłużej tu siedzę to dlaczego ma nie pozostać?

A co trzeba zrobić? Przede wszystkim mu nie przeszkadzać, gdy pracuje i skontaktować się ;) Reszta to kwestia uzgodnienia.

10.

Grzegorz: 30 stycznia 2010 @ 20:09

Chyba się skontaktuję, bo trzeci tydzień męczę się z własnym szablonem.

Nie wiem, jak z czcionką u innych, ale u mnie Verdana zawsze wygląda OK.

11. Piotr Mitura: 30 stycznia 2010 @ 20:11

Design bloga zyskał bardziej "techniczny" wyraz. Moim zdaniem lepiej pasuje niż poprzedni do tematyki która poruszasz! Podsumowując: ładnie i elegancko!

12.

Paolo: 30 stycznia 2010 @ 20:15

Zmieniłem odstępy między akapitami na padding-bottom: 10px; - powinno być dobrze, a jeśli coś wykryjecie ponadto to śmiało dajcie znać.

@Piotr: jestem też zadowolony z efektu, bo i znalazło się w końcu miejsce na rzeczy, które chciałem (o wielbionych przeze mnie ikonach nie wspomnę). Taką rzeczą jest między innymi pole do subskrypcji e-mailowej via FeedBurner.

13.

Grzegorz: 30 stycznia 2010 @ 20:20

A propos, masz b. mało subskrybentów. Bez przechwałek, ale u mnie idzie w setkach ;) a myślę, że mam mniej popularną tematykę.

14.

Paolo: 30 stycznia 2010 @ 20:22

Tak, wiem. Wpłynęło na to kilka czynników: licznik FeedBurner był wcześniej bardzo skryty, bo widoczny dopiero pod każdym wpisem. Poza tym większość subskrybentów śledzi mnie za pomocą Google Reader - statystyki i moje domniemania wskazują, iż jest to około 350/400 osób.

Mam nadzieję Grzegorz, że teraz dzięki tej sekcji RSS to nieco ruszy :P

15.

Grzegorz: 30 stycznia 2010 @ 20:24

Dla statystyk nie ma znaczenia z jakiego czytnika korzystają subskrybenci, czy jest to Google Reader czy cokolwiek innego, są odnotowywani.

16. Custom: 30 stycznia 2010 @ 20:30

Grzegorz ma rację, lecz nie do końca.

Załóżmy, że RSS Joggera jest podpięty pod RSS Feedburnera. Część czyta poprzez pierwszy kanał, część poprzez drugi. I niestety nie wszyscy z tej pierwszej części są zliczani.
Aby licznik feedburnera działał w 100% poprawnie trzeba pokazywać ludziom tylko link do RSS od Feedburnera.

I widzę, że Paolo teraz tak robi ;))

17.

Paolo: 30 stycznia 2010 @ 20:32

Ogólnie to wolałbym/widziałbym/mam takie marzenie (niepotrzebne skreślić) ażeby Jogger zliczał wszystkich subskrybentów niezależnie od tego, z czego korzystają choć to chyba nie jest technicznie możliwe.

18.

Grzegorz: 30 stycznia 2010 @ 20:34

Custom: To chyba jasne, że FeedBurner zlicza tylko czytelników "własnego" kanału, a nie oryginalnego kanału dostarczanego przez platformę blogową. Napisałem, że czytnik nie ma tu żadnego znaczenia, bo Paolo napisał, że "większość subskrybentów śledzi" go "za pomocą Google Reader".

19. Custom: 30 stycznia 2010 @ 20:39

Nie zrozumiałem Cię do końca ;P Już ok.

20.

Ktos: 30 stycznia 2010 @ 20:44

O, całkiem ładnie. Ale jakieś takie nagle znacznie zimniejsze barwy ;-)

21.

Paolo: 30 stycznia 2010 @ 20:46

Marcin przy moim astygmatyzmie ciemniejsze barwy wydają się być bardziej odpowiednie, ale z założenia szablon miał być utrzymany w jasnej tonacji (bez przesadzania - tu odniesienie do szablonu Fusion).

22. albatros: 30 stycznia 2010 @ 21:01

Wow, trochę potrwa zanim się przyzwyczaję ;)

Pod Operą wszystko dobrze wygląda :)

pozdrawiam

23.

Arek F.: 30 stycznia 2010 @ 21:09

Emotki coś nie banglają :) ;) :P :D

24.

JNK: 30 stycznia 2010 @ 21:15

Czcionka ok, ja osobiście używam Arial, bo lubię mieć dużą czytelną czcionkę i myślę, że źle ona nie wygląda na moim blogu. Jeśli chodzi o twój nowy szablon to zmieniłbym ikonki u góry (dom itp.)na większe i zrobił trochę ciekawsze logo, więcej kolorów, bo szczerze nagłówek trochę nudny jest. Jeśli chodzi o sekcje RSS, to dużo osób pewnie nie wie, że w tym formularzu trzeba wpisać swój e-mail (nie jest to zaznaczone). Jeszcze footer jakiś taki wydłużony, tak po zatym to ten szablon lepiej pasuje do tematyki bloga, tamten był mniej profesjonalny. Nowy szablon jest wzorowany na Wordpress'owskim czy całkiem od nowa zbudowany?

25.

Paolo: 30 stycznia 2010 @ 21:18

@Arek: nie będzie, bo i po co?

@JNK: logo bardziej skomplikowane na samym początku było, ale wolałem jakieś mniej "inwazyjne" i prezentujące rzecz najważniejszą, czyli adres bloga. Ikonki są jak dla mnie ok, bo też niezbyt muszą przyciągać uwagę. Chodzi o treść ;-) Ale dzięki, możliwe że wprowadzę te uwagi w życie.

26.

JNK: 30 stycznia 2010 @ 21:20

Jest możliwe w Joggerze dać na pasku bocznym "Ostatnie komentarze" (najlepiej z gravatarem bądź z faviconką)?

27.

Paolo: 30 stycznia 2010 @ 21:21

Z gravatarem to ciężko będzie, a ostatnie komentarze można chyba przez RSS zrobić (na blogu BTM możesz zobaczyć jak to wygląda).

PS. Pole na mail zrobione ;-)

28.

Grzegorz: 30 stycznia 2010 @ 21:22

JNK i Paolo: Nie da się (bo pod Wordpresem to działa nie tylko do ostatniej notki, a do wszystkich), ale to średnio użyteczna funkcjonalność.

29.

JNK: 30 stycznia 2010 @ 21:23

Jest jakiś tag na te komentarze? Piszą o tym w wiki.jogger?

30.

Arek F.: 30 stycznia 2010 @ 21:25

Tyle że masz włączone emoty i próbują się wyświetlać, a nie masz ich wgranych.

31.

Paolo: 30 stycznia 2010 @ 21:29

Usunięte, spasiba.

32.

Paolo: 30 stycznia 2010 @ 21:37

Która czcionka lepsza wg. Was - poprzednia, czy obecna?

33.

JNK: 30 stycznia 2010 @ 21:42

Poprzednia zdecydowanie.

34.

JNK: 30 stycznia 2010 @ 21:48

Nie chcę być upierdliwy, ale zawsze się denerwuje, gdy widzę na polskich stronach angielskie słówka (patrz: Home, zmień np. na Start)

35.

Paolo: 30 stycznia 2010 @ 21:52

Poszło, coś jeszcze? Zmieniłem odstępy pomiędzy nagłówkiem, a treścią wpisu. Czcionki stare zostały.

36.

zx: 30 stycznia 2010 @ 21:54

Bardzo okej, pasuje do tematyki. Odsunąłbym tylko delikadtnie tekst od ikonek w sidebarze. Z jakieś 2 px.

37.

JNK: 30 stycznia 2010 @ 21:55

Hmm, pomyślę i dam Ci znać :)

38.

Paolo: 30 stycznia 2010 @ 21:57

@zx: poszło.

39.

bobiko: 30 stycznia 2010 @ 22:01

No to teraz pojechałeś :D musze coś nowego u siebie sklecić ;-)

40.

Paolo: 30 stycznia 2010 @ 22:01

Kuba w sensie, że na wstecznym, czy dwójce? ;>

41.

JNK: 30 stycznia 2010 @ 22:03

Dobra ostatnie: zlikwidował bym te podkreślenia pod linkami. Chyba, że są one teraz w modzie...

42.

bobiko: 30 stycznia 2010 @ 22:03

dwója na tylną ość ;-) u mnie przydałaby się inna paleta kolorów. może coś wiosennego ;-)

43.

Minio: 30 stycznia 2010 @ 22:04

Po kliknięciu w wyszukiwajkę na górze ten napis „Wpisz szukaną frazę i naciśnij szukaj” nie znika — a mógłby.

Jak chcesz to sobie podpatrz jak to u mnie jest rozwiązane — znajdziesz to w funkcji init pod koniec pliku JS.

44.

zx: 30 stycznia 2010 @ 22:04

JNK: Są w dobrym guście (w sensie usability).

45.

Paolo: 30 stycznia 2010 @ 22:05

@Minio: uporczywie chciałem tam w ogóle jakiś tekst przy kodzeniu - może lepiej w ogóle wywalić?

46.

bobiko: 30 stycznia 2010 @ 22:06

@minio - btw. przesadziłeś z tym wejściowym efektem.

47.

Minio: 30 stycznia 2010 @ 22:08

Ja myślę że może sobie być. Pozwala łatwo zidentyfikować do czego ten element służy. Tylko to powinno automatycznie znikać po kliknięciu na pole tekstowe — to naprawdę banalna funkcjonalność do napisania.

Teraz widzę że (w Operze) przyciski „przestań śledzić” i „Dodaj komentarz” pod formularzem wydają się na siebie nachodzić. Jakiś odstęp by się przydał.

Poza tym — ale tutaj to już kwestia tylko mojego gustu — przyciski powinny zmieniać kursor myszy na „łapkę” znaną z linków.

48. Zergall: 30 stycznia 2010 @ 22:09

Paolo zepsuł, ja zrobiłem tak, że tekst znikał. ;)

49.

Paolo: 30 stycznia 2010 @ 22:11

Od razu zepsuł... już działa :P

50.

Voter101: 30 stycznia 2010 @ 23:32

Jak już ci wspominałem boczne menu trochę za szerokie. Menu górne jakieś takieś, nie teges. Stopka wygląda dziwacznie, przez te rozjaśnienie, które obejmuje część obszaru, a to sprawia wrażenie niedorobionego w moich oczach.

Ale ogólnie przejrzyściej, prościej. Do tematyki bloga pasuje lepiej od poprzednio, ale tamten szablon był ładniejszy.

51.

Paolo: 30 stycznia 2010 @ 23:39

Zależało mi również na szybkości działania bloga, ponieważ ostatnio wiele osób narzekało i tak pozbyłem się m.in. skryptu od Blipa, Flakera i zbędnych statystyk.

52.

Bzyk: 30 stycznia 2010 @ 23:46

Ładnie, naprawdę ładnie :)
Nowy wygląd zdecydowanie prezentuje się profesjonalniej od poprzedniego. Tak bardzo mi się spodobało, że aż sobie zrobiłem na kartce Mockup tego co by mi się podobało na moim :) Może za jakiś czas, po sesji uda mi się wcielić to w życie.

Bardzo świeżo się zrobiło:)

53.

Paolo: 30 stycznia 2010 @ 23:49

Bzyx jak już jesteś: te "Popularne wpisy" u siebie zrobiłeś jakoś za pomocą FeedBurner'a i Google Readera? Czytałem gdzieś właśnie o takim sposobie na takie rozwiązanie właśnie ja Joggerze.

54.

Bzyk: 31 stycznia 2010 @ 00:31

Niestety ja zrobiłem to w trochę mniej profesjonalny sposób, po prostu poczytałem to i tamto z statystyk, przygotowałem statyczny plik w HTMLu który includuje do szablonu... i co jakiś czas uaktualniam. Niestety nie znam "lepszej" metody na Joggera.

A co do FeedBurner'a to chyba chodzi Ci o skrypt podobnych wpisów taki jak ma np. kosa. To jest oparte na RSSie i JS.

55.

Zergall: 31 stycznia 2010 @ 01:18

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;

Pisanie czegoś takiego to sama przyjemność. ;)

56.

pim: 31 stycznia 2010 @ 09:17

Mało przyjaźnie się zrobiło. Zimno. Takie redesigny to powinieneś w lecie robić, na ochłodę, a nie w zimie :P

57.

Paolo: 31 stycznia 2010 @ 10:58

Przecież nikt nie powiedział, że na lato znowu nie będzie czegoś nowego ;]

58. M@ster: 02 lutego 2010 @ 20:20

Pytanie za 100pnk, jak pozbyłeś się górnej etykiety w AdTaily? Próbowałem już wpisać np: otwarcie i zamknięcie znacznika SPAN ale i tak zostawało puste miejsce, u Ciebie zdaje się tego nie ma, HOW? :)

59.

Paolo: 02 lutego 2010 @ 20:22

Śmiało zaglądaj w CSS - nie tylko pozbyłem się tytułu widgeta, ale i sprawiłem że jest przezroczysty od A do Z.

Kod CSS ;)

60.

bobiko: 02 lutego 2010 @ 20:29

Ano. !important dobrze nam robi ;-)

61. M@ster: 02 lutego 2010 @ 20:29

Aj, faktycznie, nie wpadłem na to żeby podejrzeć co ten ich widget "wprintowywuje" w stronę i to ostylować - dzięki wielkie.

62.

Paolo: 02 lutego 2010 @ 20:32

Szkoda natomiast, że trzeba wręcz wpychać dwa boksy obok siebie, a widget sam tego nie robi (przynajmniej w 3 moich szablonach nigdy się tak nie stało). Cóż div, bo div ale gra ;]

63. M@ster: 02 lutego 2010 @ 20:34

Nie bardzo rozumiem co masz na myśli :| jakie 2 boxy?

64.

Paolo: 02 lutego 2010 @ 20:37

Chodzi mi o wyświetlanie dwóch reklam, pod spodem kolejnych dwie i jeśli ktoś chce to jeszcze dwóch. Domyślne w tym szablonie było tak, że reklamy były wyświetlane jedna pod drugą, a chyba lepiej zaoszczędzić sporo miejsca ;>

65. M@ster: 02 lutego 2010 @ 20:43

A to nie jest tak że się boxy same się układają poziomo jeśli mają miejsce?

Btw. Ta captcha jest denerwująca, już 2x zapomniałem jej wpisać i posta straciłem straciłem ;)

66.

Paolo: 02 lutego 2010 @ 20:45

Powinno tak być i zwykle tak jest. Niestety w moim przypadku jak sam widzisz spokojnie drugi box obok się zmieści, a widget i tak wie swoje, umieszczając reklamy jedna pod drugą. Na całe szczęście i to można rozwiązać w kilkanaście sekund.

Co do captchy - musi być, bo ani ja, ani serwer Joggera nie chcemy tu ataków wściekłych internautów :P

67.

bobiko: 02 lutego 2010 @ 20:45

@paolo zmieniłeś kolor w captcha ? :D

68.

Paolo: 02 lutego 2010 @ 20:46

Tak, bardziej pasuje chyba pod szablo nieprawdaż? Za sekundę zmienię czcionkę, bo rzeczywiście są pewne problemy z jej odczytem.

69. M@ster: 02 lutego 2010 @ 20:46

Optycznie to by i się dwa zmieścił, ale uwzględniając marginesy wew. widgetu to już niekoniecznie :)

70.

Paolo: 02 lutego 2010 @ 20:48

Mówiąc dokładniej - widget od AdTaily robi sobie mniej więcej 3-4 px przerwę pomiędzy każdą reklamą (w przypadku, jeśli te domyślnie są obok siebie).

Napisz swój komentarz:

Jako autor zastrzegam sobie prawo do przeredagowania lub usuwania komentarzy w przypadku, gdy zawierają słowa powszechnie uznane za obraźliwe oraz nie dotyczą tematyki związanej z wpisem. Formatowanie za pomocą HTML nie działa, gdyż włączone jest Markdown! Serwis przechowuje adresy IP - możesz skorzystać z proxy.