style kate mac

Wpis

• « Poprzedni wpis
• Następny wpis »

środa, 14 września 2011

01 Subtelny, różowo-oliwkowy

Szablon na nowym kodzie. Subtelny, kwiatowy, beżowy. Delikatny, lekko cieniowany. Całkiem typowy i zwyczajny. Oglądałam wszystkie dostępne szablony bazowe z nowym kodem od blox.pl i wygląda to w najlepszym razie średnio. Pierwsza partia była ok, druga momentami dużo słabsza ale nie wiem czy specjalnie, czy przez pomyłkę ta druga partia ma zasadniczo inny kod. Nie jest to zmiana tylko wewnętrzna, w zasadzie głównie zewnętrzna: korzystając z jednego z szablonów z drugiej partii nasz blog wyświetla wszystkie elementy zarówno na stronie głównej jak i na stronie z pojedynczym wpisem. Toż to rewolucja...

---

Szablon subtelny 01 - różowo-oliwkowy,
na nowym kodzie, dla blogów na blox.pl. -590px- 

---

Szablon będzie miał co najmniej dwa bliźniacze projekty, łatwo go też będzie nieco pozmieniać. Na razie jest prawostronny i w notce mieści ilustracje do 590px. Pewnego razu, w przyszłości zmienimy mu stronność a także wypróbujemy w wersji jednokolumnowej gdzie wpisy będą bardzo szerokie.

Adres szablonu: http://style01katemac.blox.pl

Uwagi o szablonie

