Przejdź do treści

Skrypty / 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 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" href="indeks.css">

Czytaj dalej

Aby kontynuować kurs przejdź do poprzedniego lub następnego artykułu:

Komentarze

Zobacz więcej komentarzy

Facebook