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

CSS: wpis na statycznej

Stary kod udostępnia trzy sposoby wyświetlania wpisu: na stronie głównej, na stronie z pojedynczą notką i na stronie statycznej. Statyczne notki dodaje się w nieco innym miejscu niż normalne wpisy lecz sposób jest dokładnie ten sam a i kod bardzo podobny choć dysponuje własnymi nazwami identyfikatorów.

Kontener z pojedynczą stroną statyczną

#StatycznaBox
identyfikator opisujący kontener z całą treścią notki statycznej (tzw. strony) zawierający zarówno tytuł jak i treść; element blokowy;
#StatycznaTytul
identyfikator opisujący wygląd tytułu pojedynczej strony, element blokowy;
#StatycznaTytyl h2
kombinator opisujący wygląd tytułu strony jako śródtytułu drugiego stopnia;
przeglądarka zmieni margines (margin) elementu, wielkość oraz grubość kroju (font-size, font-weight);
#StatycznaZawartosc
identyfikator który opisuje wszystko co wpisujesz w polu na treść strony; element wyświetlany w bloku;
zawartość elementu zależna jest od tego co umieszczasz we wpisie ale zakładam, że kilka znaczników będzie bardzo typowych i uniwersalnych dla każdego blogu;
#StatycznaZawartosc a
kombinator opisujący wygląd linków we wpisie statycznym; element liniowy
najczęściej opisuję w tym miejscu kolor bądź rodzaj dekoracji linku jeżeli chcę aby był inny niż dla reszty blogu;
#StatycznaZawartosc img
ilustracja we wpisie; jej ułożenie jest zależne od treści ale rzeczy takie jak ramka czy odstęp można opisać tutaj;
#StatycznaZawartosc a img
ilustracja będąca linkiem
warto opisać ramkę (border) ponieważ niektóre przeglądarki czasami same ją w tym miejscu dodają więc chcąc mieć obramowanie we własnym guście tutaj należy wpisać odpowiednie style
#StatycznaZawartosc h3
kombinator opisujący wygląd śródtytułów (nagłówków trzeciego stopnia)
#StatycznaZawartosc blockquote
kombinator opisujący wygląd bloków cytatu; automatycznie przeglądarka dodaje odstęp; element wyświetlany w bloku;

#StatycznaBox

Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...