Nietypowy szablon z cudzym topem, na starym kodzie, dla blogów na blox.pl. Autorem nagłówka jest Wirdy Hamidy. -540px-
poniedziałek, 04 czerwca 2012

O szablonie możesz poczytać sobie w notce: Cudzesy: dziwny szablon monotypiczny. 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ł inaczej. Zawsze to był This Is How It Feels, zawsze miał intensywne i jaskrawe kolory... tylko nieco inne.

This Is How It Feels

Zmian w szablonie jest bardzo dużo.Wygląda on całkiem podobnie ale w rzeczywistości zmieniłam niemal wszystko. W poprzedniej wersji kolorami linków były czerwony, zielony i fioletowy ale w zupełnie innych odcieniach niż teraz. Czcionka była monotypiczna ale był to staroświecki Courier New. Grafika w tytule miała dodatkowe ozdobniki w postaci spinaczy co znacznie utrudniało jej ewentualną wymianę. Teraz jeżeli komuś podoba się szablon i jego dodatki ale nie odpowiada mu grafika w topie może ją łatwo wymienić. Podobnie elastyczne i przechylne zmianom są pozostałe szablony z cudzym topem.

szablon This Is How It Feels

Ważną osobliwością szablonu jest sposób opisania wyglądu popularnych znaczników html. Bardzo wyraźnie jest to widoczne w wypunktowaniu, wzmocnieniu i emfazie (kilka innych też zmieniłam ale są mniej charakterystyczne). Mimo iż zrezygnowałam z kroju udającego czcionkę starej maszyny do pisania w dalszym ciągu pozostawiłam font o stałej szerokości znaku. Wiele związanych z nim cech opisałam w sposób bardziej współczesny ale znaczniki wzmocnienia czy emfazy postanowiłam cofnąć do ery maszyny do pisania gdzie wzmocnienie uzyskiwało się poprzez wbicie litery kilka razy (aby miała bardziej wytłuszczony wygląd) a  emfazę poprzez rozstrzelenie tekstu.

środa, 09 lipca 2008

Opis ze Smashing Magazine

The ideas are quite simple. Valentines soon, so I got this idea of making this header. Each of them represents feelings as it is presented in ways such as the graphics itself, colors etc. I made all the images my self. Just got them after compiling all my artworks from my artbag and then I just simply paint them using Photoshop.

header_love

Back to the feelings, I may make a list of definitions for it.

  • On the left side, the girl with plaster glued on her mouth means she cant say what she actually want to say. you know, sometimes people just cant spit the words out when someone likes this person.
  • Then, you can see these two couples, from this, I use colors to symbolize feelings. green is for envy and red is for desire. every couple fights — obviously. But in the end, they still love each other anyway. you can see it from the faces (the couple graphic).
  • And that sheep, it’s symbolizes a female. You might laugh about this, but its true! Sheeps fur is soft, like girls, soft on the outside but then you see the real deal inside. The reason I place the sheep like that is to show how girls can just simply make the guy fall for her and be the queen in just one blink.
  • And for the background, its just some doodles I made at my science class last 2 years, I think it fits this whole thing don’t you think?

Designed by Wirdy Hamidy from Brunei Darussalam.

19:59, szablonykatemac , autor
Link
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»

12:23, szablonykatemac , działanie szablonu
Link

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
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