Logo (první verze: „SQL: tenhle jazyk tě bude bavit!“) a ikonky pro ok, varování, chybu nebo tip u výsledku.
authorFrantišek Kučera <franta-hg@frantovo.cz>
Sat, 23 May 2009 21:33:25 +0200
changeset 449903d1fe188
parent 3 35e9706113b0
child 5 71c6de7f0a38
Logo (první verze: „SQL: tenhle jazyk tě bude bavit!“) a ikonky pro ok, varování, chybu nebo tip u výsledku.
html/ahoj.html
html/grafika/logo.png
html/grafika/logo.xcf
html/grafika/vysledek-chyba.png
html/grafika/vysledek-ok.png
html/grafika/vysledek-tip.png
html/grafika/vysledek-varovani.png
html/hlavni.js
html/index.html
html/styl.css
     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>&nbsp;<!-- Šť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 +}