Uživatel může kliknout myší na SQL kód v průvodci a snadno si ho překopírovat do vstupního pole (aby nemusel opisovat příklady).
No jo, ale to budou ti uživatelé úplně líní a nic se nenaučí :-).
1 /** Obrázky s odkazem bez rámečku */
6 /** Pozadí stránky a text */
12 /** Bezpatkové písmo */
14 font-family: sans-serif;
18 /** České uvozovky: „ */
23 /** České uvozovky: “ */
28 /** Prostor pro logo a název programu */
31 background-image: url('grafika/logo.png');
32 background-repeat: no-repeat;
40 /** Obal kolem bloků */
50 /** Vstup, výstup nebo nápověda */
52 background-image: url('grafika/blok-pozadi.gif');
57 #vstup .vnitrekBloku {
65 background-color: transparent;
74 border: 1px solid silver;
91 background-repeat: no-repeat;
94 #vstup button.zobrazitHistorii {
95 background-image: url('grafika/tlacitko-historie.png');
96 background-color: transparent;
97 background-position: center;
101 #vstup button.vykonatSQL {
102 background-image: url('grafika/tlacitko-sql.png');
106 #vystup .vnitrekBloku {
111 #napoveda .vnitrekBloku {
139 background-image: url('grafika/blok-nadpis-320.png');
142 #napoveda #napovedniPole h2 {
143 background-image: none;
157 background-image: url('grafika/navigace-pozadi.png');
173 background-repeat: no-repeat;
174 background-color: transparent;
175 background-position: center;
181 #navigace button.zpet {
182 background-image: url('grafika/navigace-zpet.png');
186 #navigace button.vpred {
187 background-image: url('grafika/navigace-vpred.png');
191 #navigace button.nasledujici {
192 background-image: url('grafika/navigace-nasledujici.png');
196 #navigace button.predchozi {
197 background-image: url('grafika/navigace-predchozi.png');
201 #navigace button.model {
202 background-image: url('grafika/navigace-model.png');
205 #navigace button.pruvodce {
206 background-image: url('grafika/navigace-pruvodce.png');
209 /** Vstupně-výstupní část */
215 background-image: url('grafika/blok-nadpis-680.png');
234 /** Formátování (výstupní) tabulky */
236 border: 1px solid green;
237 border-collapse:collapse;
238 background-color: white;
243 border: 1px solid black;
258 background-image: url('grafika/tabulka-zahlavi.png');
259 background-repeat: repeat-x;
265 text-decoration: none;
269 vertical-align: middle;
272 /** Ikonky pro zprávu k výsledku */
274 background-repeat: no-repeat;
278 #vystupniPole p.vysledekOK {
279 background-image: url('grafika/vysledek-ok.png');
282 #vystupniPole p.vysledekVarovani {
283 background-image: url('grafika/vysledek-varovani.png');
286 #vystupniPole p.vysledekChyba {
287 background-image: url('grafika/vysledek-chyba.png');
290 #vystupniPole p.vysledekTip {
291 background-image: url('grafika/vysledek-tip.png');
296 /** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
301 /** Skrytý formulář sloužící pro uchování ID průvodce z databáze */