Gdy tworzyłem obecny szablon, najwięcej problemów przysporzył mi CSS. Dokładniej angielskie nazwy selektorów i cechy. Tworzę tu spis selektorów, zarówno tych podstawowych, jak i tych bardziej wyszukanych, których dotąd użyłem i które zapewne będę używał w przyszłości, a nazwy nie będę pamiętam :P Zapewne przydadzą się nie tylko mi. Dziś część I. W tym poście zajmę się selektorami, w przyszłym cechami i różnymi podstawowymi trickami. Starałem się spisać także te, które nie były jeszcze wymienione na żadnym blogu. Pomogą wam (i mi) przy tworzeniu własnego wyglądu bloga i kodu HTML.
- body - cały blog
- .header lub .header-inner - nagłówek z szerokością bloga - PATRZ
- .header-outer lub .header-fauxborder-left - też nagłówek, ale na całej szerokości - PATRZ
- .main-inner - obszar postów, kolumn i pagera(ad. 19) - PATRZ
- .main-outer - obszar postów kolumn i pagera(ad. 19), ale na całej szerokości - PATRZ
- .post-outer - post oprócz daty - PATRZ
- .date-outer - post z datą - PATRZ
- .hentry - coś podobnego do "post-outer" - PATRZ
- .post-body - tylko obszar pisania posta - PATRZ
- h2 - tytuły wszystkich gadżetów + data posta
- h2.date-outer lub .date-outer - tylko data posta
- h3 lub h3.post-title lub .post-title lub .entry-title - tylko tytuł posta
- .comment-link - napis "... komentarzy" pod postem - PATRZ
- h4 lub .comments h4 - napis "... komentarzy" po kliknięciu w komentarze - PATRZ
- .post-footer - stopka posta - PATRZ
- .post-author lub .vcard - autor postu wyświetlany w notce
- .post-timestamp - okno godziny dodania postu (wraz z literą "o" przed godziną)
- .published - okno godziny dodania postu (bez litery "o" przed godziną)
- .blog-pager - obszar z napisami: "starsze posty", "nowe posty"
- .feed-links lub .blog-feeds - obszar z napisem "Subskrybuj: Posty (Atom)"
- .footer-inner - stopka bloga z szerokością bloga - PATRZ
- .footer-outer - stopka bloga, ale na całej szerokości
- .column-center-inner - środkowa kolumna - PATRZ
- .column-left-inner - lewa kolumna (nie to samo co 27)
- .column-right-inner - prawa kolumna
- .sidebar lub .sidebar.section - wszystkie gadżety we wszystkich kolumnach
- #sidebar-left-1 - wszystkie gadżety w lewej kolumnie (nie to samo co 24) - PATRZ
- #sidebar-right-1 - wszystkie gadżety w prawej kolumnie
- a:link - nieodwiedzony link
- a:hover - link po najechaniu myszką
- a:selected - odwiedzony link
- selektory i cechy do kart dodała już Yassmine -> TU
- nazwę selektora danego gadżetu można poznać najeżdżając na IKONĘ EDYCJI danego gadżetu i po znaku "#" wpisać to, co widnieje po "widgetId=". PRZYKŁAD
W związku z moim wyjazdem na narty (środa-niedziela), nie mam pojęcia jak często będzie pojawiać się tu cokolwiek. Będę miał laptopa i pendrive, na którym mam wszystko, ale wiecie... to nie to samo. Może będzie pojawiać się tu coś codziennie, może rzadziej, a może w ogóle nic. Nie wiem, zobaczymy... Życzcie powodzenia ;) No i wreeeeeszcie odpocznę.
Right in - Skrillex