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

wiosna idzie a Polarny kolejny rok w śniegu

Ostatnie dni mojego braku aktywności gdziekolwiek, szczególnie na tym blogu miały swoje uzasadnienie: zbliżała się dawno zaplanowana data premiery nowego szablonu (nie mojego, ale tworzonego przeze mnie) i prace nad nim musiały być intensywniejsze. Ale już po wszystkim: dziś o 20:21 szablon ruszył.

Do tej pory...

Polarnego Harry'ego czytuję od dawna. Lubię bezpośredniość, poczucie humoru, fantazję słownych skojarzeń i często trafność wniosków w jego tekstach. Nie zawsze się zgadzam z tym co pisze, ale nie mogę odmówić autorowi bystrości i talentu "krasomówczego" (o ile tak można nazwać słowo pisane). Ale od dawna na jego blogu nie podobała mi się jedna rzecz: jego wygląd :)

Harry Polarny - nicalbonic - stary szablon

Teraz...

To też gdy kilka miesięcy temu Harry zapytał, czy nie mogę mu zrobić nowego szablonu, zgodziłem się.
We wstępnych dyskusjach wymagania z jednej strony były duże

"...zmienić szablon bloga na taki zbliżony swym wyglądem do szablonu twoich eksperymentów jeżeli chodzi o przenikanie barw i zaokrąglenia i przenikania szpalt i wpodobnej jak on kolorystyce..."
a z drugiej dość konserwatywne
"...aby został ten sam układ bloga, taka sama szerokość szpalty, czcionka do pisania, bez gadżetów oprócz zwijanego kalendarza...".
Na drodze kolejnych rozmów wyklarowała się koncepcja, którą określiłbym tak: to nie zupełnie nowy szablon, to tylko duży face-lifting poprzedniego. Tak czy inaczej z finalnego efektu zadowoleni jesteśmy obaj:

Harry Polarny - nicalbonic - nowy szablon, nowe futro

Technicznie...

Jeśli kogoś to interesuje to podaję kilka szczegółów technicznych:

  • szablon oparty o bloxowe Connections
  • cała grafika wykonana w GIMPie:
    • klikalny nagłówek z miśkami (Harry & Mr.Polarny to dwa "nickowe" wcielenia autora), wkomponowanym tytułem bloga i małym "kwiatkiem do kożucha" ;)
    • notki z gradientem w tle i zaokrąglonymi rogami (to musiałem zrobić pewnym trickiem)
    • zaokrąglone grafiki do folderów zakładek w wąskiej szpalcie
    • ikonka RSS z efektem hover (niestety ruchoma w zależności od szerokości strony)
    • favikonka
    • nie miałem tylko pomysłu na stopkę bloga (a tak BTW podoba mi się stopka i cały dół na tym blogu)
  • wszystkie widżety javascript ujęte w jednym skrypcie:
  • więcej w tej chwili nie pamiętam...

Nie bez przyczyny...

A to wszystko z okazji drugiej - okrągłej - rocznicy Polarnego blogowania. Życzę autorowi wytrwałości mimo znanych niejednemu blogerowi chwil zwątpienia i chęci rzucenia wszystkiego w diabły. Znanych również mi :)

del.icio.us icon, , , , , ,
czwartek, 20 marca 2008, sgk

Polecane wpisy

  • usunięcie pomarańczowej "belki promocyjnej" bloxa

    Dziś rano na moich blogach zaskoczył mnie ( i nie tylko mnie ) taki widok: Nie mam pojęcia co to za pomysł, bo zapowiedzi administratorów nigdzie nie widziałem.

  • permalinki do komentarzy na blox.pl (user.js)

    W czasie gdy debergerac udoskonala swój skrypt do awatarów osób komentujących na blox.pl (ostatnio dodał awatary z blip.pl ) ja postanowiłem zająć się czymś, c

  • takie prace warto propagować

    Mimo, że kilka dni temu zrobiłem już o tym wzmiankę w minizapiskach , ale wciąż jestem pod wielkim wrażeniem graficznej doskonałości nowego projektu SenTineLa

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Komentarze
2008/03/20 23:07:39
Notki z zaokrąglonymi rogami mnie zainteresowały i to bardzo! Kawał dobrej roboty:)
-
harry122
2008/03/20 23:13:45
No to ja będe pierwszy skoro o mnie gadają.
No to wylelim My se Panie po wiaderku lukru :)). Jednak to Twoja praca i tobie należą się ukłony, ja tylko z wrodzonym brakiem wdzięku będę nosił ten kożuch szyty na miarę mimo iż kwiatka sam projektowałem ;)
Chcialem na koniec dodać, że ta pierwsza wersja tak tragicznie wyglądała w Firefoxie :), bo w IE mimo iż wiekowa wyglądała w miarę rozsądnie, oczywiście w mojej mierze. Mam jedynie nadzieję, że moje marudzenie i Twoje pomysły przyniosą komuś jeszcze pożytek.
-
harry122
2008/03/20 23:15:12
kurde też nie byłem pierwszy, ale to przez coś co mi w trakcie pisania kasowalo komentarz :)) sam nawet nie wiem co za komplet przycisków mi się wciskał, że dawał taki efekt :))
-
sgk
2008/03/20 23:22:24
@daria
Dzięki za dobre słowo ;)
Po Świętach opiszę ten trick z zaokrągleniami notek.

