O szablonach, ich projektowaniu i moich z tym zmaganiach...

CSS: tytuł bloga

Kontener z częścią tytułową nazywam najczęściej topem, nagłówkiem albo winietą. Nie ma on skomplikowanej  zawartości i jest przez to w miarę konsekwentnie zbudowany. Nie ma tu też żadnych tabel więc wygląd tej części można zmieniać bardzo swobodnie. Jedyny kłopotliwy drobiazg to fakt, że nad tytułem w niektórych przypadkach wyświetla się dodatkowy kontener. Bynajmniej nie jest on kłopotem tam gdzie się wyświetla, jest zupełnie pozbawiony zawartości. Po prostu na niektórych blogach go nie ma.

Kontener z tytułem bloga

#BlogTytulBox
identyfikator opisujący kontener z całą zawartością części tytułowej, zarówno link tytułowy jak i opis; idealne miejsce do przypisania w tle (background) ilustracji tytułowej
#BlogTytulText
identyfikator opisujący wygląd tytułu bloga, element blokowy; odpowiada tylko za wygląd słów w tytule ale już nie w opisie; równie dobre miejsce na obrazek w tle tytułu
#BlogTytulText h1
kombinator opisujący wygląd tytułu strony jako śródtytułu pierwszego stopnia (tylko po włączeniu optymalizacji);
przeglądarka zmieni margines (margin) elementu, wielkość oraz grubość kroju (font-size, font-weight) warto więc zniwelować te cechy i ustalić je po swojemu
#BlogTytulText a
kombinator odpowiedzialny za wygląd linku tytułowego, element liniowy więc aby wygodnie było mu przypisać tło należy zmienić jego sposób wyświetlania na blokowy;
#BlogTytulOpis
identyfikator odpowiedzialny za wygląd opisu bloga, element blokowy; wyświetla się po włączeniu opisu w edycji bloga (WYGLĄD -> POZOSTAŁE)

BlogTytulBox

element nad tytułem

Część szablonów poza kontenerem tytułowym posiada także zupełnie pusty kontener nad tytułem, który do niczego nie służy ale może zostać wykorzystany do wyświetlenia przykładowo dodatkowych elementów tła.

#NadTytul
identyfikator opisujący kontener umieszczony nad kontenerem z tytułem bloga; element blokowy bez zawartości

#NadTytul

  • Szablony które posiadają znacznik z identyfikatorem NadTytul:
    • lewostronne:
      • biały
      • 0Dtheme (Blogowy)
      • 0Ftheme (Zielony)
      • 1themeB
      • 1themeD
      • 1themeE
      • 1themeH
      • 2themeC (Rin)
    • prawostronne:
      • 0Etheme (Spokojny)
      • 2themeA (Almost Spring)
      • 2themeB (Kubrick)
      • 2themeD (Connections)
  • Szablony które nie posiadają znacznika z identyfikatorem NadTytul:
    • lewostronne:
      • default (Theme A)
    • prawostronne:
      • niebieski
      • klasyczny
      • 1themeC
      • 1themeF
      • 1themeG
      • 1themeI
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...