Szablon bożonarodzeniowy na starym kodzie, dla blogów na blox.pl. -570px-
czwartek, 18 grudnia 2008

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.

Ładny blox? Skopiuj mój CSS
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

sobota, 13 grudnia 2008

1. Favikoną na blogu z tym szablonem jest ikonka stworzona przez Zeus Box (Kuswanto) i udostępniona na licencji GNU General Public License

favicon tą i pozostałe świateczne ikonki od Zeus Box znaleźć możesz na stronie www.iconarchive.com
Aby grafika wyświetlała się jako favikonka dodaj do zasobów wybrany plik zmieniając mu nazwę na "favicon" (najlepiej kwadrat o rozmiarze 16x16px), w formacie (z rozszerzeniem) ico, png lub jpg.
W roli favikony możesz też użyć dowolnej ikonki - dla przykładu zobacz listę świątecznych ikon

2. szablon ten jest dostosowany do kilku popularnych skryptów

  • zwijane archiwum - testblog skopiuj» 
  • ostatnie komentarze - testblog skopiuj»
  • zwijane zakładkiexperymenty informatyczne skopiuj»
  • avatary z MBL w komentarzachpioornik skopiuj»
  • Bloczek - wpisy z blogów - blogfrog skopiuj»
  • bloczek - nowe blogi - blogfrog skopiuj»
  • tagi delicious na blogu - delicious skopiuj»
    • o tym jak tagować swoje bloxowe wpisy pisał eskey
    • jeżeli chcesz aby Twoje tagi wygladały tak jak te na tym blogu ustaw kolory jako aa8811-ddbb44 a rozmiar jako 12-20
3. Kilka przydatnych informacji o szablonie

 

Przyjemnego blogowania.
szablonykatemac.blox.pl

środa, 26 listopada 2008

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

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.

poniedziałek, 24 listopada 2008

szablonykatemac

Link 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 przypadkowo wybranej strony - 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»

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:26, szablonykatemac , działanie szablonu
Link
czwartek, 20 grudnia 2007

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:

Marley was dead: to begin with. There is no doubt whatever about that. The register of his burial was signed by the clergyman, the clerk, the undertaker, and the chief mourner. Scrooge signed it. And Scrooge's name was good upon 'Change, for anything he chose to put his hand to. Old Marley was as dead as a door-nail.

Mind! I don't mean to say that I know, of my own knowledge, what there is particularly dead about a door-nail. I might have been inclined, myself, to regard a coffin-nail as the deadest piece of ironmongery in the trade. But the wisdom of our ancestors is in the simile; and my unhallowed hands shall not disturb it, or the Country's done for. You will therefore permit me to repeat, emphatically, that Marley was as dead as a door-nail.

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

Scrooge knew he was dead? Of course he did. How could it be otherwise? Scrooge and he were partners for I don't know how many years. Scrooge was his sole executor, his sole administrator, his sole assign, his sole residuary legatee, his sole friend, and sole mourner. And even Scrooge was not so dreadfully cut up by the sad event, but that he was an excellent man of business on the very day of the funeral, and solemnised it with an undoubted bargain. 

The mention of Marley's funeral brings me back to the point I started from. There is no doubt that Marley was dead. This must be distinctly understood, or nothing wonderful can come of the story I am going to relate. If we were not perfectly convinced that Hamlet's Father died before the play began, there would be nothing more remarkable in his taking a stroll at night, in an easterly wind, upon his own ramparts, than there would be in any other middle-aged gentleman rashly turning out after dark in a breezy spot -- say Saint Paul's Churchyard for instance -- literally to astonish his son's weak mind. 

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. Będę żył w przeszłości, teraźniejszości i przyszłości (...) Zamknę w sercu Ducha Przeszłych, Teraźniejszych i Przyszłych Wigilii. O Jakubie Marleyu. Niechże niebiosa i wigilia Bożego Narodzenia będą błogosławione za łaskę mi zesłaną. 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:47, 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

Skopiuj CSS