Szablon warstwowy, na starym kodzie, dla blogów na blox.pl. -550px-
poniedziałek, 21 maja 2012

O szablonie możesz poczytać sobie w notce: L-O-V-E is just another word I never learned to pronounce. Jeżeli masz jakieś wątpliwości to tam możesz zadać swoje pytania. Tam znajdziesz też dodatkowe wyjaśnienia. Tutaj natomiast zostaw komentarz informujący mnie o pobraniu szablonu.

Warunki pobierania:

  • Pobieranie oraz użytkowanie szablonów jest bezpłatne.
  • Użytkownik zobowiązany jest do poinformowania o pobraniu szablonu komentarzem pod tym wpisem podając adres swojego bloga.
  • Nie zezwalam na usuwanie z kodu CSS informacji o autorze. Mile widziany jest link do strony szablonykatemac.blox.pl.
  • Szablon jest na licencji Creative Commons - uznanie autorstwa czyli możesz:
    1. kopiować i używać
    2. tworzyć i rozpowszechniać utwory zależne
    Na następujących warunkach:
    1. Uznanie autorstwa. Szablon należy oznaczyć w sposób przeze mnie określony.

Jeżeli podoba Ci się mój szablon i zgadzasz się powyższe warunki kliknij w znaczek „Ładny blox? Skopiuj mój CSS” i skopiuj na swój blog.

Miłego korzystania
szablonykatemac.blox.pl

środa, 11 lutego 2009

W połowie 2012 roku szablon przeszedł sporą rewolucję. Jego główne cechy pozostały podobne jednak nabrał on nieco innego charakteru. Moim zdaniem wygląda teraz na bardziej dopracowany, ilustracje tytułowe są ciekawsze a całość przyjemniejsza.

Szablon wyglądał kiedyś tak:

purpurowy poprzednio

Różnice nie są radykalne ale jednak istotne. Szablon należy do serii serdecznie a więc serca obowiązkowo musiały się w nim pojawić. W porównaniu do poprzedniej wersji jest zarówno mniej jak i bardziej romantyczny. Serca nie są już głównym tematem, stały się natomiast główną ozdobą. Dodatkowo zamiast podkreślać jego rękodzielniczy charakter zdecydowałam się postawić na nawiązania do retro i do samego pisania.

W poprzedniej wersji wykorzystywałam zdjęcia udostępnione na licencji cc-by; autorem zdjęć Heart no. 1 i Heart no. 2 jest bymanu.

W pierwotnej wersji szablon można spotkać na wielu blogach, był bardzo popularny. Jeżeli ciekawi cię jak on dokładnie wyglądał to zajrzyj na bloga kogoś z tej listy.

Heart red Icon | Valentine Iconset | mirella.design Favikoną na blogu z tym szablonem jest Heart red Icon stworzona przez mirella.design
License: Free for non-commercial use.
Commercial usage: Not allowed

środa, 04 lutego 2009

Szablony zrobione przez kate_mac oferują szereg atrakcyjnych stylów służących do podkreślenia treści twoich notek. Ten przykładowy wpis prezentuje wygląd niektórych z dostępnych stylów, w tym tytuły, śródtytuły i inne sposoby wyróżnienie treści.

Blog z szablonami na blox.plNa początek kilka zwykłych akapitów. Przy pierwszym z nich umieszczona jest niewielka ilustracja pływająca do prawej krawędzi. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl.

Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula.

Co widzisz? Śródtytuł h3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.


Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Znacznie mniejszy tytuł (h4)

Tytułowanie poszczególnych części wpisu ułatwia czytanie. Pozwala szybko zapoznać się z treścią wpisu i przekonać się, czy jest ona czytelnikowi przydatna. Innym sposobem jest wypunktowanie. W przypadku lekkich tekstów czytelnicy chętnie zaglądają na strony, które oferują dziesięć sposobów na... czy prezentują pięć typowych zastosowań czegośtam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. 

  1. Mauris elit.
  2. Donec neque.

Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper.

  • Ut a mi.
  • Etiam nulla.
  • Mauris interdum.

Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula.

Blockquote to blok cytatu

Istnieją specjalne znaczniki służące do zaznaczania tekstu o określonym znaczeniu. Inaczej formatujemy kod inaczej wzmocnienie tekstu a inaczej emfazę. Każda z tych rzeczy ma określony cel i nie jest nim tylko wygląd. Pisząc ręcznie, długopisem po papierze do wzmocnienia fragmentu tekstu użylibyśmy podkreślenia. Na ekranie i w formach drukowanych taką funkcję pełni zazwyczaj pogrubienie.

Cytaty można wprowadzać w notce na wiele sposobów. Przycisk z cudzysłowem w edytorze notki służy do dodawania bloku cytatu. Nie jest to tylko wcięcie tekstu a nawet wcale nie musi być to wcięcie tekstu. Ostateczny efekt widoczny będzie dopiero w opublikowanej notce. Najczęściej blok cytatu wyróżniony jest poprzez różnego rodzaju ramki, wcięcia całego bloku tekstu, kursywę czy nawet zmianę kroju pisma.

Normalne wcięcie to nic innego jak przesunięty marginesem cały blok akapitu.

