Selektory

Nie życzymy sobie kopiowania wszystkich kodów i wklejania do swoich podstron na blogach graficznych.
Szanuj naszą pracę!

Większość selektorów zawiera odnośnik do obrazka, który pokazuje jego położenie na blogu.

Selektor odpowiada za widget na stronie, któremu za pomocą cech i wartości nadamy wygląd.
Uwaga! Większość selektorów trzeba rozpoczynać kropką, lub tzw. "płotkiem (#)". 

BLOG
  • body - cały blog, razem z paskiem nawigacyjnym
  • .content - cała zawartość bloga bez paska nawigacyjnego
  • .main-inner - wszystkie kolumny
  • .navbar - pasek nawigacyjny
  • .header - nagłówek bloga
  • .Header h1 - tytuł bloga (inaczej tytuł belki)
  • h1 - tytuł bloga
  • .description - opis bloga
  • .footer-outer - stopka na całą szerokość okna
  • .footer-inner - stopka na szerokość bloga
POST
  • #Blog1 - środkowa kolumna od daty po linki Starsze/Nowsze posty
  • .post kolumna z tekstem, tytułem i stopką posta, bez daty
  • .post-body kolumna z tekstem, bez daty, tytułu i stopki postu
  • h3.post-title - tytuł posta na całą szerokość ramki i napis po wejściu w post
  • h3.post-title a - tytuł posta na stronie głównej
  • .date-header span - cały obszar daty na szerokość posta
  • .date-header - tekst daty
  • .date-outer - obszar postu (wraz z jego datą) bez pagera bloga 
  • .post-outer - obszar postu, bez jego daty i pagera bloga 
  • .post-footer - stopka posta
  • .post-author - autor postu
  • .post-author a - tylko link z nickiem autora postu
  • .comment-link - liczba komentarzy
  • .post-timestamp - godzina opublikowania postu
KOLUMNY
  • .column-center-inner kolumna środkowa
  • .column-right-inner kolumna boczna prawa
  • .column-left-inner kolumna boczna lewa 
  • .column-center-inner .widget - kolumna środkowa z podziałem na widżety
  • .column-right-inner .widget kolumna boczna prawa z podziałem na widżety
  • .column-left-inner .widget - kolumna boczna lewa z podziałem na widżety
  • .column-right-inner h2 - tytuł prawej kolumny
  • .column-left-inner h2 - tytuł lewej kolumny
  • #sidebar-right-1 - pojedyńcza prawa kolumna\
  • #sidebar-right-2-1 - lewa podkolumna w prawej kolumnie
  • #sidebar-right-2-2 - prawa podkolumna w prawej kolumnie
STRONY POZIOME
  • .tabs-outer - karty na górze w jednej linii.
  • .tabs-inner - ogólnie pasek z kartami (jedynie na szerokości bloga)
  • .tabs-inner .widget li a - karty na górze w oddzielnych klatkach
  • .tabs-inner .widget li a:hover - wybrana karta po najechaniu
  • .tabs-inner .widget li.selected a - karta podświetlona
STRONY PIONOWE
  • #PageList1 - karty/strony jako cały widget
  • #PageList1 a - wszystkie linki w gadżecie ze stronami
  • #PageList1 a:hover - linki w gadżecie ze stronami po najechaniu na nie myszką
  • #PageList1 li a - linki w stronach, każdy oddzielnie
  • #PageList1 h2 - nagłówek gadżetu ze stronami 
KOMENTARZE
  • .comments h4 - tytuł posta i napis "brak komentarzy/1 komentarz"
  • .comment p - tekst komentarza
  • .comments pole z komentarzami pod postem
  • .comment-header - obszar nagłówka komentarza, obejmujący autora i datę
  • .comment-header a - linki z autorem i datą w nagłówku komentarza
  • .comments .comments-content .user - autor komentarza
  • .comments .comments-content .datetime - data dodania komentarza
  • .comments .comment .comment-actions a - linki "Odpowiedz" i "Usuń" pod komentarzem
  • .comments .thread-toggle a - link "Odpowiedzi"
  • .continue a - linki "Odpowiedz" i "Dodaj komentarz"
  • .comment-block - komentarze
  • .avatar-image-container - avatar autora komentarza
WIDGETY
Wystarczy do widgetu dopisać h2  i jest to selektor tytułu danego widgetu,
np. #Text1 h2, #PageList1 h2
Na końcu każdego selektora widgeta znajduje się 1, jednak jeśli masz więcej niż jeden taki widget u siebie na blogu, ten który został stworzony jako drugi, będzie miał zamiast 1 - 2. Trzeci stworzony widget analogicznie - 3 itd.
  • #LinkList1 - lista linków (cały widget)
  • #Links1 - gadżet z linkami bloga (cały widget)
  • #Links1 a - linki w gadżecie z linkami
  • #Text1 - tekst na blogu (cały widget)
  • #Followers1 - obserwatorzy (cały widget)
  • #BlogArchive1 - archiwum bloga (cały widget)
  • #BlogArchive1 li a - archiwum bloga (pojedyńcze linki)
  • #HTML1 - HTML/Java Script (cały widget)
  • #Stats1 - statystyka (cały widget)
  • .Stats .counter-wrapper - statystyka, ale sama liczba wyświetleń
  • #Label1 - etykiety (cały widget)
  • #Label1 - etykiety (link)
  • #Poll1 - ankieta (cały widget)
  • #PopularPosts1 - popularne posty (cały widget)
  • #Profile1 - widget "O mnie" (cały widget)
INNE
Jeśli jesteście ciekawi jakiegoś selektora,
którego nie ma powyżej - śmiało piszcie w komentarzach.

3 komentarze:

  1. 37 yrs old Librarian Perry Jesteco, hailing from Whistler enjoys watching movies like It's a Wonderful Life and Vacation. Took a trip to Church Village of Gammelstad and drives a Ferrari 250 GT LWB California Spider. ich wyjasnienie

    OdpowiedzUsuń
  2. 54 years old Technical Writer Adella Hucks, hailing from Vancouver enjoys watching movies like "Time That Remains, The" and Creative writing. Took a trip to Primeval Beech Forests of the Carpathians and drives a Bugatti Royale Berline de Voyager. przejdz na moja strone

    OdpowiedzUsuń