20. Tworzenie nagłówka [gimp]

Cześć! Postanowiłam, że warto napisać post, biorąc pod uwagę graficzną stronę. Przecież szablon nie składa się z samych kodów. Olbrzymią rolę pełni nagłówek, który nadaje klimat. Jesteście w stanie wyobrazić sobie blog z opowiadaniem, który nie ma tematycznego nagłówka? Samym CSSem nie jesteśmy w stanie w pełni oddać emocji i charakteru. Dlatego dziś tutorial pod tytułem Tworzenie nagłówka. 

19. Edycja Gadżetów: O mnie

Cześć! Postanowiłam skupić się na pojedynczych gadżetach. W dzisiejszym poście przestawię Wam całą konstrukcję #Profile1, czyli O mnie. Na pierwszy rzut oka, wydaję się być nudnym dodatkiem. Zazwyczaj nie zwraca się na niego uwagi, jednak ładnie edytowany może grać kluczową rolę w szablonie.

18. California

pobierz

podgląd na żywo

Po kilku miesiącach ciężkiej pracy mogę to wreszcie powiedzieć! Skończyłem pracę nad szablonem i wreszcie mogę wam go pokazać i jeśli chcecie możecie go pobrać. Szablon jest dosyć prosty to dla czego tyle czasu  zajeło mi zrobienie go? Poniekąd wina Bloggera i z drogiej strony lenistwo. To wszystko dało takie efekty, że właśnie dopiero go oddaję do użytku. Chciałbym też podziekować Oreuis za cierpliwość do mnie, bo pewnie nie raz  ją nadwyrężyłem. Nagłówek oczywiście wykonała Oreuis a ja dopisałem CSS. Już niedługo zabieram się za kolejny szablon w klimacie świątecznym. Główną rolę w szablonie będzie odgrywał nagłówek wykonany przeze mnie. Jeśli chcesz mi pomóc w css lub w grafice to jestem otwarty na wszelkie propozycje :)

Infinity

17. Strony na nagłówku

Po sporej przerwie w końcu publikuję kolejną instrukcję. Ostatnio nie miałam czasu i pomysłów, dlatego jeśli jest coś o czym byście chcieli napisać, dajcie mi znać w komentarzu. Cieszę się, że zadajecie pytania. Nie krępujcie się tego robić. Z chęcią odpowiem, a przynajmniej postaram się na każde odpowiedzieć.
Dzisiaj pokażę jak ustawić strony na nagłówku.

16. Strony w kształcie kółek

Na prośbę Cαѕѕιє zamieszczam instrukcję na strony w kształcie kółek. Poniżej znajdą się przykładowe kody na ich wygląd zarówno przed i po najechaniu kursorem.

15. Kody na menu

Przychodzę dziś z instrukcją na menu. Zdaję sobie sprawę, że czasem trudno wymyślić jakieś fajny wygląd menu i jego efekt po najechaniu. Samo zmienienie koloru czasem nie wystarcza, dlatego postanowiłam dać wam parę gotowych kodów. Trochę czasu zajęło mi zrobienie żywych podglądów w poście. Mam jednak nadzieję, że wszystko dobrze się wyświetla. 

14. Zmieniający się obrazek w poście

Zamieszczam tu instrukcję na zmianę obrazka w poście po najechaniu na niego kursorem specjalnie dla SeAa48PL.

13. Edycja kolumn za pomocą kodów CSS

Pora na dalszą część CSSa. Poprzednim razem pokazywałam jak wstawić nagłówek i stworzyć układ szablonu (Wstawianie nagłówka i jego edycja). Nadszedł czas na pokazanie Wam jak łatwo edytować kolumny i wszystko co się w nich zawiera. Kody są naprawdę łatwe, więc nie powinniście mieć problemów.

12. Dodawanie i dostosowywanie czcionek w szablonach cz.I

Witam serdecznie z tej strony Reusaira. 

Być może ktoś kojarzy mnie z świeżo otwartego bloga mego autorstwa. Jednak mam dobre serce i chciałabym się dzielić moją wiedzą i doświadczeniem z innymi. Dlatego postanowiłam dołączyć do załogi TS. Chciałabym na początku podziękować Oreuis za przyjęcie mnie tutaj. Mam nadzieję, że wspólnymi siłami uda się nam jak i Wam, drodzy czytelnicy, stworzyć różne wspaniałe szablony oraz powalające z nóg prace graficzne. Także zaczynajmy!

11. Częste błędy graficzne cz.II

Nie ma ludzie nieomylnych dlatego przedstawiam drugą część Graficznych Błędów. Przejrzałam po raz kolejny moje stare prace by pokazać na nich rzeczy, których nie powinno się robić. Jak zwykle na każdej pracy błędów po kilka. Skupiłam się jednak tylko na kilku z nich. Zapraszam do lektury!

10. Wstawianie nagłówka i jego edycja