Cytaty można też wprowadzać wewnątrz akapitów. Istnieje specjalny znacznik q, który mówi przeglądarce że to wyjątkowe zdanie w środku akapitu jest właśnie cytatem. It is a truth universally acknowledged, that a single man in possession of a good fortune must be in want of a wife. O tym jak wygląda taki cytat w akapicie decyduje szablon a jeżeli szablon nie opisuje akurat tego elementu to przeglądarka sama zadba o to aby wyglądał on tak jak się tego można spodziewać.

GRAFIKI

Od końca 2012 roku moje szablony wzbogacam o skalowanie ilustracji w notce. Wszystkie grafiki dostępne na blogu powinny samoistnie dostosowywać się do dostępnej szerokości notki. W żaden sposób nie będzie to ingerować w ich rzeczywisty rozmiar i ograniczać się powinno do automatycznego i proporcjonalnego skalowania ilustracji. Małe ilustracje w dalszym ciągu pozostaną małe. Jedynie te które normalnie wystawałyby poza obszar notki zostaną proporcjonalnie pomniejszone.

szablony Zwykły obrazek

szablony Obrazek z linkiem

Aby mały obrazek otoczony został tekstem wystarczy przy pisaniu notki po zaznaczeniu ilustracji (kliknij na obrazek) wybrać sposób wyrównania tekstu do prawej albo do lewej krawędzi. Od tej pory obrazek będzie pływał w wybraną stronę. Więcej informacji o edycji ustawień zdjęć w notkach czy innych rzeczy związanych z pisaniem wpisów znajdziesz na moim głównym blogu.

Grafika wielkości 1000×618px - zobacz jak pięknie się skaluje

1000x618

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula.

wtorek, 03 lutego 2009

szablony_katemacLink do strony głównej z moimi szablonami szablonykatemac połączony z linkiem do innej strony z szablonami - szablon_team i jeszcze może odnośnik do bloga opisującego szablony na nowym kodzie - stylekatemac.blox.pl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnop

Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Na koniec link do przykładowej strony statycznej zobacz»

poniedziałek, 02 lutego 2009

Pangram - Mężny bądź, chroń pułk twój i sześć flag.

Jak będzie wyglądał wpis podzielony na wstęp i treść

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.


14:21, szablonykatemac , działanie szablonu
Link

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Z cytatem umieszczonym jako zwarty blok tekstu:

Kiedy zachodziło właśnie gorące wiosenne słońce, na Patriarszych Prudach zjawiło się dwu obywateli. Pierwszy z nich, mniej więcej czterdziestoletni, ubrany w szary letni garnitur, był niziutki, ciemnowłosy, zażywny, łysawy, swój zupełnie przyzwoity kapelusz zgniótł wpół i niósł w ręku; jego starannie wygoloną twarz zdobiły nadnaturalnie duże okulary w czarnej rogowej oprawie. Drugi, rudawy, barczysty, kudłaty młody człowiek w zsuniętej na ciemię kraciastej cyklistówce i kraciastej koszuli, szedł w wymiętych białych spodniach i czarnych płóciennych pantoflach.
Ten pierwszy był to Michał Aleksandrowicz Berlioz we własnej osobie, redaktor miesięcznika literackiego i prezes zarządu jednego z największych stowarzyszeń literackich Moskwy, w skrócie Massolitu, towarzyszył mu zaś poeta Iwan Nikołajewicz Ponyriow, drukujący się pod pseudonimem Bezdomny.

A także porównanie pomiędzy blokiem cytatu a zwykłym wcięciem tekstu:

Kiedy pisarze znaleźli się w cieniu lip, które zaczynały się już zazieleniać, natychmiast ostro ruszyli ku jaskrawo pomalowanej budce z napisem “Piwo i napoje chłodzące”.

Tu musimy odnotować pierwszą osobliwość tego straszliwego majowego wieczoru. Nie tylko nikogo nie było koło budki, ale i w równoległej do Małej Bronnej alei nie widać było żywego ducha. Choć wydawało się, że nie ma już czym oddychać, choć słońce rozprażywszy Moskwę zapadało w gorącym suchym pyle gdzieś za Sadowoje Kolco – nikt nie przyszedł pod lipy, nikogo nie było na ławkach, aleja była pusta. 

Na koniec cytat wprowadzony w środku akapitu za pomocą znacznika q. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. – To wódka? – słabym głosem zapytała Małgorzata.(...) – Na litość boską, królowo – zachrypiał – czy ośmieliłbym się nalać damie wódki? To czysty spirytus. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

 
1 , 2

Follow Me on Pinterest

Spis treści, przykład
Tytuł boksu - przykład

Do uporządkowania elementów w bocznej szpalcie używam dwóch klas: boks i tyt. Boks to klasa pojedynczego pudełka do którego pakuję przeróżną zawartość. Jeżeli potrzebuję zatytułować element to dodaję pudełko opisane klasą tyt, którą opisałam w szablonie na wzór innych etykiet. Przykładowy kod będzie wyglądał mniej więcej tak:

Jeżeli potrzebujesz dokładniejszych informacji zapraszam do przejrzenia notek na blogu szablonykatemac.blox.pl

Szczególnie przydatne w dodawaniu takiego boksu mogą okazać się te notki:

Skopiuj CSS