Przejdź do treści

Indeks, wyszukiwarka

Wygląd

Jeżeli nie odpowiada nam podstawowy wygląd indeksu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku indeks.css należy wkleić np.:

#indeks {
	width: 300px;
	padding: 10px 0;
	background: #ccc;
	border: 2px outset #aaa;
	text-align: center;
	margin: 1em auto;
}

#indeks input.text {
	width: 290px;
}

#indeks select {
	width: 100%;
	margin: 2px 0 10px 0;
}

#indeks input.button {
	width: 100px;
	margin-left: 5px;
	margin-right: 5px;
}

W wyróżnionych miejscach wpisano identyfikator indeksu, zdefiniowany uprzednio w pliku indeks_hasla.js. Teraz w nagłówku dokumentu (X)HTML (<head>...</head>), na którym wstawiony jest indeks haseł, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów:

<link rel="Stylesheet" type="text/css" href="indeks.css" />

Komentarze

Zobacz więcej komentarzy