Posty

Kody CSS do postów. Dzięki nim możemy stworzyć niepowtarzalny wygląd naszego bloga. Komendy, które znajdują się poniżej - oczywiście rzecz jasna bez podpisów do czego służą np.: wyśrodkowanie tytułu posta - należy wkleić do specjalnego arkusza.

Ale gdzie go znaleźć?

Pewnie nie raz zmienialiście szablon bloga, dopasowując kolory, czcionki, tła i inne dodatki. Jeżeli jednak nie mieliście okazji, gdyż jesteście tu od niedawna, wytłumaczę wszystko od samego początku.

1. W pulpicie nawigacyjnym - czyli tam gdzie jest spis waszych blogów, a niżej posty, które pojawiły się na blogach obserwowanych przez was - klikamy nazwę bloga - oczywiście naszego, ze spisu. Pojawi nam się 'panel' a dokładniej wszystko, co możemy zrobić na danym blogu, np.: posty, strony, statystyki.

2. Po lewej stronie znajduje się menu bloga, pod Nowy post. Naszych 'kart' jest dokładnie dziesięć, jeżeli jesteśmy administratorem danego bloga. Na samym dole znajduje się karta Ustawienia. Nie będziemy jej ruszać. Wyżej jest Szablon. To właśnie tu zaczniemy wszystko. Klikamy Szablon. Pokaże nam się obrazek, na którym możemy zobaczyć część bloga, który jest podglądem. Obok jest podgląd na telefonie, jednak to nie będzie nam potrzebne. Pod większym obrazkiem znajduje się funkcja 

Dostosuj i Edytuj kod HTML. My wybieramy funkcję Dostosuj. Przenosi nas do edytowania wyglądu bloga a także zmiany szablonu. 

3. My początkowo znajdujemy się w 'karcie' Szablony. Ja osobiście polecam Rewelacja i ten pierwszy, cały czarny. Jednak tym będziemy zajmować się kiedy indziej. Gdy zdecydujemy się na szablon i dostosujemy w nim parametry czcionki, tło a nawet w niektórych kolor przewodni oraz dodamy, usuniemy itp. funkcje, wchodzimy w Zaawansowane. Na samym dole znajduje się Dodaj arkusz CSS.

4. To właśnie nim się zajmiemy. Gdy klikniemy, pokaże nam się pusta, biała 'kartka'. Przeznaczona jest ona, do wklejania poniższych kodów.

5. Gdy już wybierzemy i przeniesiemy tam dane kody, należy zatwierdzić zmiany w prawym, górnym rogu.

GOTOWE!

Kody CSS przeznaczone do zmian wyglądu postów.

!UWAGA!

Skopiuj CAŁY kod, bez pominięcia jakichkolwiek znaków. Gdy zabraknie kropki, lub jakiegokolwiek innego znaku, kod CSS może nie zadziałać!

Wyśrodkowanie:

Wyśrodkowanie tytułu posta

h3.post-title, .comments h4 {text-align: center;}

 Wyśrodkowanie daty

 h2.date-header {text-align: center;}

Cienie:

Cienie za tekstem, pod tytułem posta

h3.post-title, .comments {text-shadow: 1px 1px 5px}

Cień pod datą 

h2.date-header, .comments {text-shadow: 1px 1px 5px}

Przezroczystość:

Półprzeźroczyste tło 

.post {opacity: 0.7;}

Marginesy:

Marginesy

 

.post {padding: 20px;}

Suwaki:

Suwak w notce

 

.post { overflow: scroll; width: 465px; height: 400px; )

Pogrubione, napisany kursywą parametry można zmieniać według swoich upodobań. To co jest podane, to tylko propozycje.

Lista kodów CSS będzie aktualizowana. Jeżeli wystąpią tu - jak i na innych stronach - jakieś zmiany, powiadomię o tym.