Rozdział 8.
Tworzenie wyróżniających się tytułów
Tytuły używane są do prowadzenia po ekranie wzroku osoby przeglądającej stronę i wyróżniania ważnych obszarów i myśli, jednak bez powodowania, że tytuły te staną się przytłaczające i nieznośne. Dzięki możliwościom umiejscawiania dostępnym w kaskadowych arkuszach stylów możesz tworzyć tytuły, w których teksty o różnych wielkościach i kolorach będą się wzajemnie
nakładały. Oczywiście możliwości
wykorzystania takiego rozwiązania są nieograniczone, poniżej przedstawiłem jeden z pomysłów, od których możesz zacząć.
Aby stworzyć nakładający się tekst
1. Stwórz zewnętrzny plik CSS, zawierający kod przedstawiony na listingu 8.7. Ten kod definiuje, że nagłówki poziomu 2 i 3 (znaczniki <H2> i <H3>) będą elementami umiejscawianymi względnie.
2. W dokumencie HTML-owym podaj tytuły używając do tego znacznika <H2>. Następnie podaj tekst, który chcesz umieścić jako tytuł, używając do tego znacznika <H3>. Listing 8.8 pokazuje, jak powinien wyglądać taki kod. Wyniki jego użycia pokazane zostały na rysunku 8.8.
Listing 8.7. Ten koci tworzy nagłówki poziomów 2 i 3 używane do tworzenia wyróżniających się tytułów, które następnie zostaną zaimportowane do kodu przedstawionego na listingu 8.8
H2 {
position: relative; top: 5px; left: 5px;
font: bold italic 72pt times, serif; color: #CCCCCC;
}
H3 {
position: relative; top: -65px;
font:bold 18pt helvetica,arial,sans-serif color: #000000; margin-left: 0px;
)
Listing 8.8. Reguły przedstawione na listingu 8.7 są importowane z kodu i wykorzystane w jego znacznikach
<html>
<head>
cmeta h t tp-equi v="Content-Type" ~>content="texu/html; charset=ISO-88S9-2"> <title>Listing 8.8</title>
<LINK rel="stylesheet" type="text/css" ->href="Listing-8-7.css">
</head> cbocty bgcoior "SFFFFFF">
<h2>Rozdział 3</h2>
<h3>Kilka słów o tabelach</h3>
<p>W języku HTML definiuje się po ...</p> <p>Para znaczników TR i /TR służy ...</p> <p>Podpisy tabel informują o tym, ...</p> </body>
</html>
■i 3 ti. Z* KrJ *£ idi
tac V Home Cii*fc Pńrtl Security
“1
Klika słów o tabelach
Rysunek 8.8. Wyróżniający się tytuł tworzony jest przez słowo .. Rozdział 3 " wyświetlane „pod" słowami.. Kilka słów o tabelach "
W języku HTML definiuje się po kolei wszystkie wiersze tabelt, a każdy z wierszy zawiera definicję wszystkich zawartych w ram komórek Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jego komórki, następnie drugi wiersz i jego
W \ y&i are śmba. Cr*xm
140