
Wrota do Coneq uważam za w pełni otwarte, długo zwlekałam z pełnym powrotem, ale zawsze mi coś po drodze wypadło, a to sesja na uczelni, a to brak chęci i tak bym mogła wymieniać bez końca, jednak w końcu zebrałam się z tego popiołu i postanowiłam w pełni wrócić do blogowania, nigdy nie robię coś na pół gwizdka. Chcę na tym nowym blogu wyrażać jeszcze więcej samej siebie, w przemyśleniach jak i w grafice, tak więc szukajcie głębi to czego na pierwszy rzut oka nie widać, analizujcie i odczytujcie to co tworzę, jeżeli szukacie doskonałej, przepięknej i pustej grafiki to źle trafiliście, moje blogowe dzieła nigdy nie będę doskonałe w kategorii wyglądu, estetyki , moje dzieła są czymś więcej niż tylko grafiką, są taflą lodu w której odbijam siebie, moje życie i moje emocje, tylko wyobraźnia i w pełni otwarte oczy dostrzegą głęboko ukrytą wartość.
Długo pracowałam nad szablonem, ale jestem zadowolona, choć jest kilka elementów które chce jeszcze zmienić. Wyraziłam w nim moje zimowe wspomnienia dzieciństwa, emocje dziecka, oczami romantyka, zupełnie jak dziecko w balladzie 'król elfów'
Goethe'go.
p o r a d n i k css n o w i c j u s z a
Jest mnóstwo dobrych blogów z komendami css, ale nie ma żadnego który by nauczył podstaw i byłby pomocny dla osób które dopiero co założyły bloga na platformie blogspot.com, dlatego postanowiłam na waszą prośbę stworzyć taki poradnik.
1. Gdy założycie blog, w pierwszej kolejności należy, po zalogowaniu do systemu zmienić USTAWIENIA fabryczne na takie jakie odpowiadają waszym potrzebom, np: ustawić tytuł bloga, sposób komentowania itp, ustawienia fabryczne często utrudniają blogowanie dlatego w pierwszej kolejności należy je zmienić.
blogger.com/home > wybrany blog > ustawienia
2. Gdy już ustawiliśmy ustawienia, zabieramy się do zmiany w wyglądzie bloga, w pierwszej kolejności wybieramy domyślny szablon, ja mam ustawiony szablon o nazwie 'Prosty'.
blogger.com/home > wybrany blog > szablon
3. Kolejnym krokiem jest dostosowanie szablonu do naszych potrzeb, czyli zmiana podstawowych elementów na takie jakich oczekujemy, wykonuje się je w tak zwanym 'Projektant szablonów Bloggera' , można w nim zmienić, tło, szerokość bloga, układ, wielkość i kolor czcionek itp.
blogger.com/home > wybrany blog > szablon > dostosuj
4. Teraz pora na dobór gadżetów 'ramek uniwersalnych' takich jak statystyka, linki, archiwum itp, również wedle własnych potrzeb.
blogger.com/home > wybrany blog > układ > dodaj gadżet
5. Do tej pory znajomość języka css nie była nam potrzebna, problem pojawia się jeżeli chcecie w wyglądzie waszego szablony zmienić więcej elementów, których nie da się zmienić za pomoc edytora w prosty sposób, wtedy potrzebna wam będzie znajomość podstaw css.
Czym jestet css ?
Arkusz stylów CSS to lista dyrektyw (tzw. reguł) ustalających w jaki sposób ma zostać wyświetlana przez przeglądarkę internetową zawartość wybranego elementu (lub elementów). Można w ten sposób opisać wszystkie pojęcia odpowiedzialne za prezentację elementów dokumentów internetowych, takie jak rodzina czcionek, kolor tekstu, marginesy, odstęp międzywierszowy lub nawet pozycja danego elementu względem innych elementów bądź okna przeglądarki.
Osoby które miały już styczność na informatyce z innymi językami takimi jak : java, pascal, czy popularny html wiedzą, że każdy język komputerowy posiada swoją specyficzną strukturę i znaki, w przypadku css podstawowa struktura wygląda tak:
selektor { właściwość: wartość }
UWAGA ! Przed większymi zmianami zalecam zapisania swojego szkicu css, na wypadek jakiegoś błędy czy złej nieodwracalnej zmiany! Wtedy w łatwy sposób przywrócimy dawne ustawienia.
blogger.com/home > wybrany blog > szablon > Utwórz/przywróć kopię zapasową > Pobierz pełny szablon
Najprostszym sposobem dodawania prostych arkuszy jest niestandardowy arkusz CSS, dzięki niemu można przed zapisaniem zobaczyć efekty naszej komendy.
blogger.com/home > wybrany blog > szablon > dostosuj > zaawansowane > niestandardowy arkusz CSS
Gdy już jesteśmy w naszym niestandardowy arkuszu CSS musimy wpisać tzw komendę, fragment arkusza css, który zmieni nam interesujący element na taki jaki chcemy, podstawowa struktura wygląda tak:
selektor { właściwość: wartość }
pamiętajcie że każdy nawet pojedynczy znak ma istotną rolę i bez niego komenda nie zadziała, na podstawie prostej komendy wyjaśnię jak ona działa. Proste komendy można spotkać na wielu blogach, ale nie wszystkie, dlatego ja jestem zwolenniczko tworzenia ich samodzielnie na własne potrzeby ;)
#Header1{
margin: 10px
}
selektor - #Header1 - Pole Nagłówka
właściwość - margin - margines
wartość - 10px - 10 pixeli, taki będzie nasz margines na nagłówku
6. Gdy już wiecie z czego się składa arkusz css, możecie sami tworzyć komendy bądź używać już stworzonych przez innych, w przyszłym poście podam nazwy podstawowych selektorów, wartości i właściwości abyście mogli sami tworzyć owe komendy, dziś na dobry koniec dnia 3 komendy, które wystarczy skopiować do własnych niestandardowych arkuszy CSS i podziwiać efekty ;) Więcej gotowych komend możecie znaleźć na innych blogach.
Wyśrodkowanie tytuły postu
h3.post-title, .comments h4 {text-align: center;}
+
Wyśrodkowanie gadżetów w prawej kolumnie
.column-right-inner {text-align: center; }
+
Obrazek tłem całego bloga
body {background-image: url('adres obrazka'); }