Rękodzielniczy szablon o zmiennej szerokości, na starym kodzie, dla blogów na blox.pl. -500px- -auto-
środa, 20 listopada 2013

O szablonie możesz poczytać sobie w notce: Na okrągło starocie. 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.

piątek, 19 czerwca 2009

Pierwsza wersja szablonu została udostępniona w czerwcu 2009. Była to kolejna wersja szablonu handmade. Pierwszy tego typu szablon cieszy się niesłabnącą popularnością więc od czasu jego powstania regularnie tworzyłam nowe.

poprzednia wersja szablonu

To była fajna wersja szablony ale jak dla mnie trochę niespójna. Niby wszystko ok ale jednak nie wszystko mi grało. Dlatego gdy szukałam szablonu do przemiany na wzór pierwszego szablony kulinarnego padło na ten szablon rękodzielniczy. Do pewnego stopnia zamierzam każdy szablon rękodzielniczy przeobrazić choć niektóre tylko nieznacznie. Poniżej grafiki prezentują te które aktualnie są jeszcze handmade. Pierwsze sześć zapewne takie pozostanie natomiast ostatnie dwa czekają na jakiś ciekawy pomysł. Jeżeli dalej przypominają handmade to są jeszcze przed zmianami, jeżeli już nie to zachęcam do zerknięcia na ich nowe oblicze.

szablon na bloga blox.pl szablon na bloga blox.pl szablon na bloga blox.pl szablon na bloga blox.pl szablon na bloga blox.pl szablon na bloga blox.pl szablon na bloga blox.pl szablon na bloga blox.pl

niedziela, 19 kwietnia 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, 10 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, 26 stycznia 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.


10:02, 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:

Wine talks; ask anyone. The oracle at the street corner; the uninvited guest at the wedding feast; the holy fool. It ventriloquizes. It has a million voices. It unleashes the tongue, teasing out secrets you never meant to tell, secrets you never even knew. It shouts, rants, whispers. It speaks of great plans, tragic loves and terrible betrayals. It screams with laughter. It chuckles softly to itself. It weeps in front of its own reflection. It revives summers long past and memories best forgotten. Every bottle a whiff of other times, other places, every one -- from the commonest Liebfraumilch to the imperious Veuve Clicquot -- a humble miracle. Everyday magic, Joe had called it. The transformation of base matter into the stuff of dreams. Layman's alchemy.

Take these six in Jay's cellar, for instance. The Specials. Not wines really meant for keeping, but he kept them all the same. For nostalgia's sake. For a special, yet-to-be-imagined occasion. Six bottles, each with its own small handwritten label and sealed with candle wax. Each had a cord of a different color knotted around its neck, raspberry red, elderflower green, blackberry blue, rose hip yellow, damson black. The last bottle was tied with a brown cord. Specials '75, said the label, the familiar writing faded to the color of old tea.

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

But inside was a hive of secrets. There was no escaping them: their whisperings, their catcalls, their laughter. Jay had hidden them behind a crate of more sober vintages the day he'd brought them back from Pog Hill Lane. Five weeks later he could almost persuade himself they were forgotten. Even so he sometimes imagined he heard them, without really knowing what it was he heard.

Jay Mackintosh was thirty-seven. Unremarkable but for his eyes, which were Pinot Noir indigo, he had the awkward, slightly dazed look of a man who has lost his way. Five years ago Kerry had found this appealing. By now she had lost her taste for it. There was something deeply annoying about his passivity and the core of stubbornness beneath. She knew there were depths to Jay, but for some reason he remained sealed off to her, neatly deflecting any attempt at intimacy. Her only point of entry to that secret place was through his books. Through his book.

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. Czasami wszystko jest wynikiem zwyczajnej chemii, czegoś nieokreślonego w powietrzu; jedno banalne wydarzenie wprawia w ruch ciała, które od dawna tkwiły w stanie inercji. Jeden gest pociąga za sobą nagłe, nieodwracalne zmiany. Alchemia dla laika, jak mawiał Joe. Magia dnia powszedniego. 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.

Tagi: blockquote Q
09:58, szablonykatemac , działanie szablonu
Link
 
1 , 2
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:

Spis treści - przykładowy tytuł
Follow Me on Pinterest

kulinarny blox
Skopiuj CSS