Jak dodać nagłówek na bloga używając kodów CSS? Dzisiaj odpowiem Wam na to pytanie. Samo wstawienie nagłówka nie jest trudne. Schody zaczynają się dopiero przy zgraniu go z układem bloga.

9. Gimp - pierwsze kroki

Była już mowa o selektorach i szablonach, jednak zapomniałam o jednej z najważniejszych rzeczy. Nagłówek sam się nie zrobi. Aby go stworzyć potrzebować będziemy program graficzny. To w nim powstanie nasze dzieło, które potem ozdabiać będzie nasz blog. Na celownik obrałam sobie Gimpa - program, z którym zaczęło swoją graficzną przygodę wielu grafików, w tym ja.

8. Układ szablonu

Wiele razy spotkałam się z tym, że osoby zamawiające szablon nie wiedzą czym różni się układ otwarty od zamkniętego. Dlatego mam zamiar przedstawić wam jak dany układ wygląda by już nikt nie miał z tym problemu.

7.One Last Time

Nie wierzyłem, że kiedyś nadejdzie taki dzień, kiedy będę mógł powiedzieć wam, że mam dla was szablon! Stworzyłem ten szablon we współpracy z Oreuis ponieważ to ona pomagała mi w css i bez niej szablon by nie powstał. Bardzo chciałbym ci Ola podziękować za poświęcenie swojego cennego czasu na pomocy w kodowaniu. Chciałbym aby każdy z was podzielił się swoją opinią dotyczącą tego szablonu i zapraszam do pobierania!

6. Przygotowanie bloga do edycji.

Co zrobić gdy znamy selektory, mamy gotowy nagłówek i plan na wygląd bloga? Szablon sam się nie zrobi. Zawsze można pobawić się narzędziami do edycji wyglądu, które oferuje nam projektant motywów bloggera. Daje nam to jednak ograniczone możliwości. Nagłówek można wstawić w układzie, a kolor postów i tekstu dostosować w motywie. Na tym nasza praca by się skończyła gdyby nie arkusz CSS, w którym możemy napisać kody.

5. Częste błędy graficzne cz.I

Jak idzie Wam nauka selektorów? Mam nadzieję, że nie sprawia Wam problemów. Aby nie katować Was w kółko CSSem postanowiłam napisać o błędach przy tworzeniu nagłówków. Jak dobrze wiecie szablon to nie sam CSS, ale również grafika, od której zależy nastrój panujący na blogu. Osobiście uważam, że trudniej jest wykonać nagłówek niż napisać kod. Dlatego przedstawię wam częste błędy popełniane przez początkujących grafików.

4. Selektory

W poprzednim poście napisałam czym są selektory. Każdy element bloga ma swoją nazwę, której trzeba się nauczyć. Nie są to wymyślone przeze mnie terminy, nie da się też ich zmieniać, chyba, że sami dodamy jakiś element w HTMLu i nadamy mu nazwę. Na razie jednak skupimy się na tych istniejących, najbardziej popularnych selektorach. 

3. Co to CSS?

Gotowi na lekcję kodów? Kody CSS brzmią jak czarna magia. Mam jednak nadzieję, że po tym artykule wszystko Wam się rozjaśni. Sama przez to przechodziłam i wiem jak strasznie to wyglądała na początku. Gdy jednak zacznie się obcować z pewnymi terminami, przestają być one takie obce. Najważniejsze jest by zrozumieć ten język a nie kopiować i wklejać gotowe kody. W taki sposób nie da się niczego nauczyć. Oczywiście potrzeba czasu. Pomimo trzech lat siedzenie w CSSie, wciąż korzystam ze ściągawki przy niektórych selektorach, jednak większość kodów znam i przede wszystkim rozumiem.

2. Hosting

Od czegoś trzeba zacząć, prawda? Pierwszą rzeczą, z którą miałam problem gdy wzięłam się za tworzenie szablonów było hostowanie plików. Aby dodać tło czy nagłówek potrzebowałam linku. Na początku dodawałam grafikę na przykładowym blogu i stamtąd pobierałam jej adres url. Niestety blogger lubi niszczyć jakość i linki są bardzo długie. Z biegiem czasu dowiedziałam się o kilku darmowych stronach, które oferują hosting plików.

1.Hold me now

Nadeszła ta chwila czyli opublikowanie pierwszej notatki na blogu! Ale może zacznijmy od początku,nazywam się Dorian i mam 15 lat. Przygodę z grafiką zacząłem 4 lata temu. Wszystko zaczeło się od strony na fb,to właśnie tam zacząłem robić grafiki na zamówienie i gdyby nie to to pewnie by mnie tu nie było.  Jestem tutaj by się czegoś nauczyć. Moim takim małym marzeniem jest nauczyć się robić szablony. Próbowałem już nie raz samemu coś zdziałać,ale z mniejszym lub większym skutkiem mi się to nie udowało. Mam dzisiaj dla was bardzo mało grafik,ale obiecuje ,że następnym razem będzie więcej! Mam nadzieję ,że moje prace przypadną wam do gustu.