Wstęp

Witam na blogu xnstrukcje. Blog stworzony został z zamiarem pomocy początkującym szabloniarzom. Instrukcje piszę sama, czasami podaje linki do innych potrzebnych stron. Główne posty dotyczą w szczególności CSSa i podstawowego HTMLu.
!!ważna ankieta!!

Popularne posty

Aktualności

Nowe instrukcje:
- Animacja, czyli @keyframes
- Level up #2
- Tworzenie szablonów - cz. 3

AKTUALIZACJA: 10.06.2019

Selektory

TREŚĆ
b - pogrubienie
i - kursywa
u - podkreślenie
strike - przekreślenie

LINKI
a:link - zwykły, nieodwiedzony link
a:visited - odwiedzony link
a:hover - link, kiedy najedziemy na niego kursorem

EDYCJA POSZCZEGÓLNYCH CZĘŚCI WIDŻETU#id* h2 - edycja nagłówka konkretnego widżetu
#id .widget-content - edycja samej zawartości widżetu
#id a - edycja linków w zawartości widżetu
#id li - edycja listy w widżecie (jeśli jest)
      *id - jest to np. #LinkList1

OGÓLNE
body - cały blog, razem z paskiem nawigacyjnym
.navbar - pasek nawigacyjny
.main-inner - główna część bloga, tzn. wszystkie kolumny bez nagłówka
.column-center-inner - środkowa kolumna bloga
.column-right-inner - prawa kolumna bloga
#sidebar-right-2-1 - lewa kolumna w prawej kolumnie bloga
#sidebar-right-2-2 - prawa kolumna w prawej kolumnie bloga
.column-left-inner - lewa kolumna bloga
#sidebar-left-2-1 - lewa kolumna w lewej kolumnie bloga
#sidebar-left-2-2 - prawa kolumna w lewej kolumnie bloga

NAGŁÓWEK
.header - nagłówek bloga (tylko na szerokość zawartości bloga)

STOPKA
.footer-outer - stopka (na całą szerokość okna)
.footer-inner - stopka (na szerokość zawartości bloga)
.foot - każdy widżet w stopce (cały)
#footer-1 - widżet w stopce, pierwsza linijka, na całą szerokość zawartości bloga
#footer-2-1 - pierwszy z lewej widżet w stopce (druga linijka)
#footer-2-2 - drugi z lewej widżet w stopce (druga linijka)
#footer-2-3 - trzeci z lewej widżet w stopce (druga linijka)
#footer-3 - widżet w trzeciej linijce w stopce
.Attribution - napis Technologia Blogger i nazwa szablonu

POSTY
#Blog1 - post razem z datą, stopką i napisem Starszy post / Strona główna / Nowszy post
.blog-posts - cały pasek z postami (jak środkowa kolumna), bez napisu Starszy post / Strona główna / Nowszy post
.date-header - data
.date-header span - całe pole z datą
.post - post "wewnątrz", bez daty, ale z nagłówkiem i stopką
.post-body - sama notka, tzn. post bez daty, nagłówka i stopki
.post-title - obszar tytułu posta
.post-title a - link tytułu posta (sam tekst)
.post-footer-line - osobne linijki stopki posta
.post-author - napis Autor: M pod postem
.post-author span - samo M pod postem (Autor: M)
.post-timestamp - godzina opublikowania posta (o 10:30)
.timestamp-link - godzina opublikowania posta (samo 10:30, bez o)
.post-comment-link - ramka wokół linku do komentarzy
.comment-link - link do komentarzy
.post-labels - etykiety posta
#blog-pager - ramka z linkami Starszy post / Strona główna / Nowszy post
.blog-pager a - same linki Starszy post / Strona główna / Nowszy post
.blog-pager-older-link - ramka z linkiem Starszy post
.home-link - ramka z linkiem Strona główna
.blog-pager-newer-link - ramka z linkiem Nowszy post
.feed-links - napis Subskrybuj Posty: (Atom)
.post-body img - obrazki w notkach

KOMENTARZE
 .comments p - sama treść komentarza
.comments-content - wszystkie komentarze razem wzięte
.comment-header - data i autor komentarza
.comment-block - .comment-header i .comments p razem
.comments .comments-content .user - autor komentarza
.comments .comments-content .datetime - data komentarza
.comments .comment .comment-actions a - 'odpowiedz', 'usuń' pod komentarzem
.comments .avatar-image-container - obrazek/avatar przy komentarzu
.comments h4 - nagłówek komentarzy(np. '12 komentarzy:')

WIDŻETY
h2 - nagłówki wszystkich widżetów
.widget-content - zawartość wszystkich widżetów
#PageList1 - strony
#Blog1 - posty
#Attribution1 - napis Technologia Blogger i nazwa szablonu
#Profile1 - o mnie
#Label1 - etykiety
#BlogArchive1 - archiwum bloga
#NewsBar1 - skrót wiadomości
#LinkList1 - lista linków
#Image1 - obrazek
#Text1 - tekst
#HTML - HTML/JavaScript
#CustomSearch1 - pasek wyszukiwania
#PopularPosts1 - popularne posty
#Stats1 - statystyka
#Translate1 - tłumaczenie

Brak komentarzy:

Prześlij komentarz

scroll to top