środa, 16 maja 2012
Chyba muszę się poważnie zabrać za notki o szablonach trzyszpaltowych. Z tego co wiem wszystkie działają tak jak trzeba. Nie jest też raczej problemem to, że używałam bardzo różnych metod na tworzenie trzeciej kolumny - zawsze starałam się choćby wspomnieć jak to jest zrobione. To co w pierwszej kolejności chcę zrobić z trzyszpaltowcami o ujednolicić identyfikatory i klasy jakimi je opisuję. I tyle tytułem wstępu zupełnie nie na temat. Pora na szablon.
Szablon 08 Glossy, czerwony, Szablon jest z jednej strony oszczędny wyglądowo a z drugiej stylizowany odrobinę na web 2.0 ze szczególnym uwzględnieniem glossy. Miałam wiele wątpliwości tworząc ten szablon, chciałam aby wyglądem przypominał to co było modne pięć lat temu a jednocześnie nadawał się do użycia aktualnie. Myślałam, że to odrobinę aktualności zapewni poszerzenie szablonu ale akurat jego drobność była chyba najbardziej uniwersalnym atutem więc pozbywając się jej musiałam wymyślić coś nowego na zastępstwo.
Adres szablonu: http://08szablonkatemac.blox.pl
O tym jak się głowiłam nad różnymi elementami napisałam w dwóch oddzielnych, raczej chaotycznych notkach. Jak kogoś ciekawi powstawanie tego szablonu to zapraszam, nie jest to jednak instrukcja jak zrobić taki szablon.
Proszę zwrócić uwagę na jego szerokość i układ elementów a następnie 'przywrócić w dół'. To jest właśnie specjalność tego szablonu. Zrobiłam go na wzór pierwotnych Glossy bo ten sam efekt można już uzyskać dzięki cechom z CSS3. Początkowo chciałam zachować ten szablon jako relikt stylu w wyglądzie stron jaki nosił nazwę web 2.0 - zmieniłam jednak zdanie. Relikty są osobliwe i gdy można już im nadać określenie retro to staja się nawet modne ale zanim to się stanie to są po prostu przestarzałe. Chciałam tutaj tego uniknąć dlatego to nie jest szablon jaki zrobiłabym w 2008 roku. I tak narodził się pomysł na zmienną szerokość bloga (ktura byłą zupełnie poza moim zasięgiem w 2008). Pomysł ciekawy, nawet nie trudny do zrealizowania tylko nieco bardziej pracochłonny bo wymagający przynajmniej częściowo zaprojektowania jakby kilku oddzielnych szablonów. W zależności od szerokości oka przeglądarki poszczególne elementy szablonu będą układać się w określonych miejscach.
Co zrobić aby pojawiła się trzecia kolumnaKonieczne jest spełnienie kilku warunków. Oczywiście w określonej sytuacji, w zależności od zawartości pola na kod HTML trzecia kolumna może się utworzyć sama. Zapewne będzie tak jeżeli w polu na kod wstawisz tylko sam zwykły tekst, bez żadnych znaczników. Rzadko się to jednak zdarza aby ktoś wstawiał sam goły tekst. Dlatego proponuję ubrać wszystkie elementy, które pojawić się mają w trzeciej kolumnie w
W skrócie dodawanie dodatkowych boksów opisane jest na stronie: Jak dodać dodatkowe boksy w bocznej szpalcie. Chcesz skopiować przykładowy kod umożliwiający pojawienie się trzeciej kolumny? Zachęcam do skopiowania treści z pliku tekstowego i uzupełnienia go o własne informacje. Zmieniając pamiętaj tylko, że każdy otwarty znacznik musi posiadać zamknięcie. Polecam też mały pomocnik dla tworzenia dodatkowego kodu. W przykładowym kodzie umieściłam trzy kontenery aby można było porównać ich zawartość i sposób jej stworzenia.
poniedziałek, 14 maja 2012
Wydawało mi się, że może dwa tygodnie blogowania mi gdzieś uciekły a tu patrzę i ostatni wpis był miesiąc temu. Czy wydarzyło się coś konkretnego? Nie bardzo. Świat mnie niezmiennie zadziwia i to w raczej negatywnym sensie za to ludzie z którymi mam kontakt to bardzo przyjemne istnienia. Czasami więc nie rozumiem jak to możliwe, że ludzie, których znam są tacy sensowni a świat nas otaczający jakby nie nie przez nas tworzony. W perspektywie kilku lat czeka nasz bardzo duża zamiana, wszyscy to głoszą tylko nikt nie mówi co ta rewolucja przyniesie. Chyba zacznę słuchać jakiś jasnowidzów i wróżki (tutaj mam ochotę wstawić jaką emotikonkę złożoną ze znaków interpunkcyjnych ale obiecałam sobie, że choć piszę bardzo swobodnie to żadnych emotsów tu nie będzie). Notka bardziej sobie a muzom niż na konkretny temat ale takie już są moje aktualności. Będzie odrobinę o mediach, jeszcze mniej konkretnie o platformach blogowych a potem wyliczanka różnych linków. Blox szuka admina (moderatora)Zainteresowani tematem już chyba o tym wiedzą. Oferowane warunki nie są spektakularne ale i wymagane umiejętności nie należą do specjalnie skomplikowanych. Moim zdaniem najtrudniejszy warunek do spełnienia to miejsce pracy: Warszawa. Chcąc zatrudnić konkretnie bloksowego blogera z Warszawy pula pracowników do wyboru nie jest zbyt imponująca. Zapewne jest w Polsce wielu bezrobotnych, którzy sprawdzili by się w tej pracy i zgodzili na warunki zatrudnienia ale albo nie są z Warszawy albo nie znają platformy. Zobaczymy co z tego wyniknie. Generalnie traktuję to jako pozytywny komunikat. Spółki medialne aktualnie nie radzą sobie spektakularnie a utrzymanie wszystkiego kosztuje. Od lat coraz to kolejni dziennikarze idą do odstrzału, zwalnia się kolejne działy i redukuje wydatki na tworzenie rzetelnych treści. Przeczytałam dzisiaj taki artykuł: Bloger vs. Dziennikarz. Kto przeżyje w XXI wieku? Nic z niego nie wynika, nie jest nawet specjalnie ciekawy ale łącznie z tekstem, który czytałam przedwczoraj: Koniec darmowych mediów? tworzy jakąś łączność. Nic konstruktywnego autorzy nie piszą ale jak wielu publicznie głoszą koniec pewnego modelu dystrybucji treści. Jedyna choć trochę konstruktywna konkluzja jaka z tego wynika to konieczność znalezienia nowego modelu biznesowego dla mediów. Gazety się kończą, telewizja też już niedługo przestanie wyrabiać. Rozmawiałam z pewna blogerką-recenzentką i uzmysłowiłam sobie, że papierowe książki też się skończą. Póki wartością samą w sobie był szelest papierowych gazet a dostępność treści w internecie była ograniczona, póty gazety miały możliwość rozwijać się i utrzymywać profesjonalne redakcje. Czytniki e-booków będą coraz bardziej popularne więc księgarniom nie pozostaje nic innego tylko promować je i zapewnić czytelnikom dostępność i taniość kupowania e-książek w księgarniach bo jak nie, to będziemy to robić tylko online. Model dystrybucji wszystkiego co ma związek z kulturą i treściami musi się zmienić i musi to zrobić na wczoraj. I tak oto okrężną drogą dochodzimy do listu otwartego i bloksowej odpowiedzi na niego. Rozumiem skąd się wziął problem ale wierzę że musi istnieć jakiś opłacalny sposób jego rozwiązania. Wiem, że mamy kryzys i wszyscy bardzo zachowawczo reagujemy ale przestaliśmy się łudzić. Realność nas dopadła ale może ta realność wyjdzie nam na zdrowie? Mam nadzieję, że tego bloksa ktoś ogarnie co nieco. Haters gonna hate, potatoes gonna potate.Nie lubię hejtersów. Jestem małokonfliktowa więc czasami trudno dostrzec mi konstruktywność krytyki gdy zawiera ona cały szereg ataków personalnych. Tu, na bloksie mam swój milutki światek gdzie nikt się na mnie nie rzuca gdy popełniam błędy. Nikt nie wypomina mi, że moje blogowanie jest bezwartościowe albo co najmniej mocno wątpliwej jakości. Nie mam nic przeciwko krytyce. Oczywiście ta dotycząca mnie potrafi mocno ukuć ale nie mam zamiaru udawać, że krytykanctwo to coś ponad czym jestem. Lubię Magiel towarzyski Kina i Korwin-Piotrawskiej, uważam, że jeżeli jakaś Rchardson mówi w mediach o seksie z Zamachowskim to sama prosi się o komentarze dotyczące jej życia intymnego. Nie lubię natomiast sytuacji gdy na rzeczowe komentarze odpowiada się atakami personalnymi. Rzeczowość jest oczywiście względną sprawą, tematem mogą być zarówno majtki Dody jak i gra aktorska Streep w Żelaznej damie - komentarze na oba tematy mogą być rzeczowe. Bardzo mnie razi natomiast gdy ktoś zamiast komentować zachowanie komentuje charakter osoby. Dlaczego o tym piszę? Z dwóch powodów. Po pierwsze na moim blogu pojawił się pierwszy tego typu komentarz (co ciekawe obiektem ataku nie jestem ja tylko jedna z osób tu komentujących). Jest mi niezmiernie przykro bo obrażanie obcych osób (nazwanie kogoś schizem jest atakiem personalnym) i jako powód wskazywanie ich drobnych przewinień to zachowanie małostkowe i chamskie. Drugi powód to moja rozmowa z inną blogerką dotycząca wyboru platformy blogowej. Dlaczego blox a nie blogspot? Bo są miejsca, które nam nie odpowiadają, bo są ludzie, którzy wywyższają się, próbują dyktować innym o czym i jak mają pisać. Oczywiście wszystko okraszone kokieteryjnym komentarzem o subiektywności takiej opinii. To chyba kwestia przypadku na jakich ludzi trafiamy ale oni świadczą nam miejscu. Gdy ktoś mówi mi, że w sprawie A (poprawności językowej) obowiązują zasady języka polskiego a na uwagę, że w sprawie B (poprawność edytorska, związana z czysto wizualną stroną tekstu) że mogłaby wiele poprawić reaguje komentarzem, że jej odpowiada tak jak jest. W takiej sytuacji imperatywność wypowiedzi tej osoby jest moim zdaniem nieporozumieniem. Nakłaniając innych do akceptowania krytyki i stałego polepszania jakości swojej pracy jednocześnie ignoruje opinie dotyczące aspektów blogowania, które jej nie interesują. Uważa się za specjalistę w jednej z dziedzin i wytyka innym błędy, w zasadzie domagając się ich wyeliminowania, a gdy ktoś zwróci jej uwagę to informuje, że zasady i dobre zwyczaje jej nie interesują. To nie platforma świadczy o jakości bloga ale z jakiegoś powodu wybieramy tą a nie inną. Moim zdaniem powody są bardziej personalne (może dlatego, że dla mnie takimi były). Wiecie dlaczego wy założyliście swoje blogi na danej platformie? Ciekawi mnie co jeszcze braliście pod uwagę. Zastanawiam się nad zrobieniem porównania i nie wiem, które platformy brać pod uwagę. Wiem co mi się podoba i co uważam za wygodne na bloksie, blogspocie i wordpressie (com a nie org), myślę jeszcze o onetowym blog.pl Może ktoś zna jakiś ranking popularności polskich blogów? Może ktoś byłby zainteresowany dodaniem swoich opinii do takiego porównania? Blogi Piotra
UaktualnieniaStale rozszerzam i aktualizuję starsze notki. Z tego co jestem sobie w stanie przypomnieć to w ciągu minionego miesiąca skończyłam poprawiać m.in. te:
Zmieniłam też spis treści, nie wszystkie strony są już wypełnione, w dalszym ciągu większość notek zamierzam poprawić ale taki podział stron najbardziej mi odpowiada: 1-60 | 61-121 | 122-182 | 183-244 | 245-305 | 306-366 Poprawiłam też szablon subtelny na stylach. Pozbyłam się niedoróbek i nieścisłości, które zgłoszono mi jako wady szablonu: data wpisu na stronie z pojedynczą notką, wygląd kalendarza, brak ozdobników czy to w postaci separatorów (hr), czy ozdobników pod notkami. Przerobiłam, dokończyłam bądź wymyśliłam na nowo siedem kolejnych szablonów. Jeden pojawi się tutaj już za kilka dni (będzie miał zmienną szerokość) a pozostałe sześć trafi najpierw na style. W pierwszej kolejności będą to oryginalne szablony eksponujące wyszukiwarkę, dwukolumnowe, lewostronne z tytułem umieszczonym w lewej szpalcie - bardzo długo nie mogłam ich skończyć. Następnie zapewne new_age'owa wersja najpopularniejszego tutaj szablonu handmade. Będzie się więc działo.
Na koniec polecam zaglądać na Karaiby i inne rewiry... W trakcie pisania tego wpisu zadzwonił do mnie Marcin z informacją, że w związku z blogiem pojawiła się ciekawa wiadomość. Nie chcę pisać konkretnie o co chodzi bo to papryczkowy news ale zachęcam do zaglądania bez względu na powód. Uaktualnienie. U Danusi też coś nowego: Książki Zbójeckie na portalu Duzeka.pl! Zobaczcie jak pięknie o mnie pisze:
środa, 11 kwietnia 2012
Stronność szablonu to mocno niejednoznaczna sprawa. W przypadku starego kodu zawsze polecam prawostronne. To nie tyle kwestia wizualnego układu co praktycznych rozwiązań. Na blogu najważniejsza jest treść i to ona powinna ładować się w pierwszej kolejności (w przypadku nowego kodu stronność nie ma znaczenia bo treść zawsze ładuje się tam pierwsza).
Szablon 41 - Times indygo, ze zmienioną stronnością Generalnie stronność to kwesta wyboru ale w przypadku starego kodu bardzo ważnym czynnikiem będzie jednak kolejność ładowania się strony i dlatego dzisiaj jeden z moich szablonów lewostronnych zamienię w prawostronny.
Ta sama instrukcja zmieni szablon lewostronny na prawostronny jak i prawostronny na lewostronny. Wystarczy tylko odpowiednio podmieniać marginesy i bazowe kody. Na koniec notki zwyczajowo udostępniam gotowiec. Polecam
Stronność każdego szablonu można zmienić i to w obie strony. Teoretycznie może to być banalnie proste, wystarczy że większość elementów zostanie odpowiednio zaprojektowana. To sprawia jednakże, że niektóre szaleństwa i oryginalne wyglądowo rozwiązania nie zostaną zastosowane. Łatwość zmiany albo mocno pokombinowany wygląd. Zazwyczaj decyduję się na to pierwsze nie chcąc ograniczać użytkowników moich szablonów. Stronność to relacja prawej strony do lewej. Blogi nie są symetryczne i zresztą nie powinny być, w naszej kulturze czytamy od lewej do prawej czyli w pewnym sensie lewa strona zawsze będzie ważniejsza. Z drugiej strony menu nawigacyjne umieszczone po lewej będzie bardzo dużą zaletą. Jeżeli mamy wiele rzeczy w wąskiej kolumnie, dużo różnych dodatków, widgetów, wklejek, skryptów a wąska kolumna w szablonie na starym kodzie będzie po lewej to najpierw będą musiały się załadować wszystkie te dodatki a dopiero potem właściwa treść czyli notki. Jeżeli popełnisz jakiś błąd dodając kod html dodatków to przy układzie lewostronnym będzie on wpływał na wszystkie następujące po nim elementy czyli także notki. W najgorszym razie brakujący znacznik w kodzie dodatku spowoduje nie wyświetlenie się wpisów. To są chyba najistotniejsze wad lewostronności. Za lewostronnymi natomiast przemawia przyzwyczajenie. Mam wrażenie, że różnego rodzaju portale i strony przyzwyczaiły nas do podstawowej nawigacji umieszczonej na lewo od wpisu więc jej tam oczekujemy. Szablon: typ A Times New Roman
Do dzisiejszej zmiany stronności wybrałam szablon Times New Roman w kolorze indygo. Nie był popularny więc przy ostatnich poprawkach nieco go zmieniłam. Teraz, aby zareklamować jego odnowioną wersję, zdecydowałam się na jego przykładzie pokazać co i jak trzeba zrobić aby zmienić stronność. Górne i dolne tło, zarówno jednolite jak i wzorzyste zrobione jest grafikami. Jego ułożenie w poziomie nie przeszkadza w zmianie. Początkowo także tło treści było stworzone m.in. dzięki grafice. Bloksowa wąska szpalta to tylko ta część od archiwum do tagów. Pozostałe elementy mają inne nazwy albo nie mają ich wcale. Chcąc dodać tam inne tło trzeba to zrobić element wcześniej a następnie wrócić do oryginalnego koloru w szerokiej szpalcie. Można też po prostu dla całego bloga dodać w tle grafikę powtarzalną w pionie o odpowiednio zmienionych kolorach po lewej i prawej stronie. Grafika jest o tyle niewygodna, że utrudnia wszelkie zmiany w szerokości (poszerzenie, dodawanie trzeciej kolumny, zmianę stronności). Dlatego poprawiając szablony postanowiłam na nowo opisać ich tło. Wizualnie pod tym względem nic się nie zmieniło ale jeżeli ktoś kiedykolwiek wcześniej próbował coś pozmieniać w tym szablonie to zauważy, że w nowej wersji zmiany są łatwiejsze do edycji. Jeżeli szablon Times New Roman kopiowałeś już bardzo dawno, jeszcze zanim dodałam obok jednolitego tła wzorki to zanim zaczniesz zmieniać stronność (czy poszerzać albo też dodawać trzecią kolumnę) lepiej ponownie skopiuj szablon. W nowej wersji jest wygodniejszy. 1. Kopiujemy do schowka kod CSS szablonu, który będziemy zmieniać.Przede wszystkim istotne jest aby szablon zachował swój charakterystyczny wygląd a zmienił jedynie stronność. Dlatego zmiany zacząć należy od skopiowania oryginalnego kodu css zmienianego szablonu. W tym celu należy przejść do edycji arkusza CSS: Edycja bloga -> WYGLĄD -> EDYCJA CSS -> Edytor CSS Zaznaczyć cały kod (Ctrl+A) i skopiować go (Ctrl+C). Dla bezpieczeństwa proponuję wkleić go (Ctr+V) sobie do notatnika aby nieopatrznie nie stracić go.
Oczywiście zawsze oryginalny kod szablonu można skopiować bezpośrednio z bloga z szablonem. Wystarczy otworzyć źródło strony (Ctrl+U) i odnaleźć adres zewnętrznego arkusza stylów.
2. Sprawdzamy na jakim szablonie podstawowym zrobiony jest szablon, który zmieniamy i wybieramy jego przeciwieństwo pod względem stronności.Ja zazwyczaj lewostronne robię na bloksowym Białym a prawostronne na Spokojnym. Są one swoimi lustrzanymi odbiciami i je wykorzystałam w serii Times New Roman. Jeżeli jednak zmieniasz inny szablon to zacznij od sprawdzenia jaki szablon podstawowy jest wybrany.
Niestety w edycji bloga szablony nie są podpisane. Pozostaje Ci po wyglądzie ocenić jak nazywa się wybrany szablon. Dla ułatwienia przygotowałam dwie notki o układach. W jednej z nich umieściłam ilustrację będącą sumą szablonów na starym kodzie tam szablony są podpisane bo zrzut pochodzi ze strony zakładania nowego blogu. Możesz też zajrzeć do źródła strony i na podstawie adresu dowiedzieć się co to za szablon. W drugiej wspomnianej notce umieściłam wszystkie możliwe nazwy szablonów na starym kodzie więc można łatwo sprawdzić czy domyśliłeś się właściwej nazwy. Następnie należy dobrać odpowiedni szablon podstawowy o przeciwnej stronności. W drugiej wspomnianej notce jest także odpowiednia tabela ułatwiająca dokonanie wyboru.
Przeciwieństwem Białego, na bazie którego zrobiłam zmieniany szablon Times będą więc: Spokojny, Almost Spring, Kubrick i Connections. Każdy z nich sprawdzi się równie dobrze. W edycji szablonów podstawowych zmieniamy wybrany szablon na ten o właściwej dla nas stronności. Edycja bloga -> WYGLĄD -> SZABLONY PODSTAWOWE 3. Wracamy do edycji CSS i wklejamy z powrotem skopiowany kod.Przechodzimy ponownie do edycji arkusza stylów. Usuwamy znajdujący się tam kod css (Ctrl+A, Delete), jest to kod szablonu podstawowego, zupełnie nam niepotrzebny. Na jego miejsce wklejamy (Ctrl+V) nasz skopiowany kod oryginalnego szablonu. Klikamy zapisz i sprawdzamy efekty. Niewątpliwie kilka rzeczy będzie niezupełnie doskonałych. 4. PoprawkiPrzede wszystkim należy zwrócić uwagę na odstępy między szpaltami. Owszem zdarzają się idealnie symetryczne w swych odstępach szablony ale to raczej wyjątki od reguły bo taka symetryczność powoduje drobne problemy przy innych, częściej dokonywanych zmianach. Dodatkowo należy być ostrożnym z wszystkimi elementami pozycjonowanymi bezwzględnie. Jeżeli mają być położone w tej samej pionowej linii co wąska szpalta to mogą mieć częściowo automatyczne położenie ale nie muszą. I na koniec ogólny układ ze szczególnym uwzględnieniem tytułu bloga. Często jest on przesunięty marginesem bądź dopełnieniem aby znaleźć się we właściwym miejscu. Wszystko to należy poprawić choć nie wszystko jest niezbędne, większość tylko zalecana.
A. Odstępy między szpaltamiZapewne po zmianie wąska i szeroka szpalta będą zbyt blisko siebie. Aby temu zaradzić należy zmienić marginesy ( W przypadku odstępu między szpaltami należy sprawdzić opisy przy trzech selektorach:
W przypadku mojego szablonu Times wszystko jest odpowiednio symetrycznie za wyjątkiem dopełnienia w szerokiej szpalcie. Trzeba zamienić prawe dopełnienie z lewym. Poprawiony fragment powinien wyglądać tak:
Po wprowadzeniu zmiany klikamy zapisz i sprawdzamy efekt. Można oczywiście kontrolę przeprowadzić na koniec ale zawsze lepiej drobną pomyłkę wyłapać od razu a nie potem zachodzić w głowę gdzie to też popełniło się błąd. B. Elementy pozycjonowane bezwzględnieStaram się w notkach opisujących szablony określać, które elementy są przenoszone absolutnie. Taka informacja przydaje się w kilku sytuacjach związanych ze zmianami. Stety-niestety jest to mój nowy pomysł więc taką informację można znaleźć w zaledwie kilku notkach. Z całą pewność absolutnie pozycjonowane jest górne menu i udawana stopka. Jeżeli jest trzecia szpalta to często jej położenie zawdzięczane jest właśnie pozycjonowaniu absolutnemu (ale nie zawsze). Jeżeli szukacz nie jest bezpośrednio nad opcjami bloksa na dole wąskiej szpalty to również przeniesiony jest bezwzględnie. W określonych sytuacjach zdarzało mi się przenieść także w ten sposób kategorie i zakładki jeżeli miały stanowić trzecia kolumnę. I to chyba tyle, więcej absolutnych eksperymentów nie pamiętam. W przypadku elementów pozycjonowanych absolutnie należy sprawdzić określenie położenia w poziomie czyli najczęściej W przypadku mojego szablonu Times wyszukiwarka przeniesiona jest bezwzględnie ale mimo to nie wymaga żadnego poprawiania bo jak widać na załączonym wyżej obrazku sama-się-przeniosła.
Jeżeli natomiast przy
W sytuacji gdy chcemy coś umieścić na szerokości wąskiej szpalty najwygodniejszym rozwiązaniem będzie określenie położenia jako auto i ewentualne powielenie marginesów i dopełnień z selektorów opisujących wąską szpaltę. Jeżeli natomiast naszym docelowym miejscem jest przestrzeń która umieszczona jest w pionowej linii szerokiej szpalty to tutaj najwygodniejszym rozwiązaniem będą już dokładne piksele. W przypadku tej zmiany szablonu Timesa szeroką szpaltę umieszczamy po lewej więc bardzo łatwo będzie określić ile pikseli od lewej krawędzi mają zaczynać się nasze dodatkowe elementy. W związku z tym że obie szpalty maja wpisane boczne dopełnienie o wartości co najmniej
W przypadku tego szablonu to bardzo proste.
Jeżeli korzystasz też z udawanej stopki, która dodaje wzorek także na dole to i ten fragment musisz analogicznie poprawić. Fragment kodu po zmianach ma wyglądać tak:
C. Tytuł bloga i ogólny układOgólny układ zależy od HTML szablonu podstawowego, który wybierzemy i od tego jak bardzo różnił się on będzie od tego który dotychczas był wykorzystywany w szablonie który zmieniamy. W przypadku szablonu Times nie ma wielu różnic do poprawiania. Jedyną naprawdę istotną jest położenie tytułu i opisu bloga. Kontener tytułowy bloga zarówno w szablonie Spokojnym jak i Białym zajmuje całą szerokość bloga i umieszczony jest nad obiema szpaltami. Chcąc nad lewą wąską szpaltą wyświetlać wyszukiwarkę musiałam zrobić dla niej nieco miejsca i przesunąć tytuł i opis. Teraz szukacz jest po prawej i tytuł może wrócić tam gdzie zaczyna się jego kontener. Natomiast po prawej muszę dodać dopełnienie aby jeżeli będzie dłuższy niż szeroka szpalta nie chował się pod szukaczem tylko przechodził do kolejnego wiersza.
Czyli najprościej rzecz ujmując znów symetrycznie zmieniam boczne marginesy i dopełnienia tylko tym razem w elemencie tytułowym.
Ciekawostka. Gdyby nie Jeżeli nie chce Ci się bawić w sprawdzanie, szukanie i własnoręczne zmiany to ten szablon jest już przerobiony. Aby skorzystać z gotowego kodu należy:
Notki na podobne i powiązane tematy: Tagi:
opcja zmiana stronności
typ A
07:39, szablonykatemac ,
DIY czyli zrób to sam
Link Komentarze (1) »
wtorek, 20 marca 2012
Ostatnio sporo o szablonach podstawowych piszę. Dla tych których temat nie interesuje mam dobrą i złą wiadomość. Dzisiejsza notka nie jest ostatnią ale następna dotycząca bloksowych szablonów podstawowych na starym kodzie będzie nie dla początkujących a dla zainteresowanych stworzeniem własnego szablonu od podstaw. Opisałam jak unikać błędów kopiowania, jak je naprawiać i z czego moim zdaniem wynikają. Za każdym razem odwoływałam się do szablonów podstawowych bloksa. Każdy choć raz musiał się na nie natknąć bo jeden z nich wybierał przy zakładaniu bloga. Zapewne także później o te szablony potykałeś się bo nie sposób ich przeoczyć gdy chce się zmienić cokolwiek w wyglądzie bloga.
Dla tych którym co nieco się zapomniało albo potrzebują bardzo dokładnych instrukcji proponuję zapoznanie się z dzisiejszą notką. Reszcie nie będę marnowała czasu i podziękuję jedynie za dzisiejszą wizytę. Jak zmienić szablon podstawowy bloksa?Zaczynamy oczywiście od zalogowania się do bloksowego konta. Ja w tym celu przechodzę na stronę Edycja otworzy się na głównej karcie (WPISY) gdzie widzieć będziesz ostatnio napisane wpisy i możesz dodawać nowe. Przejdź do części zatytułowanej WYGLĄD. Zakładka ta znajduje się w górnym kolorowym menu, to ta przedostatnia, umieszczona jeszcze na niebieskim tle.
Po kliknięciu strona przeładuje się a menu poniżej zmieni się. Teraz zyskasz dostęp do kilku opcji zmiany wyglądu. Dalej iść nie trzeba, już trafiłeś do miejsca gdzie wybiera się szablony podstawowe bloksa. Są tutaj umieszczone dwa rodzaje szablonów: na nowym kodzie (new_age) o nich piszę na blogu stylekatemac.blox.pl i na starym kodzie, które układy mają ustawione na sztywno więc wybierając jeden z nich od razu decydujesz się na konkretny układ.
Klikając wybierz nie tylko zmieniasz kod HTML ale i cały szablon (czyli także kod CSS) tak więc jeżeli chcesz zachować swój szablon ale zmienić jego układ to najpierw skopiuj kod CSS do jakiegoś schowka a dopiero później zmieniaj szablon bazowy.
Zmiana układu jest prosta ale może wymagać wielu różnych drobnych poprawek. Im więcej jest różnic pomiędzy układem oryginalnego szablonu a układem na jaki chcesz zmienić swój szablon tym więcej rzeczy może sprawiać problem. Porównaj więc dokładnie oba układy aby przewidzieć w których miejscach może pojawić się problem. Polecam dwie notki na temat starych układów. Układy, czyli bloksowe kody źródłowe blogów - Korzystając z informacji zawartych w tej notce możesz wybrać szablon podstawowy bazując na jego cechach wyróżniających: umiejscowieniu wąskiej szpalty, zagnieżdżeniu tytułu i istnieniu pustych elementów dodatkowych. Układy, różne wersje starych szablonów podstawowych bloksa - Ta notka zawiera tylko informacje, żadnych opisów. Pozwala zarówno dowiedzieć się jakie cechy posiada układ konkretnego szablonu jak i w skrótowy sposób prezentuje informacje o cechach pozwalając dobrać kompatybilne szablony podstawowe.
środa, 14 marca 2012
Zacznijmy może od wyjaśnienia, że podejrzewam, że te błędy nie występują przy kopiowaniu tylko przy dalszych działaniach związanych z edycją bloga. Wszystko zaraz wyjaśnię w mam nadzieję prosty i zrozumiały sposób. Na początek może wyjaśnijmy, że HTML bloksa poza tym, że dzieli się na nowy i stary kod występuje jeszcze w różnych wariantach. Jedną z rzeczy o których marudzę to to, że kod new_age nie jest taki jednolity jak zapowiadano. W przypadku starego kodu niejednolitość wpisana jest w genezę. Te szablony dodawane były na przestrzeni czasu w sytuacji gdy taki sposób projektowania był na porządku dziennym (układ robiony tabelami zamiast stylami).
Różnice pomiędzy szablonami nazywam bloksowymi układami, opierają się one na kilku cechach więc polecam jako ciekawostkę na początek tabelkę podsumowującą. Te układy w przypadku starego kodu decydują o kształcie szablonu. Kopiując jeden z szablonów użytkownika zasadniczo kopiujesz CSS (arkusz stylów jest na bloksie szablonem). Jeżeli jednak na twoim blogu uprzednio był szablon z innym układem (czyli innym HTML) to ostrożnie bo mogą pojawić się błędy. O tym jak im zapobiec i co zrobić gdy się pojawią wyjaśniam właśnie w poniższej notce. Jest ona rozwinięciem pytania FAQ z poprzedniej notki.
środa, 07 marca 2012
Niektóre pytania powtarzają się regularnie w mailach, na tym blogu i na blogach z szablonami. Dzisiejsze najpopularniejsze jest zwłaszcza na tych ostatnich. Napisałam tutaj kiedyś notkę o tym co zrobić w razie problemów ale zdaje się, że niezbyt skutecznie się wyraziłam więc dzisiaj znacznie uproszczę. Treść tamtej notki już nie istnieje, napisze ją na nowo i wkrótce opublikuję.
To jest bardzo dobre pytanie, zadane w bardzo właściwy sposób. Często muszę zgadywać o co chodzi albo dopytywać się co już zostało zrobione w sprawie poradzenia sobie z problemem. Tutaj wszystko jest jasne. W większości pytań na ten temat doradzam ponowne skopiowanie szablonu, tutaj nie muszę bo autorka pytania już napisała, że szablon kopiowała kilku krotnie. W związku z powyższym odpowiedz na jej pytanie brzmi tak: Jeżeli kopiowany szablon ma inny HTML niż ten który do tej pory był na blogu to zanim zaczniesz wprowadzać zmiany zaloguj się na nowo do bloksowego konta (wyloguj się i zaloguj ponownie). Dzięki temu nowy HTML będzie miał szansę wczytać się także w ustawieniach. Nie mówię tu o różnicy pomiędzy nowym a starym kodem bloksa choć i tu taki problem może wystąpić. Tylko w obrębie starego kodu HTML bloksowych szablonów występują nieznaczne różnie: szpalty umieszczone są po różnych stronach, tytuł zajmuje całą szerokość albo jest umieszczony tylko nad jedną ze szpalt... To są rzeczy, które nazywam bloksowymi układami. Jeżeli więc używasz szablonu prawostronnego a kopiujesz lewostronny to poza kodem CSS musi zmienić się także HTML. Nie zawsze te różnice kodu są wyraźnie widoczne więc dla bezpieczeństwa po skopiowaniu szablonu zawsze się wyloguj. Pisząc o wprowadzanych zmianach mam na myśli wszelkie zmiany w edycji bloga, nie tylko zmiany w szablonie. Zmieniony szablon po skopiowaniu od razu jest widoczny na blogu ale nie jest wczytany w edycji ustawień bloga a więc gdy cokolwiek zmieniasz klikając ok sprawiasz, że na blogu wraca stary HTML bo on jest jeszcze w edycji i to zmiany w nim akceptujesz. Mam nadzieję, że w zrozumiały sposób to wyjaśniłam, więcej o nie całkiem właściwych skutkach skopiowania szablonu napiszę w notce: Błędy występujące po skopiowaniu szablonu Notki na powiązane tematy
środa, 29 lutego 2012
Znaczniki układają treść w odpowiednie formy, mówią one przeglądarce jaki to rodzaj treści tak aby mogła ona zdecydować o sposobie wyświetlania. Najprościej wyjaśnić to na podstawie ilustracji czy linku. Kontynuując temat z poprzedniej podręcznikowej notki dzisiaj przejdę do bardziej konkretnego przykładu i opiszę co nieco jeden ze znaczników: odnośnik.
Linki to okna naszego HTMLowego domku. Pozwalają one zobaczyć coś więcej, rozszerzyć nieco temat i powiązać go z innymi elementami w sieci. Odpowiednikiem linków w wersji papierowej są przypisy. W najlepszym razie są one na tej samej stronie co treść do której są przypisane i od razu można podejrzeć ogólny kierunek w którym przypis ma nas prowadzić. Zazwyczaj jednak nie zawierają rozszerzającej treści tylko informują, że ona istnieje i znajduje się w określonej pozycji książkowej. Jeżeli chcesz się dowiedzieć czegoś więcej musisz zacząć od znalezienia następnej książki. W Internecie jest dużo łatwiej wystarczy kliknąć. I na tym właśnie moim zdaniem polega cała magia użyteczności linków. W dzisiejszej notce opiszę budowę znacznika linku, które jego części są niezbędne, które mile widziane i całkiem przydatne a które to raczej osobliwość. Te części to oczywiście atrybuty ale o tym wiesz już z poprzedniej notki.
środa, 22 lutego 2012
Kolejna nowość i ciekawostka z zasobów specyfikacji CSS3, moduł tła i ramek. Tym razem będzie to cień. Nie planowałam tak dokładnie i po kolei opisywać tego modułu ale akurat tak się złożyło więc nie ma co się sprzeciwiać skoro wychodzi naturalnie.
Domyślnie mówiąc cień chodzi nam o cień zewnętrzny i tak też ta cecha jest interpretowana można jednak dodawać także cień wewnętrzny, który odpowiednio spreparowany może dawać wrażenie, że element jest zagłębiony. Bardzo rozmyty cień wewnętrzny da natomiast wrażenie gradientu na krańcach elementu. Cień to tylko możliwość i w zależności od twojej wyobraźni możesz go wykorzystać do wielu różnych celów. Dzisiejsza notka powie ci, które wartości odpowiedzialne są za jakie zmiany tej cechy. W dalszej części notki opisuję także prefiksy czyli przeglądarkowy myk, który pozwala wykorzystać cechę nawet jeżeli przeglądarka jest stara. Na koniec dodaję kilka przykładów z życia wziętych, nic radykalnego bo zazwyczaj nie chcę opierać całego wyglądu na cesze, która jest stosunkowo nowa a przez to nie do końca dostępna dla wszystkich oglądających szablon. |
Archiwum
Ostatnie wpisy
Zakładki:
O blogu i
 subskrybcja Polecane wpisy z blogu
 Pomocne
Przeglądarki
Katalogi szablonów
Polecane strony
Szablony z dedykacją
o CSS (notki z tego bloga i podobnych bloksowych)
o CSS zewnętrzne strony (głównie podręczniki)
CSS dla średnio zaawansowanych
Historia polecanych
Kolory
Pismo
Polecane artykuły
ilustrowany przewodnik po bloksie dla początkujących,
dla zielonych jak szczypiorek na wiosnę, dla zaczynających bloksowanie Tagi
|
stary kod: 0Bbialy Biały
Drugi warunek to kolejność. Kod trzeciej szpalty powinien być wstawiony na początku 
Zapraszam też na 
zmienić szablon podstawowy na prawostronny czyli 0Etheme - Spokojny
Znaczniki budują strony internetowe. Oczywiście strona nie musi być napisana w języku HTML, są liczne inne sposoby ale z punku widzenia tego blogu nieistotne. Tak się składa, że bloksowe blogi posługują się językiem XHTML. Wystarczy zajrzeć do źródła strony i tam zaraz na początku będą informacje o typie dokumentu. Bloksy to XHTML.