szerokość szablonu	900px
szerokość głównej szpalty	590px
szerokość bocznej szpalty	260px
kolor tła	jasne (#fff)
kolor tekstu	grafitowy (#333)
kolor linków	różowy (#aa5555)
pozostałe kolory	różowy (#bb7777), oliwkowy (#887733)
krój użyty w notce	Times, 'Times New Roman'
wielkość tekstu notki	wartość względna: 1.2 ze small (ok. 14px)
interlinia w notce	wartość względna: 1.6em
maksymalna wielość elementów graficznych w notce	590px
css-owe ramki przy grafikach	nie
wypunktowanie/numerowanie	automatyczne
pogrubienie/kursywa	automatyczne
blok cytatu (blockquote)	przesunięcie, zmiana koloru (#666), kursywa
nagłówki w notce (h1, h2, h3, h4, h5, h6)	h3 - większy rozmiar (1.4em); górny odstęp
wyróżnienie akapitów	odstęp po 10px od góry i dołu
baza bloksowa	nowy kod, szablon new_template7
skrypty użytkowników, wklejki	Ostatnie komentarze
dodatkowe klasy i identyfikatory	#menu-top - górne menu (długość 860px) .kont - kontener z treścią w bocznej szpalcie h2 - etykieta tytułowa boksów w bocznej szpalcie

Nowe szablony podzieliłam na cztery główne typy. Ze względu na główny układ wizualny: horyzontalne i wertykalne. Ze względu na podkreślenie jednej z części: top i treść. Typy nie są jednoznacznie i wyraźnie określone i rozdzielone, zachodzą na siebie i to raczej kwestia przypadku i bardzo subiektywnego odczucia gdy przypisuję dany szablon do jednego z nich. Subtelny jest typem treść. Winieta, część tytułowa jest wyraźnie wyróżniona i ozdobiona ale ale to na części z treścią skupia się większa uwaga mimo iż jest pozbawiona ozdób.

Jeżeli chcesz wprowadzić zmiany w szablonie to nie krępuj się. Przygotowałam cztery alternatywne topy ale polecam w zasadzie tylko deski i papier. Kwiaty i słowa są za bardzo wzorzyste. Pliki należy załadować do zasobów bloga i podmienić ich adres w arkuszu css przy selektorze #naglowek.

---

Szablon łatwo można zmienić na taki z wąską szpaltą po lewej stronie. Wystarczy w arkuszu CSS, przy selektorze #tresc-glowna zmienić pływanie elementu z float:left; na float:right; i gotowe. Dokładniejsze informacje można znaleźć w notce Zmiana stronności szablonów subtelnych (na lewostronne). Są tam dokładne wyjaśnienia, krok po kroku a na koniec gotowiec w postaci arkusza stylów, który załadowany powinien zmienić szablon na lewostronny. Jeżeli chcesz skorzystać z gotowca a trochę nie wiesz jak to w notce o zmianie jest króciutka i prosta instrukcja. 

---

Szablon może też być jednokolumnowy. Sama zmiana układu na jednokolumnowy nie jest bardzo trudna. Poszerzamy zarówno główną szpaltę jak i poboczną a następnie ustalamy pływanie elementów dla treści pobocznej. Oczywiście jest gotowy arkusz stylów dla wersji jednokolumnowej. Można też spróbować trochę bardziej po swojemu poukładać elementy z wąskiej szpalty. Czasami przydałaby się szersza chmurka tagów, czasami ukrycie archiwum, przeniesienie wyszukiwarki, czasem trzeba by rozbić zakładki na mniejsze elementy, albo może dodatków jest bardzo dużo...

Proponuję zapoznać się z kilkoma przydatnymi notkami:

• 02 Subtelny, niebieski
• 03 Subtelny, zgaszony pistacjowy
• Jak wymienić obrazek w tytule bloga?
• Jak dodać boksy w bocznej szpalcie?
• Jak zrobić górne poziome menu?
• Zmiana stronności szablonów subtelnych (na lewostronne)
• Subtelne jednokolumnowe, jak przenieść boczną szpaltę i poszerzyć szeroką
• Subtelne jednokolumnowe, układanie treści pobocznej w dolnej szpalcie (ukrycie archiwum, przeniesienie wyszukiwarki, poszerzenie chmurki tagów, zakładek, dodatków)

Szczegóły wpisu

Tagi:

• różowy
• subtelny
• typ treść
• -590px-
• Times New Roman
• zielony

Kategoria:

• moje szablony

Autor(ka):

kate_mac

Czas publikacji:

środa, 14 września 2011 13:59

Opcje

• Poleć znajomemu wpis „01 Subtelny, różowo-oliwkowy”
• Dodaj komentarz do wpisu „01 Subtelny, różowo-oliwkowy” i/lub któregoś z (4) komentarzy
• Śledź komentarze przez RSS do wpisu „01 Subtelny, różowo-oliwkowy”

Trackback

Trackback URL dla wpisu:

http://stylekatemac.blox.pl/2011/09/01-Subtelny-rozowo-oliwkowy.trackback

• Subtelny: zmiana stronności z „ Style kate mac ” datowany na 2011/10/12 12:39:24:

  Łatwość zmiany stronności szablonu jest jedną z zalet nowego kodu. Poprzednio poza zmianami w css trzeba było zmienić html uważając przy tym aby wybrać najbardziej podobny bo różnice pomiędzy poszczególnymi szablonami bazowymi mogły być spore. Tym ...

• Subtelny: jednokolumnowy z „ Style kate mac ” datowany na 2011/10/26 08:21:13:

  Najbardziej chyba klasycznym, popularnym blogowym szablonem jest Kubrick. Jego wersja bloksowa jest w szablonach podstawowych a i ja sama tuningowałam ją wielokrotnie. Bardzo chciałam zrobić też inny wordpressowy szablon, Hemingway a. Nigdy nie udało ...

• Subtelny: jednokolumnowy, układanie treści pobocznej z „ style kate mac ” datowany na 2011/10/31 12:48:59:

  O pływaniu elementów ciekawie napisał kiedyś e-maupa w notce: Podstawy layoutu CSS - część II . Ta część była poświęcona właśnie właściwości float. Korzystając z właściwości tam opisanych w ostatniej notce ułożyłam sobie elementy w wąskiej szpalcie, ...

Komentarze

Dodaj komentarz

• irytek05 napisał(a) komentarz datowany na 2011/09/16 15:50:14:

  Witaj Kate, fajnie, że wróciłaś:) I to z jakim rozmachem!;) Piękne masz te szablony, są w pełni profesjonalne. Widzę w nich też nowości css:)
  Liczę, że kiedyś zrobisz na blogu małą lekcję, jak przenieść w nowych szablonach szukajkę z pobocznej na nagłówek. Do tej pory nie udało mi się ;) Dziwne są te nowe kody, w niektórych arkuszach występuja podwojnie. Nie mam też pojęcia jak rozwiązać problem braku w nowych szablonach znaczka do kopiowania css, a właśnie zauważyłam, że na Twoich są;)
  Pozdrawiam serdecznie!

