Szablon z cudzym topem, na starym kodzie, dla blogów na blox.pl. Autorem nagłówka jest Maria. -560px-
wtorek, 05 czerwca 2012

O szablonie możesz poczytać sobie w notce: Cudzesy: elastyczny trzyszpaltowiec z kubkami. 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.

skopiuj kod szablonuJeż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

piątek, 25 lipca 2008

Do maja 2012 roku ten szablon wyglądał zupełnie inaczej. Zawsze to był Cups of Tea, zawsze miał stonowane kolory i ozdobniki.

cups of tea

Najważniejszą zmianą jakiej dokonałam było uproszczenie wyglądu bloga i dodanie trzeciej kolumny. Grafika w topie nie ma żadnych dodatkowych ozdobników czy cienie i ustawiona jest do prawej krawędzi. Teraz jeżeli komuś bardzo zależy na powyższym nagłówku ale nie podoba mu się wzorek w tle albo odwrotnie, podoba mu się cały szablon ale chce w nagłówku mieć własna ilustrację to nie ma najmniejszego problemu, Cups of Tea się dostosuje. Podobnie elastyczne i przechylne zmianom są pozostałe szablony z cudzym topem.

szablon cups of tea

Ciekawostką związaną z szablonem jest tytuł bloga. Specjalnie głowiłam się jak estetycznie umieścić na blogu opis po to aby część tytułową, gdzie dodana jest grafika w tle zostawić tylko dla tytułu bloga i całą przestrzeń uczynić linkiem. W poprzedniej wersji bloga tak nie było. Nie było też trzeciej szpalty, która po lewej pojawia się tylko jeżeli pozwala na to ekran użytkownika.

piątek, 11 lipca 2008

Opis ze Smashing Magazine

In the second image the two cups of tea are associated with a moment of relax. Usually the Fellowsisters are represented by two female figures or by two analogue or complementary objects. Designed by María from Spain.

header2

sobota, 05 lipca 2008
Urodziny_szablony_kate_macLorem 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.

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 strony stylekatemac.blox.pl. Nagłowek za poschodzi ze strony www.smashingmagazine.com. 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.


12:20, 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 pojedyńczym wcięciem tekstu...

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.

a także czasami przydatnym podwójnym wcięciem tekstu czyli blockquote w blockquote...

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.

To jest blockquote w blockquote.

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.

12:13, szablonykatemac
Link
 
1 , 2


Spis treści, przykład
Trzecia szpalta

Jest to symetryczna trzecia szpalta, położona absolutnie. Dodatkowo szerokość bloga jest elastyczna i zależna od szerokości okna przeglądarki. Trzecia sama z siebie się nie pojawi. Po pierwsze konieczne jest miejsce na nią a to zrobi się jeżeli okno przeglądarki będzie miało co najmniej 1280px. Aby pojawiła się treść w trzeciej kolumnie należy cały kod zaplanowanej trzeciej kolumny objąć znacznikiem div o identyfikatorze Trzecia.

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:

urodziny szablony kate mac
Skopiuj CSS