Przejdźmy do reszty. Będzie 1 nagłówek i 3 sygnaturki, 2 w koloryzacjach.
Bierzesz piszesz! Dla ciebie chwila a dla mnie 3x więcej!
P.S. Zajrzy do nas nowa graficzka ;D
#Blog1 {background-color: RGBa(50, 11, 18, 0.7);border-top: 10px solid #B6D6C8;border-bottom: 10px solid #B6D6C8;border-left: 2px solid #B6D6C8;border-right: 2px solid #B6D6C8;border-radius: 60px;}
background-color to jest kolor tła posta można wpisać też url <poprzednia lekcja> RGBa albo HTML. Sama polecam RGB bo to ostatnie 0.7 to jest przezroczystość. Border-top znaczy krawędzie top - góra itp. Obok wpisujemy kody HTML, można RGB url nie!!! . To tyle praktycznie już mamy zrobiony post.
.post {
background-color: ;
padding: 15px;
margin-right: 0px;
border-radius: 60px;
text-align: justify;
}
Tutaj znajdują się marginesy. px można dowolnie zmieniać.
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.
Teraz w szarym oknie na górze klikamy Zaawansowane <ostatnie>, przewijamy suwak na sam dół i klikamy na samym dole ,,Dodaj arkusz CSS''
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 )}
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ą.
Tak trzeba, zaraz to naprawimy kolejnym kodem. Tak więc otwieramy arkusz CSS i piszemy.header {height: WYSOKOŚĆpx;}
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 ^-^
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.