Logo (první verze: „SQL: tenhle jazyk tě bude bavit!“) a ikonky pro ok, varování, chybu nebo tip u výsledku.
1.1 --- a/html/ahoj.html Sat May 23 20:59:09 2009 +0200
1.2 +++ b/html/ahoj.html Sat May 23 21:33:25 2009 +0200
1.3 @@ -82,4 +82,7 @@
1.4 </tr>
1.5 </tbody>
1.6 </table>
1.7 -<p>Ahoj. Právě jsi zmáčknul tlačítko :-)</p>
1.8 +<p class="vysledekOK">Ahoj. Právě jsi zmáčknul tlačítko :-)</p>
1.9 +<p class="vysledekVarovani">Tohle se zobrazí při varování.</p>
1.10 +<p class="vysledekChyba">A tohle, když se něco nepovede.</p>
1.11 +<p class="vysledekTip">„Nějaký pěkný tip, citát, nebo <a href="http://frantovo.cz/blog/">odkaz</a> na stránku.“</p>
2.1 Binary file html/grafika/logo.png has changed
3.1 Binary file html/grafika/logo.xcf has changed
4.1 Binary file html/grafika/vysledek-chyba.png has changed
5.1 Binary file html/grafika/vysledek-ok.png has changed
6.1 Binary file html/grafika/vysledek-tip.png has changed
7.1 Binary file html/grafika/vysledek-varovani.png has changed
8.1 --- a/html/hlavni.js Sat May 23 20:59:09 2009 +0200
8.2 +++ b/html/hlavni.js Sat May 23 21:33:25 2009 +0200
8.3 @@ -36,7 +36,7 @@
8.4 * @param kde id prvku, do kterého se má text vypsat
8.5 **/
8.6 function zobraz(text, kde) {
8.7 - document.getElementById(kde).innerHTML = text;
8.8 + document.getElementById(kde).innerHTML = text + '<p> <!-- Šťastné hackování ;-) --></p>';
8.9 }
8.10
8.11 /**
9.1 --- a/html/index.html Sat May 23 20:59:09 2009 +0200
9.2 +++ b/html/index.html Sat May 23 21:33:25 2009 +0200
9.3 @@ -9,7 +9,7 @@
9.4 <title>SQL: pojďte si hrát!</title>
9.5 </head>
9.6 <body>
9.7 - <div id="zahlavi"><p>SQL: pojďte si hrát!</p></div>
9.8 + <div id="zahlavi"><h1>SQL: pojďte si hrát!</h1></div>
9.9
9.10 <div id="bloky">
9.11 <div class ="blok" id="napoveda">
10.1 --- a/html/styl.css Sat May 23 20:59:09 2009 +0200
10.2 +++ b/html/styl.css Sat May 23 21:33:25 2009 +0200
10.3 @@ -17,7 +17,13 @@
10.4 /** Prostor pro logo a název programu */
10.5 #zahlavi {
10.6 height: 48px;
10.7 + background-image: url('grafika/logo.png');
10.8 + background-repeat: no-repeat;
10.9 + margin-left: 5px;
10.10 +}
10.11
10.12 +#zahlavi h1 {
10.13 + display: none;
10.14 }
10.15
10.16 /** Obal kolem bloků */
10.17 @@ -135,3 +141,27 @@
10.18 color: black;
10.19 text-decoration: none;
10.20 }
10.21 +
10.22 +/** Ikonky pro zprávu k výsledku */
10.23 +#vystupniPole p {
10.24 + background-repeat: no-repeat;
10.25 + padding-left: 22px;
10.26 +}
10.27 +
10.28 +#vystupniPole p.vysledekOK {
10.29 + background-image: url('grafika/vysledek-ok.png');
10.30 +}
10.31 +
10.32 +#vystupniPole p.vysledekVarovani {
10.33 + background-image: url('grafika/vysledek-varovani.png');
10.34 +}
10.35 +
10.36 +#vystupniPole p.vysledekChyba {
10.37 + background-image: url('grafika/vysledek-chyba.png');
10.38 +}
10.39 +
10.40 +#vystupniPole p.vysledekTip {
10.41 + background-image: url('grafika/vysledek-tip.png');
10.42 + color: gray;
10.43 + font-style: italic;
10.44 +}