@harry
No tośmy kwita - i z ilością słodu i z nie byciem pierwszym komentującym ;)
No i Twój kożuch to i Twój kwiatek, teraz to wygląda nawet fajnie.
Ja z tej pracy mam sporo korzyści, bo wpadłem na dwa fajne, zastosowane w szablonie pomysły, Ty masz korzyści bo masz szablon to ktoś inny też może jakoś skorzysta...
-
rkdeey
2008/03/20 23:39:16
Tak jak mówiłem, zaglądam i podziwiam :) Możesz mówić, że to tylko facelifting, ale masa pracy tak czy inaczej została w to włożona. I co najważniejsze z dobrym skutkiem :)
-
kate_mac
2008/03/21 22:27:56
to że Polarnemu potrzebny był face-lifting - co do tego nie było wątpliwości ;)

fajnie nadałeś rytm temu chaosowi na prawo od treści bloga; świetny jest też nagłówek - obawiałam się o te dwa miśki i chociaż czcionka tego "kwiatka" nie jest za fajna to mimo wszystko całkiem przyzwoicie wygląda i nadaje indywidualny charakter; nie lubię dużej pogrubionej Verdany do tego jeszcze wielkimi literami więc to bym zapisała na minus; fajny pomysł z IPT; podkreśla to co najistotniejsze (komentarze) i odwraca uwagę od mniej istotnych (godzina)
zaokrąglone rogi notek to rzeczywiście ciekawy pomysł (oczywiście nie oparłam sie i zajrzałam do CSS i już wiem, że to JS - sprytnie, czasami rzeczywiście brak selektorów)

Mogłabym tak jeszcze długo ale skończę i podsumowując powiem, że mimo iż nazywasz to face-liftingiem to jest to zupełnie nowy wygląd który jedynie nawiązuje do tego co było charakterystyczne w poprzednim "szablonie" (np. niebieskiego koloru notek który podobał mi się bardzo)
Niezłe te Nowe Gacie Polarnego :D
-
stl
2008/03/22 21:49:32
Szablon nie do końca w moich klimatach (poza tym wiadomo, miałeś pewne ograniczenia), tak więc od siebie dodam tylko małą radę. W Operze trochę rzuca się w oczy tytuł bloga (kłania się ignorowanie font-size: 0), proponuję:

overflow: hidden;
text-indent: -100px;
-
tierralatina
2008/03/22 21:55:16
Szkoda, ze nic nie rozumiem z tych Twoich technicznych objasnien... :( Ale tak ten moj model juz ma... :)
-
2008/03/23 13:50:47
Łał! Wyrażam pełen zachwyt :)
pzdr
-
sgk
2008/03/25 14:49:46
@rkdeey
Fakt - pracy trochę zostało włożone, ale było warto.

@kate_mac
Czekałem kiedy zajrzysz, ale tak szczegółowego komentarza się nie spodziewałem ;)
Od nagłówka wszystko się zaczęło, to był najciekawszy etap prac i to on narzucił styl pozostałym elementom (zwłaszcza zaokrąglenie). "Kwiatek" był naprawdę "kwiatkiem" ale udało się go nawet dopasować ;)
Masz na myśli pogrubioną Verdanę w tytułach notek?
Z IPT jest niestety pewien problem w IE i kto wie, czy nie trzeba będzie go przerobić na bardziej standardową wersję.

No i trick z zaokrągleniami notek - niestety bez JS byłby niemożliwy. No chyba, że uda się poprosić administratorów o dodanie selektorów przed wpisami, co mam zamiar zrobić. Jak się nie uda, to opiszę trick z JSem.

Podsumowując - wstępnym założeniem było właśnie zachowanie pewnego charakteru pierwowzoru i nam (autorom) też się wydaje, że warunek został spełniony.

@stl
Fakt, o "uniwersalności klimatów" nie ma co dyskutować, każdy widzi to po swojemu. A za operową radę dziękuję - poprawię to (szczerze mówiąc nie testowałem takich szczegółów w Operze, która zazwyczaj dobrze reaguje na moje zmiany w bloxach, nie to co IE...).

@tierralatina
No to pytaj, jeśli zaintrygowało Cię coś, czego (być może) nie rozumiesz - spróbuję wprowadzić drobne konstrukcyjne poprawki do "Twojego modelu" :)

@dorotus76
I to się nazywa emocjonalna reakcja! Dzięki :)
-
2008/03/25 20:43:54
Siemka
Mam pytanie jak zrobić coś takiego jak twoje mini zapiski prosze o kontakt. gg 9858031
-
2008/04/02 17:36:12
Szablon super! Mam Operę i w niej wszystko idealnie wygląda. Nagłówek jest świetny. Zarówno treść jak i pomysł na wykonanie. Nic nie zmieniać. Verdana choć pogrubiona wygląda tu lekko, bo leży na przezroczystym tle. Verdana w zalezności od wielkości czcionki prezentuje się lepiej lub gorzej, ta w nagłówku jet ok. Mniej podoba mi się w tytule notki, trochę bym ją odchudziła, ale to rzecz gustu. Szkoda, że na Bloxie zaokrągleń nie można robić poprzez odpowiedni wpis w css. Z niecierpliwością czekam na Twoją notkę z opisem metody:)
bloxowe porady

RSS


dodaj do netvibes

Add to Google


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