Tak Grafiki nie ma ale to potem. Wiele osób prosi mnie o szablon. A nie chcecie własnego? Z podpisem sama zrobiłam? Tego tutaj się nauczymy. Na sam początek, proszę nie grzebać w HTML. A więc pytanie 1.
- Jak się wchodzi do okienka CSS?
Wchodzimy na bloggera. Rzecz oczywista, następnie wybieramy swój blog na którym chcemy zmienić szablon <proponuję zrobić oddzielny blog na 1. raz, ale wtedy TRZEBA zrobić jakiegoś posta i wybieramy szablon PROSTY> Po lewej stronie, na liście wybieramy Szablon.
Następnie Dostosuj.
KLIK!
Teraz w szarym oknie na górze klikamy Zaawansowane <ostatnie>, przewijamy suwak na sam dół i klikamy na samym dole ,,Dodaj arkusz CSS''
KLIK!
Z tym białym okienkiem będziesz pracował(a). Załóżmy, że chcemy zrobić szablon taki jak tu jest. Na samym początku robimy/pobieramy nagłówek powinien być spory, oraz wgrywamy obrazek na tinypic.com albo inną stronę, kopiujemy link z końcówką .jpg .png .gif itp. . Tak jak tutaj. Dobra piszemy.body {background-image: url (LINK )}
- STOP! Co to znaczy? Do czego to służy?
Body - ciało, czyli cały blog, wygląd, głowa to jest np. ikona, tekst wyświetlany na karcie itp. Background? Jasne, tło. Image? - rysunek, zdjęcie. url to właśnie ten link. Służy to do wstawienia nagłówku. Wyrzucamy słowo LINK i wklejamy urlTeraz nic nie piszemy w arkuszu. Chyba umiecie dodawać tło, co? Nie będę wam tego tłumaczyć. Ale dodajemy tło jakąś ikonkę, może nawet przezroczyste tło jeśli macie. Kliknijcie przewijanie ze stroną.
- Nagłówek mamy jako tło co?
Tak trzeba, zaraz to naprawimy kolejnym kodem. Tak więc otwieramy arkusz CSS i piszemy.header {height: WYSOKOŚĆpx;}
- O co chodzi?
Co to znaczy? Przesunięcie WSZYSTKIEGO niżej, aby nagłówek się zmieścił. Usuwamy słowo WYSOKOŚĆ i wpisujemy tam dowolną liczbę. Tutaj wyszło 650. ale tylko, żeby między np. 300 a px;} nie było spacji, jasne? I mamy sobie nagłówek ^-^
Ja ne! (cześć!)
Cola i Wata
Dużo nad tym się napracowałyśmy, więc proszę nie kopiować, pytania w komentarzach, będziemy odpowiadać, a kolejne to będzie Obróbka Postu. Już nie długo; to mniej zajmuje czasu.
Brak komentarzy:
Prześlij komentarz