3X - 06 Clean czerwony, przeniesione dodatki

O szablonie możesz poczytać sobie w notce: 3X - czerwony, czyli przenosimy dodatki. Jeżeli masz jakieś wątpliwości to tam możesz zadać swoje pytania. Tam znajdziesz też dodatkowe wyjaśnienia. Tutaj natomiast zostaw komentarz informujący mnie o pobraniu szablonu.

Warunki pobierania:

• Pobieranie oraz użytkowanie szablonów jest bezpłatne.
• Użytkownik zobowiązany jest do poinformowania o pobraniu szablonu komentarzem pod tym wpisem podając adres swojego bloga.
• Nie zezwalam na usuwanie z kodu CSS informacji o autorze. Mile widziany jest link do strony szablonykatemac.blox.pl.
• podsumowując, szablon jest na licencji Creative Commons - uznanie autorstwa czyli możesz:
  
  1. kopiować i używać
  2. tworzyć i rozpowszechniać utwory zależne
  Na następujących warunkach:
  
  1. Uznanie autorstwa. Szablon należy oznaczyć w sposób przeze mnie określony.

Jeżeli podoba Ci się mój szablon i zgadzasz się powyższe warunki kliknij w znaczek „Ładny blox? Skopiuj mój CSS” i skopiuj na swój blog.

Miłego korzystania
szablonykatemac.blox.pl

Trzecia kolumna z treścią dowolną jest rzeczą bardzo indywidualną - co sobie stworzysz to będziesz mieć w trzeciej szpalcie. Pamiętaj jedynie aby to umieścić w ramach znacznika

<div id="Trzecia">Tutaj zawartość trzeciej szpalty</div>

Nie powinno to być szersze niż 200px bo tyle przeznaczyłam w szablonie na trzecią kolumnę ale w gruncie rzeczy jeżeli będzie za duże to schowa się za krawędź okna przeglądarki i tyle.

Jeżeli chcesz uzyskać wygląd boksów w trzeciej szpalcie taki jak jest na tym blogu przykładowym z szablonem to uporządkuj dodatki w polu na kod HTML.

Miejsce na kod

Zacznijmy od informacji najprostrzej: dodadki a więc i Trzecą Szpaltę dodaje sie poprzez pole na kod HTML.

Edycja bloga -> USTAWIENIA -> BOCZNA SZPALTA -> Dodatki

Jeżeli masz problem ze znalezieniem tego miejsca to zapraszam do notki ilustrującej drogę krok po kroku: Ilustrowany przewodnik po bloksie - Dodawanie dodatków.

Kody dodatków

Najważniejszy znacznik to ten div z identyfikatorem Trzecia, on jest niezbędny, reszta jest już dowolna. Możemy w jego ramach wklejać kody widgetów (np. facebook-strona-like), skryptów ulepszających nasz blog (np. Ostatnie komentarze), banerków reklamowych czy zupełnie dowolnej treści własnej. Konieczne jednak jest użycie choćby kilku znaczników HTML choćby po to aby dodać ilustrację bądź link. Warto więc wszystko od razu mieć uporządkowane. Tak jak zakładki dodajesz w ramach folderów, porządkując je w ten sposób tak samo możesz uporządkować sobie dodatki.

Do uporządkowania elementów w bocznej szpalcie używam dwóch klas: boks i tyt. Boks to klasa pojedynczego pudełka do którego pakuję przeróżną zawartość. Jeżeli potrzebuję zatytułować element to dodaję pudełko opisane klasą tyt, którą opisałam w szablonie na wzór innych etykiet. Przykładowy kod będzie wyglądał mniej więcej tak:

<div class="boks">
<div class="tyt">Nazwa etykiety</div>
Zawartość pojedynczego boksu. Może być dowalona, mogą to być przeróżne wklejki, pojedyncze paragrafy, listy etc.
</div>

Jako zawartość można wpisywać dowolne znaczniki

• akapitu <p>Pojedynczy akapit może zwierać wiele różnych rzeczy</p>
• linku <a href="http://adres-linku">treść linku</a>
• ilustracji <img src="http://adres-ilustracji" alt"opis ilustracji" />
• lista wypunktowana <ul><li>pierwszy element listy</li><li>drugi element listy</li></ul>
• rozdzielacz treści <hr />
• miejsce łamania wiersza <br />

Ewentualne pytania proszę zadawać na głównym blogu w notkach poświęconych dodawaniu treści w boksach albo ogólnie trzeciej szpalty.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Link do strony głównej z moimi szablonami szablonykatemac połączony z linkiem do innej strony z szablonami - szablon_team i jeszcze może odnośnik do strony stylekatemac.blox.pl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnop

Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Na koniec link do przykładowej strony statycznej zobacz»

Pangram - Mężny bądź, chroń pułk twój i sześć flag.

Jak będzie wyglądał wpis podzielony na wstęp i treść

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Wpis bez tytułu zawierający blockquote, listę wypunktowaną i numerowaną

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Z pojedyńczym wcięciem tekstu...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

a także czasami przydatnym podwójnym wcięciem tekstu czyli blockquote w blockquote...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra.

To jest blockquote w blockquote.

Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.

Lista wypunktowana

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Quisque sed felis.
• Aliquam sit amet felis.
• Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam.
• Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.
• Aliquam pharetra.
• Nulla in tellus eget odio sagittis blandit.
• Maecenas at nisl.
• Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula.
• Mauris eu wisi.

Lista numerowana

1. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus.
2. Mauris et mauris.
3. Duis sed massa id mauris pretium venenatis.
4. Suspendisse cursus velit vel ligula.
5. Mauris elit.
6. Donec neque.
7. Phasellus nec sapien quis pede facilisis suscipit.
8. Aenean quis risus sit amet eros volutpat ullamcorper.
9. Ut a mi.
10. Etiam nulla.
11. Mauris interdum.