• kate_mac napisał(a) komentarz datowany na 2011/09/18 11:16:14:

  @irytek
  
  Irytku pięknie Cię znowu widzieć w moich progach ;) Normalnie stęskniłam się za Tobą, Byłaś osobą która zmotywowała mnie do zrobienia pierwszego szablonu i robienie szablonów bez Ciebie jest jakieś dziwne nieco :D
  
  Nowe kody przede wszystkim nie są wcale takie jednakowe jak to początkowo głoszono. Polecam Ci pracę na template_7 to ten czarno-magentowy, jest najbardziej podobny do tych starych poza tym, że nie robi układu tabelami. Do tego cały ten drugi zestaw 'nowych' szablonów wyświetla wszystkie elementy zarówno na głównej jak i na pojedynczej czy statycznej. Template_7 ma coś jak BlogGlownyBox (wrapper) a nawet NadTytul (corrnerTop) czy Stopka (corrnerBottom). Z takimi znacznikami chyba będzie Ci łatwiej czuć się swobodniej w nowym kodzie.

• irytek05 napisał(a) komentarz datowany na 2011/09/20 01:03:49:

  Kate, to prawda, namawiałam cię do wyjścia z teorii do praktyki, bo Ty chciałaś najpierw wszystkiego się nauczyć :D. Nawet się nie domyslasz, że uważam Cię za własne odkrycie :D
  Już wtedy, gdy poznałam twoje pierwsze próby, wiedziałam, że będziesz dobrą szablonistką, od razu powiadomiłam o tym Taishe:) A teraz jesteś świetna. Szablony robisz z wielką strannością, są pomysłowe, nawet z nowym kodem nie masz trudności, czego o sobie nie mogę powiedzieć;)
  Ja też czułam się samotna, gdy Cię nie było przez kilka miesięcy. Czyżbyś zrezygnowała?- zastanawiałam się. W tym czasie zrobiłam kilka szablonów, Ty wróciłaś, a ja kończę już swą działaność, jeszcze tylko opublikuję czekający na to od dłuższego czasu ostatni szablon i pozostanie mi podziwianie prac innych. Oczywiście będę zaglądać, zanudzać pytaniami, bo nawet kiedy nie robię, to lubię wiedzieć:)
  
  Pozdrawiam serdecznie:)

• kate_mac napisał(a) komentarz datowany na 2011/09/28 09:56:40:

  @Irytek
  Mnie ciekawość też zawsze zżera i irytuje się gdy nie mogę odkryć dlaczego coś działa tak a nie inaczej. Co do nowego kodu to mniej więcej zaczynam go "łapać" ale mówiąc szczerze traktuję go jak stary.
  
  Szkoda, że przestajesz robić szablony bo bardzo Twoje projekty lubiłam. Mają bardzo stylowy wygląd, nieprzesadzony i elegancki. Nie ma co się jednak zmuszać i pozostaje mi mieć tylko nadzieję, że zrobisz sobie tylko dłuższą przerwę i wrócisz. Bo ja polecam powrót raz na jakiś czas. Dostaje się wtedy fajnego pozytywnego kopa gdy realizowany projekt okazuje się atrakcyjny. Jasne można takiego "kopa" uzyskać w każdej innej dziedzinie...

Dodaj komentarz