Changeset 4:49903d1fe188

Show
Ignore:
Timestamp:
05/23/09 21:33:25 (15 years ago)
Author:
František Kučera <franta-hg@…>
Branch:
default
Message:

Logo (první verze: „SQL: tenhle jazyk tě bude bavit!“) a ikonky pro ok, varování, chybu nebo tip u výsledku.

Location:
html
Files:
6 added
4 modified

Legend:

Unmodified
Added
Removed

  • html/ahoj.html

    r2 r4  
    8383    </tbody> 
    8484</table> 
    85 <p>Ahoj. Právě jsi zmáčknul tlačítko :-)</p> 
     85<p class="vysledekOK">Ahoj. Právě jsi zmáčknul tlačítko :-)</p> 
     86<p class="vysledekVarovani">Tohle se zobrazí při varování.</p> 
     87<p class="vysledekChyba">A tohle, když se něco nepovede.</p> 
     88<p class="vysledekTip">„Nějaký pěkný tip, citát, nebo <a href="http://frantovo.cz/blog/">odkaz</a> na stránku.“</p> 

  • html/hlavni.js

    r3 r4  
    3737 **/ 
    3838function zobraz(text, kde) { 
    39     document.getElementById(kde).innerHTML = text; 
     39    document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>'; 
    4040} 
    4141 

  • html/index.html

    r3 r4  
    1010    </head> 
    1111    <body> 
    12         <div id="zahlavi"><p>SQL: pojďte si hrát!</p></div> 
     12        <div id="zahlavi"><h1>SQL: pojďte si hrát!</h1></div> 
    1313 
    1414        <div id="bloky"> 

  • html/styl.css

    r3 r4  
    1818#zahlavi { 
    1919    height: 48px; 
     20    background-image: url('grafika/logo.png'); 
     21    background-repeat: no-repeat; 
     22    margin-left: 5px; 
     23} 
    2024 
     25#zahlavi h1 { 
     26    display: none; 
    2127} 
    2228 
    … …  
    136142    text-decoration: none; 
    137143} 
     144 
     145/** Ikonky pro zprávu k výsledku */ 
     146#vystupniPole p { 
     147    background-repeat: no-repeat; 
     148    padding-left: 22px; 
     149} 
     150 
     151#vystupniPole p.vysledekOK { 
     152    background-image: url('grafika/vysledek-ok.png'); 
     153} 
     154 
     155#vystupniPole p.vysledekVarovani { 
     156    background-image: url('grafika/vysledek-varovani.png'); 
     157} 
     158 
     159#vystupniPole p.vysledekChyba { 
     160    background-image: url('grafika/vysledek-chyba.png'); 
     161} 
     162 
     163#vystupniPole p.vysledekTip { 
     164    background-image: url('grafika/vysledek-tip.png'); 
     165    color: gray; 
     166    font-style: italic; 
     167}