Index: html/ahoj.html
===================================================================
--- html/ahoj.html	(revision 2:26a11fc8e3e4)
+++ html/ahoj.html	(revision 4:49903d1fe188)
@@ -83,3 +83,6 @@
     </tbody>
 </table>
-<p>Ahoj. Právě jsi zmáčknul tlačítko :-)</p>
+<p class="vysledekOK">Ahoj. Právě jsi zmáčknul tlačítko :-)</p>
+<p class="vysledekVarovani">Tohle se zobrazí při varování.</p>
+<p class="vysledekChyba">A tohle, když se něco nepovede.</p>
+<p class="vysledekTip">„Nějaký pěkný tip, citát, nebo <a href="http://frantovo.cz/blog/">odkaz</a> na stránku.“</p>
Index: html/hlavni.js
===================================================================
--- html/hlavni.js	(revision 3:35e9706113b0)
+++ html/hlavni.js	(revision 4:49903d1fe188)
@@ -37,5 +37,5 @@
  **/
 function zobraz(text, kde) {
-    document.getElementById(kde).innerHTML = text;
+    document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
 }
 
Index: html/index.html
===================================================================
--- html/index.html	(revision 3:35e9706113b0)
+++ html/index.html	(revision 4:49903d1fe188)
@@ -10,5 +10,5 @@
     </head>
     <body>
-        <div id="zahlavi"><p>SQL: pojďte si hrát!</p></div>
+        <div id="zahlavi"><h1>SQL: pojďte si hrát!</h1></div>
 
         <div id="bloky">
Index: html/styl.css
===================================================================
--- html/styl.css	(revision 3:35e9706113b0)
+++ html/styl.css	(revision 4:49903d1fe188)
@@ -18,5 +18,11 @@
 #zahlavi {
     height: 48px;
+    background-image: url('grafika/logo.png');
+    background-repeat: no-repeat;
+    margin-left: 5px;
+}
 
+#zahlavi h1 {
+    display: none;
 }
 
@@ -136,2 +142,26 @@
     text-decoration: none;
 }
+
+/** Ikonky pro zprávu k výsledku */
+#vystupniPole p {
+    background-repeat: no-repeat;
+    padding-left: 22px;
+}
+
+#vystupniPole p.vysledekOK {
+    background-image: url('grafika/vysledek-ok.png');
+}
+
+#vystupniPole p.vysledekVarovani {
+    background-image: url('grafika/vysledek-varovani.png');
+}
+
+#vystupniPole p.vysledekChyba {
+    background-image: url('grafika/vysledek-chyba.png');
+}
+
+#vystupniPole p.vysledekTip {
+    background-image: url('grafika/vysledek-tip.png');
+    color: gray;
+    font-style: italic;
+}
