| www/Web/AboutAuthors.cs.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
|
| 7 |
<title> O autorech projektu MLAB </title> |
|
| 8 |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB z?kladn? styl"> |
|
| 9 |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
|
| 10 |
</head> |
|
| 11 |
|
|
| 12 |
<body lang=CS> |
|
| 13 |
|
|
| 14 |
<!-- ============== HLAVI?KA ============== --> |
|
| 15 |
<div class=Header> |
|
| 16 |
<script type="text/javascript"> |
|
| 17 |
<!-- |
|
| 18 |
SetRelativePath("../");
|
|
| 19 |
DrawHeader(); |
|
| 20 |
// --> |
|
| 21 |
</script> |
|
| 22 |
<noscript> |
|
| 23 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 24 |
</noscript> |
|
| 25 |
</div> |
|
| 26 |
|
|
| 27 |
<!-- ============== MENU ============== --> |
|
| 28 |
<div class=Menu> |
|
| 29 |
<script type="text/javascript"> |
|
| 30 |
<!-- |
|
| 31 |
DrawMenu(); |
|
| 32 |
// --> |
|
| 33 |
</script> |
|
| 34 |
<noscript> |
|
| 35 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 36 |
</noscript> |
|
| 37 |
</div> |
|
| 38 |
|
|
| 39 |
<!-- ============== TEXT ============== --> |
|
| 40 |
<div class="Text"> |
|
| 41 |
<div class="AboutAuthor"> |
|
| 42 |
<h1> miho </h1> |
|
| 43 |
<p class="Name"> Milan Horkel </p> |
|
| 44 |
<img border=0 width=80 height=100 |
|
| 45 |
src="PIC/AuthorMiho.jpg" |
|
| 46 |
alt="Obr?zek miho"/> |
|
| 47 |
<p> |
|
| 48 |
Duchovn? otec projektu MLAB. Profesion?ln? v?voj?? hardwaru, systematik |
|
| 49 |
(to jako ?e nesn??? chaos)a tv?rce webu (i kdy? o tom nic nev?). |
|
| 50 |
<p> |
|
| 51 |
<p> |
|
| 52 |
Duchovn? otec projektu MLAB. Profesion?ln? v?voj?? hardwaru, systematik |
|
| 53 |
(to jako ?e nesn??? chaos)a tv?rce webu (i kdy? o tom nic nev?). |
|
| 54 |
<p> |
|
| 55 |
<ul type="none"> |
|
| 56 |
<li> Tvorba nov?ch modul? </li> |
|
| 57 |
<li> Psan? ?l?nk? </li> |
|
| 58 |
<li> WEB design </li> |
|
| 59 |
</ul> |
|
| 60 |
</p> |
|
| 61 |
</div> |
|
| 62 |
<div class="AboutAuthor"> |
|
| 63 |
<h1> kakl </h1> |
|
| 64 |
<p class="Name"> Martin K?kona </p> |
|
| 65 |
<img class="FloatLeft" border=0 width=80 height=100 |
|
| 66 |
src="PIC/AuthorKakl.jpg" |
|
| 67 |
alt="Obr?zek kakl" |
|
| 68 |
/> |
|
| 69 |
<p> |
|
| 70 |
Zdroj neot?el?ch a? ??len?ch n?pad?. Profesion?ln? v?voj?? hardwaru a softwaru. |
|
| 71 |
Zaj?m? se o astronomii. |
|
| 72 |
</p> |
|
| 73 |
<p> |
|
| 74 |
<ul> |
|
| 75 |
<li> Tvorba nov?ch modul? </li> |
|
| 76 |
<li> Aplikace s moduly </li> |
|
| 77 |
<li> Spr?vce SubVersion </li> |
|
| 78 |
</ul> |
|
| 79 |
</p> |
|
| 80 |
</div> |
|
| 81 |
<div class="AboutAuthor"> |
|
| 82 |
<h1> kakl?k </h1> |
|
| 83 |
<p class="Name"> Jakub K?kona </p> |
|
| 84 |
<img class="FloatLeft" border=0 width=80 height=100 |
|
| 85 |
src="PIC/AuthorKaklik.jpg" |
|
| 86 |
alt="Obr?zek kakl?k" |
|
| 87 |
/> |
|
| 88 |
<p> |
|
| 89 |
N?? po??uchovatel. Nen? snadn? splnit v?echny jeho po?adavky. |
|
| 90 |
V sou?asn? dob? student st?edn? ?koly, v budoucnu snad |
|
| 91 |
v?voj??. |
|
| 92 |
</p> |
|
| 93 |
<p> |
|
| 94 |
<ul> |
|
| 95 |
<li> Tvorba nov?ch modul? </li> |
|
| 96 |
<li> Stavba robot? a voz?tek </li> |
|
| 97 |
<li> Spr?vce syst?mu </li> |
|
| 98 |
</ul> |
|
| 99 |
</p> |
|
| 100 |
</div> |
|
| 101 |
<div class="AboutAuthor"> |
|
| 102 |
<h1> f?k </h1> |
|
| 103 |
<p class="Name"> Pes F?k </p> |
|
| 104 |
<img class="FloatLeft" border=0 width=80 height=100 |
|
| 105 |
src="PIC/AuthorFik.jpg" |
|
| 106 |
alt="Obr?zek f?k" |
|
| 107 |
/> |
|
| 108 |
<p> |
|
| 109 |
N?? ?ty?nohej chlupatej kamar?d, zdroj dobr? n?lady a zejm?na podporovatel |
|
| 110 |
du?evn?ho i t?lesn?ho zdrav?. |
|
| 111 |
</p> |
|
| 112 |
<p> |
|
| 113 |
<ul> |
|
| 114 |
<li> Hl?d?n? (watchdog) </li> |
|
| 115 |
<li> V?roba endorfin? </li> |
|
| 116 |
<li> Odh?n?n? autor? od po??ta?e </li> |
|
| 117 |
<li> Proh?n?n? autor? po p??rod? </li> |
|
| 118 |
</ul> |
|
| 119 |
</p> |
|
| 120 |
</div> |
|
| 121 |
</div> |
|
| 122 |
|
|
| 123 |
<!-- ============== PATI?KA ============== --> |
|
| 124 |
<div class=Footer> |
|
| 125 |
<script type="text/javascript"> |
|
| 126 |
<!-- |
|
| 127 |
DrawFooter(); |
|
| 128 |
// --> |
|
| 129 |
</script> |
|
| 130 |
<noscript> |
|
| 131 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 132 |
</noscript> |
|
| 133 |
</div> |
|
| 134 |
|
|
| 135 |
</body> |
|
| 136 |
|
|
| 137 |
</html> |
|
| www/Web/CSS/MLAB.css | ||
|---|---|---|
| 1 |
/*============================================================================*/ |
|
| 2 |
/* Historie */ |
|
| 3 |
/*============================================================================*/ |
|
| 4 |
/* Opraveno zarovn?n? a velikost textu hlavi?ky */ |
|
| 5 |
/* Nutno doladit pati?ku (p?esnost pati?ka X text) |
|
| 6 |
|
|
| 7 |
/* |
|
| 8 |
Pro tisk se nesm? pou??t pozicov?n? fixed proto?e to by vedlo k p?ekr?v?n? |
|
| 9 |
textu hlavi?kou a pati?kou na dal??ch str?nk?ch. |
|
| 10 |
Pro tisk je vhodn? vypnout menu. |
|
| 11 |
|
|
| 12 |
p?ipojen?: |
|
| 13 |
nejd??v hlavn? css |
|
| 14 |
pak za n?j tiskov? css |
|
| 15 |
|
|
| 16 |
V tiskov?m css by m?lo b?t |
|
| 17 |
width: 100% ???ka p?ez celou stranu |
|
| 18 |
velikost p?sma v pt |
|
| 19 |
??dkov?n? 1 |
|
| 20 |
patkov? p?smo (l?pe se ?te) |
|
| 21 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
|
| 22 |
pro obrazovku je lep?? font bezpatkov?, skus Verdana |
|
| 23 |
zhasnout nepot?ebn? dispaly: none |
|
| 24 |
|
|
| 25 |
|
|
| 26 |
Dod?lat: |
|
| 27 |
Alternativn? fonty (font-family) |
|
| 28 |
Definice stylu pro tisk (pro str?nkovan? m?dia) |
|
| 29 |
Alternativn? styly |
|
| 30 |
bez absolutn?ho pozicov?n? |
|
| 31 |
mo?n? bez barev (?ernob?le) |
|
| 32 |
Styl nadpisu tabulky |
|
| 33 |
Opravit chybn? osazen? spodn?ho okraje (o velikost pati?ky), te? je v?t?? |
|
| 34 |
|
|
| 35 |
h1,h2,h3,h4,h5,h6 {
|
|
| 36 |
page-break-inside:avoid; |
|
| 37 |
page-break-after:avoid; |
|
| 38 |
page-break-before:auto |
|
| 39 |
} |
|
| 40 |
|
|
| 41 |
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 {
|
|
| 42 |
page-break-before:avoid |
|
| 43 |
} |
|
| 44 |
|
|
| 45 |
img {
|
|
| 46 |
page-break-inside:avoid |
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
*/ |
|
| 50 |
|
|
| 51 |
|
|
| 52 |
/*============================================================================*/ |
|
| 53 |
/* Glob?ln? nastaven? */ |
|
| 54 |
/*============================================================================*/ |
|
| 55 |
|
|
| 56 |
|
|
| 57 |
/* Sjednocen? nastaven? cel?ho dokumentu */ |
|
| 58 |
/* ------------------------------------- */ |
|
| 59 |
html, body {
|
|
| 60 |
background: none #FFFFFF; /* barva pozad? bez obr?zku */ |
|
| 61 |
color: #000000; /* barva p?sma */ |
|
| 62 |
margin: 0px; /* sjednot?me okraje pro v?echny prohl??e?e */ |
|
| 63 |
padding: 0px; |
|
| 64 |
} |
|
| 65 |
|
|
| 66 |
body {
|
|
| 67 |
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nem?n? p?i zm?n? obraen? */ |
|
| 68 |
} |
|
| 69 |
|
|
| 70 |
/*============================================================================*/ |
|
| 71 |
/* Nastaven? p?sma textu a nadpis? */ |
|
| 72 |
/*============================================================================*/ |
|
| 73 |
|
|
| 74 |
|
|
| 75 |
/* Standardn? p?smo odstavc? */ |
|
| 76 |
/* ------------------------- */ |
|
| 77 |
p { /* standardn? p?smo odstavce */
|
|
| 78 |
font-family: "Times New Roman"; /* ?ez p?sma */ |
|
| 79 |
line-height: 1.3em; /* mezera mezi ??dky uvnit? odstavce */ |
|
| 80 |
margin-left: 0px; /* standarn? text od okraje */ |
|
| 81 |
margin-right: 0px; /* k okraji, mezera zaji?t?na paddingem */ |
|
| 82 |
margin-top: 0.75em; /* mezera p?ed odstavcem */ |
|
| 83 |
margin-bottom: 0.9em; /* mezera za odstavcem */ |
|
| 84 |
} |
|
| 85 |
|
|
| 86 |
|
|
| 87 |
/* Titulek, podtitul a autor ?l?nku */ |
|
| 88 |
/* -------------------------------- */ |
|
| 89 |
p.Titul, li.Titul, div.Titul, |
|
| 90 |
p.Title, li.Title, div.Title { /* titulek ?l?nku, obdoba H1 */
|
|
| 91 |
font-family: Arial; /* nadpisov? p?smo */ |
|
| 92 |
font-weight: bolder; /* tlist?? p?smo */ |
|
| 93 |
text-align: center; /* centrovan? */ |
|
| 94 |
font-size: 200%; /* velk? p?smo */ |
|
| 95 |
color: #CC0000; /* hlavn? nadpisov? barva */ |
|
| 96 |
margin-top: 0.5em; /* mezera p?ed odstavcem */ |
|
| 97 |
margin-bottom: 0.5em; /* mezera za odstavcem */ |
|
| 98 |
} |
|
| 99 |
|
|
| 100 |
p.Autor, li.Autor, div.Autor { /* standardn? p?smo */
|
|
| 101 |
font-family: Arial; /* nadpisov?m p?smem */ |
|
| 102 |
text-align: center; /* centrovan? */ |
|
| 103 |
color: blue; /* vedlej?? nadpisov? barva */ |
|
| 104 |
margin-top: 0.25em; /* mezera p?ed odstavcem */ |
|
| 105 |
} |
|
| 106 |
|
|
| 107 |
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
|
| 108 |
p.Subtitle, li.Subtitle, div.Subtitle {
|
|
| 109 |
font-family: Arial; /* nadpisov? p?smo */ |
|
| 110 |
font-style: italic; /* sklon?n? */ |
|
| 111 |
text-align: center; /* centrovan? */ |
|
| 112 |
font-size: 120%; /* tro?ku v?t?? p?smo */ |
|
| 113 |
color: #0000FF; /* vedlej?? nadpisov? barva */ |
|
| 114 |
margin-top: 1em; /* mezera p?ed */ |
|
| 115 |
margin-bottom: 2em; /* mezera za vypad? l?pe kdy? je v?t?? */ |
|
| 116 |
margin-left: 10%; /* nen? od okraje do okraje */ |
|
| 117 |
margin-right: 10%; /* ani na jedn? stran? */ |
|
| 118 |
} |
|
| 119 |
|
|
| 120 |
|
|
| 121 |
/* spole?n? vlastnosti nadpis? a nadpisy */ |
|
| 122 |
/* ------------------------------------- */ |
|
| 123 |
h1, h2, h3, h4, h5, h6 {
|
|
| 124 |
page-break-inside: avoid; /* ned?lit str?nky v nadpisech */ |
|
| 125 |
page-break-after: avoid; /* z?kaz zalomen? pod nadpisem */ |
|
| 126 |
font-family: Arial; /* nadpisov? font */ |
|
| 127 |
font-weight: bolder; /* tlist?? p?smo */ |
|
| 128 |
margin-top: 1em; /* mezera p?ed trochu v?t?? */ |
|
| 129 |
margin-bottom: 0.75em; /* mezera za */ |
|
| 130 |
} |
|
| 131 |
|
|
| 132 |
h1 { /* viz styl titulku */
|
|
| 133 |
font-size: 200%; /* velik? p?smo */ |
|
| 134 |
color: #CC0000; /* hlavn? nadpisov? barva */ |
|
| 135 |
} |
|
| 136 |
|
|
| 137 |
h2 {
|
|
| 138 |
font-size: 150%; /* velk? p?smo */ |
|
| 139 |
color: blue; /* vedlej?? barva nadpisu */ |
|
| 140 |
} |
|
| 141 |
|
|
| 142 |
h3 {
|
|
| 143 |
font-size: 120%; /* v?t?? p?smo */ |
|
| 144 |
color: blue; /* vedlej?? barva nadpisu */ |
|
| 145 |
} |
|
| 146 |
|
|
| 147 |
h4, h5, h6 { /* p?sma jen m?rn? odli?n? */
|
|
| 148 |
font-style: italic; /* sklon?n? */ |
|
| 149 |
color: blue; /* vedlej?? barva nadpisu */ |
|
| 150 |
} |
|
| 151 |
|
|
| 152 |
samp { /* uk?zky v?pis? a podobn? */
|
|
| 153 |
font-family: "Courier New"; /* neproporcion?ln? p?smo */ |
|
| 154 |
} |
|
| 155 |
|
|
| 156 |
/* Prvn? slovo m? prvn? p?smeno zv?razn?n? */ |
|
| 157 |
.FirstWord:first-letter {
|
|
| 158 |
color: red; |
|
| 159 |
} |
|
| 160 |
|
|
| 161 |
/* Zat?m jen na pokusy a pomocn? v?pisy */ |
|
| 162 |
.Small {
|
|
| 163 |
font-size: 75%; /* zmen?en? p?smo */ |
|
| 164 |
} |
|
| 165 |
|
|
| 166 |
|
|
| 167 |
/*============================================================================*/ |
|
| 168 |
/* Nastaven? pro hlavi?ku, pati?ku a menu */ |
|
| 169 |
/*============================================================================*/ |
|
| 170 |
|
|
| 171 |
|
|
| 172 |
/* Spole?n? nastaven? pro Hlavi?ku Menu a Pati?ku */ |
|
| 173 |
/* ---------------------------------------------- */ |
|
| 174 |
div.InnerHeader, div.InnerMenu, div.InnerFooter {
|
|
| 175 |
/*border: dotted #FF8080 1px; /* pro lad?n? */ |
|
| 176 |
width: 100%; /* p?es celou str?nku */ |
|
| 177 |
margin: 0em; /* pro jistotu ??dn? vn?j?? okraj */ |
|
| 178 |
border: 0em; /* pro jistotu */ |
|
| 179 |
background-color: #FFFFCC; /* pozor na pr?hlednost p?i rolov?n? */ |
|
| 180 |
color: #993300; /* barva p?sma */ |
|
| 181 |
} |
|
| 182 |
|
|
| 183 |
|
|
| 184 |
/* Nastaven? specifick? pro Hlavi?ku */ |
|
| 185 |
/* --------------------------------- */ |
|
| 186 |
div.InnerHeader { /* kontejner na hlavi?ku */
|
|
| 187 |
/*border: solid 1px red; /* pro lad?n? */ |
|
| 188 |
position: fixed; /* fixn? um?st?n? na str?nce */ |
|
| 189 |
_position: static; /* IE6 neum? position fixed */ |
|
| 190 |
border-bottom: solid 2px #993300; /* linka pod hlavickou */ |
|
| 191 |
top: -2px; /* umist?n? na str?nce o tlou??ku linky */ |
|
| 192 |
white-space: nowrap; /* je zak?z?no zalomit hlavi?ku */ |
|
| 193 |
overflow: hidden; /* co p?e?uhuje zaho? */ |
|
| 194 |
font-size: 3em; /* velikost p?sma vzhedem k rodi?i */ |
|
| 195 |
padding: 0em; /* vnit?n? v?pl? (vzhledem k m?mu p?smu) */ |
|
| 196 |
line-height: 100%; /* vzd?lenost ??dek od sebe */ |
|
| 197 |
} |
|
| 198 |
|
|
| 199 |
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavi?ce*/
|
|
| 200 |
/*background: #CCFFCC; /* pro lad?n? */ |
|
| 201 |
padding-left: 0.2em; /* mezera vlevo */ |
|
| 202 |
} |
|
| 203 |
|
|
| 204 |
div.InnerHeader img { /* textu "online" v hlavi?ce */
|
|
| 205 |
/*border: solid 1px red; /* pro lad?n? nepr?hledn?ho obr?zku */ |
|
| 206 |
/*background: #FFCCCC; /* pro lad?n? pr?hledn?ho obr?zku */ |
|
| 207 |
height: 0.7em; /* gumov? v??ka podle velikosti textu */ |
|
| 208 |
width: 2em; /* gumov? ???ka podle velikosti textu */ |
|
| 209 |
} |
|
| 210 |
|
|
| 211 |
div.InnerHeader .HeaderText { /* nadpis str?nky (title) v hlavi?ce */
|
|
| 212 |
/*border: solid 1px yellow; /* pro lad?n? */ |
|
| 213 |
background: #FFFFCC; /* IE6 aby text zv?t?zil p?i konfliktu s logem */ |
|
| 214 |
/*background: #CCFFCC; /* pro lad?n? */ |
|
| 215 |
position: absolute; /* absolutn? um?st?n? */ |
|
| 216 |
text-align: right; /* zarovn?n? doprava (centrovan? obsah IE6 ignoruje) */ |
|
| 217 |
padding-right: 0.2em; /* mezera vpravo */ |
|
| 218 |
font-size: 80%; /* velikost p?sma o n?o men?? */ |
|
| 219 |
left: 6.625em; /* posunut? o logo 5.3em / 80% */ |
|
| 220 |
_left: auto; /* IE6 natahuje se m?sto vlevo od textu */ |
|
| 221 |
right: 0px; /* prav? okraj a? na konci */ |
|
| 222 |
top: 2px; /* posunut? o ??ru jako u ostatn?ch ??st? hlavi?ky */ |
|
| 223 |
} |
|
| 224 |
|
|
| 225 |
div.InnerHeader a { /* odkaz v hlavi?ce */
|
|
| 226 |
text-decoration: none; /* odkaz nen? podtr?en? */ |
|
| 227 |
color: inherit; /* odkaz nem? zvl??tn? barvu */ |
|
| 228 |
_color: #993300; /* IE6 n?m n?jak ned?d? barvu */ |
|
| 229 |
} |
|
| 230 |
|
|
| 231 |
div.InnerHeader a:hover { /* p?i najet? kurzoru na odkaz v hlavi?ce */
|
|
| 232 |
color: #FF0000; /* zm?? barvu odkazu */ |
|
| 233 |
} |
|
| 234 |
|
|
| 235 |
|
|
| 236 |
/* Nastaven? specifick? pro Menu */ |
|
| 237 |
/* ----------------------------- */ |
|
| 238 |
div.InnerMenu { /* kontejner pro menu */
|
|
| 239 |
position: fixed; /* fixn? um?st?n? na str?nce */ |
|
| 240 |
_position: static; /* IE6 neum? position fixed */ |
|
| 241 |
width: 7em; /* ???ka bloku s menu */ |
|
| 242 |
_width: 100%; /* IE6 ???ka p?es celou str?nku */ |
|
| 243 |
top: 3em; /* v??ka hlavi?ky = v??ka p?sma + 2*padding */ |
|
| 244 |
_top: 0px; /* IE6 um?st?n? hned pod hlavi?ku */ |
|
| 245 |
left: -2px; /* kompenzace ???ky ??ry */ |
|
| 246 |
_left: 0px; /* IE6 tady ??ru nem?me */ |
|
| 247 |
bottom: 0px; /* um?st?n? dole a? dolu */ |
|
| 248 |
border-right: solid 2px #993300; /* odd?luj?c? linka vpravo */ |
|
| 249 |
_border-right: none; /* IE6 bez ??ry vpravo */ |
|
| 250 |
_border-bottom: solid 4px #993300; /* odd?luj?c? linka dole (tlust? jako ty 2 naho?e) */ |
|
| 251 |
_background: #993300; /* IE6 pozad? stejn? jako linky */ |
|
| 252 |
_color: #FFFFFF; /* IE6 barva textu menu uvnit? pruhu */ |
|
| 253 |
text-align: center; /* centrovan? obsah */ |
|
| 254 |
_text-align: left; /* IE6 zarovn?v?me vlevo */ |
|
| 255 |
font-weight: bold; /* tlust? p?smo odkazu */ |
|
| 256 |
} |
|
| 257 |
|
|
| 258 |
div.InnerMenu .Navigation { /* vnit?n? kontejner na naviga?n? tla??tka */
|
|
| 259 |
/*_background: #333333; /* lad?c? pozad? */ |
|
| 260 |
margin-left: 2px; /* kompenzace kompenzace ??ry */ |
|
| 261 |
_margin-left: 0.5em; /* IE6 tady pot?ebuji jen okraj */ |
|
| 262 |
_border: 0px; /* IE6 ??dn? okraj */ |
|
| 263 |
_padding: 0px; /* IE6 ??dn? v?pl? */ |
|
| 264 |
} |
|
| 265 |
|
|
| 266 |
div.InnerMenu .MenuText { /* popisky v navigaci */
|
|
| 267 |
/*background: #DDDDDD; /* lad?c? pozad? */ |
|
| 268 |
border: none; /* ??dn? okraj */ |
|
| 269 |
margin: 3px; /* mal? mezery okolo */ |
|
| 270 |
} |
|
| 271 |
|
|
| 272 |
|
|
| 273 |
/* Zobrazen? seznamu odkaz? v menu */ |
|
| 274 |
/* ------------------------------- */ |
|
| 275 |
div.InnerMenu ul { /* navigace jako seznam odkaz? */
|
|
| 276 |
list-style: none; /* seznam je bez odr??ek */ |
|
| 277 |
margin: 0px; /* bez odsazen? IE */ |
|
| 278 |
padding: 0em; /* bez odsazen? FF */ |
|
| 279 |
white-space: nowrap; /* z?kaz l?m?n? polo?ek menu do ??dek */ |
|
| 280 |
} |
|
| 281 |
|
|
| 282 |
div.InnerMenu li { /* jednotliv? odkazy */
|
|
| 283 |
/*background: #BBBBBB; /* lad?c? pozad? */ |
|
| 284 |
border: solid 1px #993300; /* tenk? r?me?ek */ |
|
| 285 |
margin: 2px; /* mal? mezery okolo */ |
|
| 286 |
_background: #FFFFCC; /* IE6 sv?tl? pozad? "tla??tek" v li?t? */ |
|
| 287 |
_color: #000000; /* IE6 tmav? p?smena na "tla??tk?ch" */ |
|
| 288 |
} |
|
| 289 |
|
|
| 290 |
div.InnerMenu a { /* odkazy v menu */
|
|
| 291 |
text-decoration: none; /* odstran?n? podtr?en? odkaz? */ |
|
| 292 |
color: inherit; /* barva p?sma odkazu jako by to nebyl odkaz */ |
|
| 293 |
_color: #000000; /* IE6 neum? d?dit */ |
|
| 294 |
} |
|
| 295 |
|
|
| 296 |
div.InnerMenu a:hover { /* po najet? kurzoru na odkazy v menu */
|
|
| 297 |
color: #FF0000; /* zm?n barvu p?sma */ |
|
| 298 |
} |
|
| 299 |
|
|
| 300 |
/* Zobrazen? v menu */ |
|
| 301 |
/* ---------------- */ |
|
| 302 |
div.InnerMenu * { /* Pro IE6 je cel? menu plovouc? v ??dce */
|
|
| 303 |
_float: left; /* IE6 v?echny prvky menu plavou vlevo */ |
|
| 304 |
_padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ |
|
| 305 |
_padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ |
|
| 306 |
} |
|
| 307 |
|
|
| 308 |
|
|
| 309 |
/* Nastaven? specifick? pro Pati?ku */ |
|
| 310 |
/* -------------------------------- */ |
|
| 311 |
div.InnerFooter{ /* pati?ka */
|
|
| 312 |
position: fixed; /* fixn? um?st?n? na str?nce */ |
|
| 313 |
_position: static; /* IE6 neum? position fixed */ |
|
| 314 |
bottom: -4px; /* um?st?n? na str?nce = ???ka ??ry naho?e a dole */ |
|
| 315 |
border-top: solid 2px #993300; /* linka nad hlavi?kou */ |
|
| 316 |
border-bottom: solid 6px #993300; /* linka pod hlavi?kou + z?porn? posunut? */ |
|
| 317 |
_border-bottom: solid 2px #993300; /* IE6 tenk? linka */ |
|
| 318 |
font-size: 80%; /* p?smo v pati?ce trochu zmen?it */ |
|
| 319 |
height: 1.25em; |
|
| 320 |
overflow: hidden; /* co p?e?uhuje zaho? */ |
|
| 321 |
/*padding-left: 1em; /* to nejde pou??t proto?e IE6 neum? po??tat */ |
|
| 322 |
} /* p?idal jsem pevnou mezeru do textu */ |
|
| 323 |
|
|
| 324 |
|
|
| 325 |
/*============================================================================*/ |
|
| 326 |
/* Nastaven? pro t?lo dokumentu */ |
|
| 327 |
/*============================================================================*/ |
|
| 328 |
|
|
| 329 |
|
|
| 330 |
/* Nastaven? t?la dokumentu */ |
|
| 331 |
/* ------------------------ */ |
|
| 332 |
div.Text, div.Section1 { /* t?lo str?nky */
|
|
| 333 |
border: solid #20FF20 1px; /* pro lad?n? */ |
|
| 334 |
padding: 2ex; /* odd?len? textu od okraj? */ |
|
| 335 |
margin-top: 3em; /* kdy? funguje fixn? pozicov?n? vynech hlavi?ku */ |
|
| 336 |
_margin-top: 0px; /* IE6 um?st?n? rovnou pod hlavi?ku */ |
|
| 337 |
margin-left: 7em; /* odsazen? o velikost menu a kousek */ |
|
| 338 |
_margin-left: 0px; /* IE6 lev? okraj vznikne s?m obt?k?n?m menu */ |
|
| 339 |
margin-bottom: 1.25em; /* kdy? funguje fixn? pozicov?n? vynech pati?ku */ |
|
| 340 |
/* ??slo 1/font-size v pati?ce */ |
|
| 341 |
_margin-bottom: 0px; /* IE6 um?st?n? pati?ku hned za textem */ |
|
| 342 |
} |
|
| 343 |
|
|
| 344 |
|
|
| 345 |
/* centrov?n? vyzna?en?ch element? */ |
|
| 346 |
.center {
|
|
| 347 |
text-align: center; |
|
| 348 |
} |
|
| 349 |
|
|
| 350 |
/* obarven? text? psan?ch kurzivou */ |
|
| 351 |
p i, div i, span i {
|
|
| 352 |
color: #990000; |
|
| 353 |
} |
|
| 354 |
|
|
| 355 |
|
|
| 356 |
/* Tabulky */ |
|
| 357 |
/* ------- */ |
|
| 358 |
table {
|
|
| 359 |
border-collapse: separate; /* p???ky v tabulce */ |
|
| 360 |
border: 3px solid #CCCCCC; /* vn?j?? okraj tabulky */ |
|
| 361 |
margin-top: 0.5em; /* odstup naho?e (odd?len? od souseda) */ |
|
| 362 |
margin-bottom: 0.5em; /* odstup dole */ |
|
| 363 |
background-color: #EEFFEE; /* pozad? tabulky */ |
|
| 364 |
} |
|
| 365 |
|
|
| 366 |
/* p???ky mezi bu?kami */ |
|
| 367 |
th, td {
|
|
| 368 |
border: 1px solid #CCCCCC; /* p???ky mezi bu?kami (v FF se barva chybn? d?d?) */ |
|
| 369 |
text-align: left; /* p?ebit? centrov?n? th prvku */ |
|
| 370 |
padding: 0.5em; /* mezera mezi obsahem bu?ky a p???kami */ |
|
| 371 |
} |
|
| 372 |
|
|
| 373 |
th {
|
|
| 374 |
color: #FF2020; /* odli?en? hlavi?kov?ch ??dek */ |
|
| 375 |
} |
|
| 376 |
|
|
| 377 |
table p, table div, table li, table ol, table ul {
|
|
| 378 |
margin-top: 0.3em; /* omezeni nadbyte?n? mezery u FF */ |
|
| 379 |
margin-bottom: 0.3em; /* omezeni nadbyte?n? mezery u FF */ |
|
| 380 |
} |
|
| 381 |
|
|
| 382 |
/* Tabulka Soupiska */ |
|
| 383 |
/* ---------------- */ |
|
| 384 |
/* Tabulka s rozpiskou sou??stek */ |
|
| 385 |
/* Form?t tabulky vych?z? z obecn? tabulky */ |
|
| 386 |
/* prvn? <th> je legenda */ |
|
| 387 |
/* dal?? <th> jsou skupinou sou??stek */ |
|
| 388 |
/* zna?ky <td> jsou vlastn? seznam, prvn? sloupec odsko?en? vpravo */ |
|
| 389 |
table.Soupiska td {
|
|
| 390 |
padding: 0px 0.5em; /* mezera mezi obsahem bu?ky a p???kami */ |
|
| 391 |
} |
|
| 392 |
|
|
| 393 |
table.Soupiska tr td:first-child {
|
|
| 394 |
padding-left: 2ex; /* odsazen? referenci, nefunguje v IE6 */ |
|
| 395 |
} |
|
| 396 |
|
|
| 397 |
table.Soupiska tr > th { /* funkci potomek IE6 nezn? */
|
|
| 398 |
font-style: italic; /* a tak se to v IE ignoruje */ |
|
| 399 |
font-weight: normal; /* jinak v?e th je huben? p?smo kurzivou */ |
|
| 400 |
} |
|
| 401 |
|
|
| 402 |
table.Soupiska tr:first-child > th {
|
|
| 403 |
font-style: normal; /* v?e krom? prvn?ho th (op?t v IE6 nefunguje) */ |
|
| 404 |
font-weight: bold; |
|
| 405 |
} |
|
| 406 |
|
|
| 407 |
|
|
| 408 |
|
|
| 409 |
|
|
| 410 |
/*============================================================================*/ |
|
| 411 |
/* Form?ty pro str?nku o autorech */ |
|
| 412 |
/*============================================================================*/ |
|
| 413 |
|
|
| 414 |
|
|
| 415 |
/* List pro jednoho autora */ |
|
| 416 |
/* ----------------------- */ |
|
| 417 |
div.AboutAuthor {
|
|
| 418 |
border: solid 1px red; /* r?me?ek okolo ?lov?ka */ |
|
| 419 |
padding: 2em; /* mezera uvnit? r?me?ku */ |
|
| 420 |
margin-bottom: 1em; /* mezera mezi r?me?ky pod sebou */ |
|
| 421 |
} |
|
| 422 |
|
|
| 423 |
/* Polo?ka jm?na autora */ |
|
| 424 |
/* -------------------- */ |
|
| 425 |
div.AboutAuthor .Name { /* jm?no autora */
|
|
| 426 |
font-style: italic; /* kurz?va */ |
|
| 427 |
color: red; /* barva jm?na */ |
|
| 428 |
} |
|
| 429 |
|
|
| 430 |
/* Vlo?en? obr?zek autora */ |
|
| 431 |
/* ---------------------- */ |
|
| 432 |
div.AboutAuthor img { /* obr?zek autora (kdyby tak fungovalo abs. pozicov?n?) */
|
|
| 433 |
float:right; /* plovouc? vpravo */ |
|
| 434 |
padding-left: 20px; /* mezera mezi textem a obr?zkem */ |
|
| 435 |
} |
|
| 436 |
|
|
| 437 |
/* Seznam ?innost? autora */ |
|
| 438 |
/* ---------------------- */ |
|
| 439 |
div.AboutAuthor ul {
|
|
| 440 |
font-style: italic; /* p?smo seznamu ?innost? */ |
|
| 441 |
list-style: none; /* seznam je bez odr??ek */ |
|
| 442 |
} |
|
| www/Web/ToDoList.cs.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> |
|
| 7 |
<title> To do list </title> |
|
| 8 |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB z?kladn? styl" /> |
|
| 9 |
<meta name="keywords" content="stavebnice MLAB univerz?ln? moduly" /> |
|
| 10 |
<meta name="description" content="Projekt MLAB, To do list" /> |
|
| 11 |
|
|
| 12 |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
|
| 13 |
</head> |
|
| 14 |
|
|
| 15 |
<body lang="cs"> |
|
| 16 |
|
|
| 17 |
<!-- ============== HLAVICKA ============== --> |
|
| 18 |
<div class="Header"> |
|
| 19 |
<script type="text/javascript"> |
|
| 20 |
<!-- |
|
| 21 |
SetRelativePath("../");
|
|
| 22 |
DrawHeader(); // mozno zmenit nadpis v hlavicce |
|
| 23 |
// --> |
|
| 24 |
</script> |
|
| 25 |
<noscript> |
|
| 26 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 27 |
</noscript> |
|
| 28 |
</div> |
|
| 29 |
|
|
| 30 |
<!-- ============== MENU ============== --> |
|
| 31 |
<div class="Menu"> |
|
| 32 |
<script type="text/javascript"> |
|
| 33 |
<!-- |
|
| 34 |
DrawMenu(); |
|
| 35 |
// --> |
|
| 36 |
</script> |
|
| 37 |
<noscript> |
|
| 38 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 39 |
</noscript> |
|
| 40 |
</div> |
|
| 41 |
|
|
| 42 |
<!-- ============== TEXT STRANKY ============== --> |
|
| 43 |
<div class="Text"> |
|
| 44 |
<p class="Title"> |
|
| 45 |
To do list webu MLAB |
|
| 46 |
</p> |
|
| 47 |
<p class=Subtitle> |
|
| 48 |
Na webu pr?v? pracujeme. Je?t? zb?v? spousta pr?ce. |
|
| 49 |
</p> |
|
| 50 |
<p> |
|
| 51 |
Dopsat chyb?j?c? str?nky a p?elo?it v?e do angli?tiny. |
|
| 52 |
</p> |
|
| 53 |
<p> |
|
| 54 |
Doplnit obr?zky autor?. |
|
| 55 |
</p> |
|
| 56 |
<p> |
|
| 57 |
Napsat str?nku Copyright (cs i en). |
|
| 58 |
</p> |
|
| 59 |
<p> |
|
| 60 |
Dopsat str?nku AboutMLAB (cs i en). |
|
| 61 |
</p> |
|
| 62 |
<p> |
|
| 63 |
Ud?lat kostru indexov?ch str?nek. |
|
| 64 |
</p> |
|
| 65 |
<p> |
|
| 66 |
Vy?e?it probl?my zobrazen? v IE verze 7. Nov? styl u? skoro funguje. |
|
| 67 |
</p> |
|
| 68 |
<p> |
|
| 69 |
P?ep?n?n? jazyk? s automatick?m rozpozn?n?m preferovan?ho jazyka. |
|
| 70 |
Pou?ita metoda vlajek na prvn? str?nce a dvojmo ulo?en?ch str?nek. |
|
| 71 |
Pro prvn? str?nku je nastavena automatick? volba jazyka podle preferenc? |
|
| 72 |
prohl??e?e. Nev?m co se str?nkami, kter? nebudou oboujazy?n? (nedopsan? |
|
| 73 |
ve druh?m jazyce). |
|
| 74 |
</p> |
|
| 75 |
<p> <i>PNJ: </i> |
|
| 76 |
Je probl?m s tiskem ve FireFox prohl??e?i. N?jak nefunguje to, ?e by text |
|
| 77 |
byl napozicov?n na spr?vn? m?sta. Krom? toho FF chybn? rendruje r?me?ky |
|
| 78 |
(kdy? ud?l?m tisk do PDF tak i oby?ejn? r?me?ek okolo menu nem? ??ry tak, |
|
| 79 |
aby na sebe navazovaly). Zd? se, ?e nem? cenu ladit v t?to f?zi tisk ve FF |
|
| 80 |
proto?e maj? evidentn? chybn? rendrov?n? p?i tisku. Krom? toho p?i <b>n?hledu</b> |
|
| 81 |
zobrazuj? <b>zdrojov? k?d</b> zna?ky noscript i kdy? skript evidentn? funguje |
|
| 82 |
(kdyby nefungoval nebyly by na str?nk?ch hlavi?ky a pati?ky). |
|
| 83 |
</p> |
|
| 84 |
<p> |
|
| 85 |
<i>Na pozd?ji: </i> Vy?e?it k?dov?n? ?e?tiny na stran? serveru. |
|
| 86 |
Pokud se to nepoda??, p?ej?t intern? kompletn? na k?dov?n? UTF-8. |
|
| 87 |
</p> |
|
| 88 |
<p> |
|
| 89 |
<i>Na pozd?ji: </i> Nahrazen? JavaScriptu PHP skripty na serveru. JavaScipt |
|
| 90 |
ve str?nk?ch z?stane (aby str?nky mohly fungovat i z CD), bude se PHP skriptem |
|
| 91 |
vykous?vat a dopl?ovat obsahem p??slu?n?ho souboru (hlavi?ka/pati?ka/menu). |
|
| 92 |
</p> |
|
| 93 |
<p> |
|
| 94 |
<i>Na pozd?ji: </i> Dod?l?n? CSS |
|
| 95 |
<ul> |
|
| 96 |
<li> Definice stylu pro tisk </li> |
|
| 97 |
<li> Definice alternativn?ho stylu (bez absolutn?ho pozicov?n?) </li> |
|
| 98 |
<li> Mo?n? definice stylu bez barev (?ernob?l?ho)</li> |
|
| 99 |
</ul> |
|
| 100 |
</p> |
|
| 101 |
|
|
| 102 |
</div> |
|
| 103 |
|
|
| 104 |
<!-- ============== PATICKA ============== --> |
|
| 105 |
<div class="Footer"> |
|
| 106 |
<script type="text/javascript"> |
|
| 107 |
<!-- |
|
| 108 |
DrawFooter("Testovac? ?et?zec");
|
|
| 109 |
// --> |
|
| 110 |
</script> |
|
| 111 |
<noscript> |
|
| 112 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 113 |
</noscript> |
|
| 114 |
</div> |
|
| 115 |
|
|
| 116 |
</body> |
|
| 117 |
|
|
| 118 |
</html> |
|
| www/Web/AboutMLAB.en.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
|
| 7 |
<title> About MLAB </title> |
|
| 8 |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB Basic Style"> |
|
| 9 |
<script language="JavaScript" type="text/javascript" src="./JS/MLAB_Menu.js"></script> |
|
| 10 |
</head> |
|
| 11 |
|
|
| 12 |
<body lang="en"> |
|
| 13 |
|
|
| 14 |
<!-- ============== HEADER ============== --> |
|
| 15 |
<div class="Header"> |
|
| 16 |
<script type="text/javascript"> |
|
| 17 |
<!-- |
|
| 18 |
SetRelativePath("../");
|
|
| 19 |
DrawHeader(); |
|
| 20 |
// --> |
|
| 21 |
</script> |
|
| 22 |
<noscript> |
|
| 23 |
<b> JavaScript is required for including of the header </b></noscript> |
|
| 24 |
</div> |
|
| 25 |
|
|
| 26 |
<!-- ============== MENU ============== --> |
|
| 27 |
<div class="Menu"> |
|
| 28 |
<script type="text/javascript"> |
|
| 29 |
<!-- |
|
| 30 |
DrawMenu(); |
|
| 31 |
// --> |
|
| 32 |
</script> |
|
| 33 |
<noscript> |
|
| 34 |
<b> JavaScript is required for including of the menu </b></noscript> |
|
| 35 |
</div> |
|
| 36 |
|
|
| 37 |
<!-- ============== TEXT ============== --> |
|
| 38 |
<div class=Text> |
|
| 39 |
<p class=Title> |
|
| 40 |
This page is not written yet |
|
| 41 |
</p> |
|
| 42 |
<p class=Subtitle> |
|
| 43 |
a drobn? robotika. |
|
| 44 |
</p> |
|
| 45 |
</div> |
|
| 46 |
|
|
| 47 |
<!-- ============== FOOTER ============== --> |
|
| 48 |
<div class="Footer"> |
|
| 49 |
<script type="text/javascript"> |
|
| 50 |
<!-- |
|
| 51 |
DrawFooter(); |
|
| 52 |
// --> |
|
| 53 |
</script> |
|
| 54 |
<noscript> |
|
| 55 |
<b> JavaScript is required for including of the footer </b></noscript> |
|
| 56 |
</div> |
|
| 57 |
|
|
| 58 |
</body> |
|
| 59 |
|
|
| 60 |
</html> |
|
| www/Web/AboutWeb.en.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
|
| 7 |
<title> About MLAB Web </title> |
|
| 8 |
<link rel="StyleSheet" href="../Web/CSS/MLAB.css" type="text/css" title="MLAB Basic Style"> |
|
| 9 |
<script language="JavaScript" type="text/javascript" src="../Web/JS/MLAB_Menu.js"></script> |
|
| 10 |
</head> |
|
| 11 |
|
|
| 12 |
<body lang="en"> |
|
| 13 |
|
|
| 14 |
<!-- ============== HEADER ============== --> |
|
| 15 |
<div class="Header"> |
|
| 16 |
<script type="text/javascript"> |
|
| 17 |
<!-- |
|
| 18 |
SetRelativePath("../");
|
|
| 19 |
DrawHeader(); |
|
| 20 |
// --> |
|
| 21 |
</script> |
|
| 22 |
<noscript> |
|
| 23 |
<b> JavaScript is required for including of the header </b></noscript> |
|
| 24 |
</div> |
|
| 25 |
|
|
| 26 |
<!-- ============== MENU ============== --> |
|
| 27 |
<div class="Menu"> |
|
| 28 |
<script type="text/javascript"> |
|
| 29 |
<!-- |
|
| 30 |
DrawMenu(); |
|
| 31 |
// --> |
|
| 32 |
</script> |
|
| 33 |
<noscript> |
|
| 34 |
<b> JavaScript is required for including of the menu </b></noscript> |
|
| 35 |
</div> |
|
| 36 |
|
|
| 37 |
<!-- ============== TEXT ============== --> |
|
| 38 |
<div class="Text"> |
|
| 39 |
<h1 class="FirstWord"> Why this web was created </h1> |
|
| 40 |
<p> |
|
| 41 |
The web was created because we believe that we have something to publish. |
|
| 42 |
The main reason was the MLAB project. It is some sort of construction kit |
|
| 43 |
or electronic "lego". MLAB modules proved useable so well that we whish to share |
|
| 44 |
it with the others. |
|
| 45 |
<p> |
|
| 46 |
<h1 class="FirstWord"> What can you find here </h1> |
|
| 47 |
<p> |
|
| 48 |
Everything about MLAB (documentation, design files etc.) and a lot of other |
|
| 49 |
things. Some articles about electronics. Everything is original written by our |
|
| 50 |
authors. |
|
| 51 |
</p> |
|
| 52 |
<h1 class="FirstWord"> Who are the authors </h1> |
|
| 53 |
<p> |
|
| 54 |
Several keen electronics and hobbyists. Our hobby is our job as well. |
|
| 55 |
The web and MLAB project are noncommercial and they are created in |
|
| 56 |
authors free time (<i>an important information for critics</i>). |
|
| 57 |
</p> |
|
| 58 |
<h1 class="FirstWord"> Do not you like it? </h1> |
|
| 59 |
<p> |
|
| 60 |
Well. We are continuously working on the web design and on the structure of data. |
|
| 61 |
We are not professionals both in graphics and web design so the result is not |
|
| 62 |
perfect. What we know is that we will not spend more time then necessary |
|
| 63 |
on smart web features (moving pictures and so on) not to speak of tuning |
|
| 64 |
the web for old web browsers. |
|
| 65 |
</p> |
|
| 66 |
<p> |
|
| 67 |
That is why the web design is conservative. |
|
| 68 |
</p> |
|
| 69 |
<h1 class="FirstWord"> Something does not work? </h1> |
|
| 70 |
<p> |
|
| 71 |
Let us know and we will try to mend or improve it (if the result is worth |
|
| 72 |
the effort). |
|
| 73 |
It is better to say us what, why and how to change something then |
|
| 74 |
to say that "<i>there is something wrong and it sometimes does work |
|
| 75 |
somehow</i>". |
|
| 76 |
</p> |
|
| 77 |
<h1 class="FirstWord"> How it works inside </h1> |
|
| 78 |
<p> |
|
| 79 |
The base component is SubVersion system (source code version system, similar |
|
| 80 |
to CVS or SourSafe). Every piece of information is in SubVersion database and |
|
| 81 |
web content is automatically generated. SubVersion is primarily intended for |
|
| 82 |
the authors. Users do not need to install SubVersion client. |
|
| 83 |
</p> |
|
| 84 |
<p> |
|
| 85 |
Web server is Apache running on Linux. |
|
| 86 |
</p> |
|
| 87 |
<p> |
|
| 88 |
Web pages are based on HTML4 and CSS2. They are not optimised for any particular |
|
| 89 |
browser and we hope that we avoided successfully all important bugs of |
|
| 90 |
widely used browsers. Try for example Mozilla browser. |
|
| 91 |
</p> |
|
| 92 |
</div> |
|
| 93 |
|
|
| 94 |
<!-- ============== FOOTER ============== --> |
|
| 95 |
<div class="Footer"> |
|
| 96 |
<script type="text/javascript"> |
|
| 97 |
<!-- |
|
| 98 |
DrawFooter(); |
|
| 99 |
// --> |
|
| 100 |
</script> |
|
| 101 |
<noscript> |
|
| 102 |
<b> JavaScript is required for including of the footer </b></noscript> |
|
| 103 |
</div> |
|
| 104 |
|
|
| 105 |
</body> |
|
| 106 |
|
|
| 107 |
</html> |
|
| www/Web/JS/MLAB_Menu.js | ||
|---|---|---|
| 1 |
// History: |
|
| 2 |
// Dopln?na detekce jazyka dokumentu (ve zna?ce body) |
|
| 3 |
// P?ed?l?no na jinou strukturu adres???, dopln?no poukov?n? odkaz? |
|
| 4 |
// Oprava regul?rn?ho v?razu tak, aby nekazil odkaz Nahoru v pati?ce |
|
| 5 |
|
|
| 6 |
//var undefined; // Pro zpetnou kompatibilitu kdyby JS nepodporoval undefined |
|
| 7 |
|
|
| 8 |
var RelPath=""; // Prom?nn? pro ulo?en? relativn? cesty k rootu webu |
|
| 9 |
// V?echny cesty v tomto skriptu pak maj? b?t cestami od |
|
| 10 |
// rootu webu (nap??klad Web/PIC/MLAB.ico) |
|
| 11 |
|
|
| 12 |
function Test() |
|
| 13 |
// Testovac? funkce pro lad?n? |
|
| 14 |
{
|
|
| 15 |
with (document) |
|
| 16 |
{
|
|
| 17 |
var Info; |
|
| 18 |
// Test |
|
| 19 |
// U?ite?n?: document.URL (cesta a jm?no souboru str?nky) |
|
| 20 |
write('<p class="MenuText Small">');
|
|
| 21 |
write('document language '+DocLang());
|
|
| 22 |
write('</p>');
|
|
| 23 |
write('<p class="MenuText Small">');
|
|
| 24 |
write('document language '+navigator.appVersion);
|
|
| 25 |
write('</p>');
|
|
| 26 |
write('<p class="MenuText Small">');
|
|
| 27 |
write('document language '+document.body.lang);
|
|
| 28 |
write('</p>');
|
|
| 29 |
write('<p class="MenuText Small">');
|
|
| 30 |
write('navigator language '+navigator.language); // FF ano, IE6 ne
|
|
| 31 |
write('</p>');
|
|
| 32 |
} |
|
| 33 |
} |
|
| 34 |
|
|
| 35 |
|
|
| 36 |
function DocLang() |
|
| 37 |
// Vrac? zkratku jazyka str?nky ( cs en ) |
|
| 38 |
// Nen?-li v dokumentu uveden? vrac? en |
|
| 39 |
{
|
|
| 40 |
var s; |
|
| 41 |
s=document.body.lang.toLowerCase(); |
|
| 42 |
if(s=="cs") return "cs"; // To by m? zaj?malo pro? je ?e?tina cs a ne cz |
|
| 43 |
if(s=="sk") return "cs"; // Pro slov?ky bude asi ?e?tina vhodn?j?? |
|
| 44 |
return "en"; // Pro v?echny ostatn? d?me angli?tinu |
|
| 45 |
} |
|
| 46 |
|
|
| 47 |
|
|
| 48 |
function SetRelativePath(Path) |
|
| 49 |
// Nastav? relativn? ??st cesty tak, abychom se dostali k rootu webu |
|
| 50 |
// Nap??klad pro str?nky v adres??i "Web" je tento parametr "../" |
|
| 51 |
{
|
|
| 52 |
// Zapamatuji si relativn? cestu |
|
| 53 |
RelPath=Path; |
|
| 54 |
// P??padn? dopln?m na konec lom?tko |
|
| 55 |
if (RelPath.length!=0) |
|
| 56 |
if (RelPath.charAt(RelPath.length-1)!='/') |
|
| 57 |
RelPath+='/'; |
|
| 58 |
} |
|
| 59 |
|
|
| 60 |
|
|
| 61 |
function PokeRelativePath(Content) |
|
| 62 |
// Vezme ?et?zec a dopln? v n?m v?echny odkazy o relativn? ??st cesty |
|
| 63 |
{
|
|
| 64 |
// return (Content.replace(/<a href="/ig,'<a href="'+RelPath)); |
|
| 65 |
Content=(Content.replace(/(\s+href=[\"\'])([^#])/ig,'$1'+RelPath+'$2')); |
|
| 66 |
Content=(Content.replace(/(\s+src=[\"\'])([^#])/ig,'$1'+RelPath+'$2')); |
|
| 67 |
return Content; |
|
| 68 |
} |
|
| 69 |
|
|
| 70 |
|
|
| 71 |
function DrawHeader(MoreInfo) |
|
| 72 |
// Nepovinny parametr udava nadpis stranky |
|
| 73 |
// Neni-li uveden bere se text ze znacky title dokumentu |
|
| 74 |
{
|
|
| 75 |
// Prom?nn? pro vznikaj?c? vkl?dan? obsah |
|
| 76 |
var Content=""; |
|
| 77 |
// Default informace pokud je parametr nezadany |
|
| 78 |
if(MoreInfo==undefined) MoreInfo=document.title; |
|
| 79 |
// Vlozeni HTML kodu |
|
| 80 |
Content+='<div class="InnerHeader"> '; |
|
| 81 |
if (DocLang()=="cs") |
|
| 82 |
{ // ?esk? text
|
|
| 83 |
Content+='<a href="index.cs.html" title="Dom?"><span class="HeaderLogo">MLAB</span><img border=0 width=120 height=57 src="Web/PIC/MLAB_online.gif" alt="MLAB Logo"></a>'; |
|
| 84 |
} |
|
| 85 |
else |
|
| 86 |
{ // English text
|
|
| 87 |
Content+='<a href="index.en.html" title="Home"><span class="HeaderLogo">MLAB</span><img border=0 width=120 height=57 src="Web/PIC/MLAB_online.gif" alt="MLAB Logo"></a>'; |
|
| 88 |
} |
|
| 89 |
Content+='<span class="HeaderText">'+MoreInfo+'</span>'; |
|
| 90 |
Content+='</div> '; |
|
| 91 |
// Korekce cest v odkazech |
|
| 92 |
Content=PokeRelativePath(Content); |
|
| 93 |
// V?stup sestaven?ho textu |
|
| 94 |
document.write(Content); |
|
| 95 |
} |
|
| 96 |
|
|
| 97 |
|
|
| 98 |
function DrawMenu(MoreInfo) |
|
| 99 |
// Nepovinny parametr udava nazev menu |
|
| 100 |
// Neni-li uveden dava se text Menu |
|
| 101 |
{
|
|
| 102 |
// Prom?nn? pro vznikaj?c? vkl?dan? obsah |
|
| 103 |
var Content=""; |
|
| 104 |
// Default text |
|
| 105 |
if(MoreInfo==undefined) MoreInfo="Menu"; |
|
| 106 |
// Vlastni menu |
|
| 107 |
Content+='<div class="InnerMenu">'; |
|
| 108 |
Content+=' <div class="Navigation">'; |
|
| 109 |
Content+=' <div class="MenuText">'; |
|
| 110 |
Content+= MoreInfo; |
|
| 111 |
Content+=' </div>'; |
|
| 112 |
if (DocLang()=="cs") |
|
| 113 |
{ // ?esk? text
|
|
| 114 |
Content+='<ul>'; |
|
| 115 |
Content+=' <li> <a href="index.cs.html" title="Dom?">MLAB Home</a> </li>'; |
|
| 116 |
Content+=' <li> <a href="Web/Modules.cs.html" title="Jednotliv? moduly MLAB">Moduly</a> </li>'; |
|
| 117 |
Content+=' <li> <a href="Web/Apparatus.cs.html" title="Samostatn? za??zen?">Za??zen?</a> </li>'; |
|
| 118 |
Content+=' <li> <a href="Web/Articles.cs.html" title="?l?nky, informace">Texty</a> </li>'; |
|
| 119 |
Content+=' <li> <a href="Web/News.cs.html" title="Novinky a zm?ny">Novinky</a> </li>'; |
|
| 120 |
Content+=' <li> <a href="Web/Photos.cs.html" title="Galerie fotografi?">Fotogalerie</a> </li>'; |
|
| 121 |
Content+=' <li> <a href="Web/AboutMLAB.cs.html" title="O stavebnici MLAB">O MLABu</a> </li>'; |
|
| 122 |
Content+=' <li> <a href="Web/AboutWeb.cs.html" title="O webu">O WEBu</a> </li>'; |
|
| 123 |
Content+=' <li> <a href="Web/AboutAuthors.cs.html" title="O autorech">Auto?i</a> </li>'; |
|
| 124 |
Content+=' <li> <a href="Web/ToDoList.cs.html" title="Co j??t? zb?v? ud?lat">To do list</a> </li>'; |
|
| 125 |
Content+='</ul>'; |
|
| 126 |
} |
|
| 127 |
else |
|
| 128 |
{ // English text
|
|
| 129 |
Content+='<ul>'; |
|
| 130 |
Content+=' <li> <a href="index.html" title="Home">MLAB Home</a> </li>'; |
|
| 131 |
Content+=' <li> <a href="Web/Modules.en.html" title="Single MLAB Modules">Modules</a> </li>'; |
|
| 132 |
Content+=' <li> <a href="Web/Apparatus.en.html" title="Independed Devices">Apparatus</a> </li>'; |
|
| 133 |
Content+=' <li> <a href="Web/Articles.en.html" title="Articles and other Texts">Texts</a> </li>'; |
|
| 134 |
Content+=' <li> <a href="Web/News.cen.html" title="News">News</a> </li>'; |
|
| 135 |
Content+=' <li> <a href="Web/Photos.en.html" title="Photo Gallery">Photo Gallery</a> </li>'; |
|
| 136 |
Content+=' <li> <a href="Web/AboutMLAB.en.html" title="About MLAB">About MLABu</a> </li>'; |
|
| 137 |
Content+=' <li> <a href="Web/AboutWeb.en.html" title="About Web">About Web</a> </li>'; |
|
| 138 |
Content+=' <li> <a href="Web/AboutAuthors.en.html" title="About Authors">Authors</a> </li>'; |
|
| 139 |
Content+=' <li> <a href="Web/ToDoList.en.html" title="What to do">To do list</a> </li>'; |
|
| 140 |
Content+='</ul>'; |
|
| 141 |
} |
|
| 142 |
Content+=' </div>'; |
|
| 143 |
Content+='</div> '; |
|
| 144 |
// Korekce cest v odkazech |
|
| 145 |
Content=PokeRelativePath(Content); |
|
| 146 |
// V?stup sestaven?ho textu |
|
| 147 |
document.write(Content); |
|
| 148 |
} |
|
| 149 |
|
|
| 150 |
|
|
| 151 |
function DrawFooter(MoreInfo) |
|
| 152 |
// Nepovinny parametr pro text do paticky |
|
| 153 |
{
|
|
| 154 |
// Prom?nn? pro vznikaj?c? vkl?dan? obsah |
|
| 155 |
var Content=""; |
|
| 156 |
// Default text je prazdny |
|
| 157 |
if(MoreInfo==undefined) MoreInfo=""; |
|
| 158 |
// Vlozeni HTML kodu |
|
| 159 |
Content+='<div class="InnerFooter">'; |
|
| 160 |
Content+=' '; // ?stupek IE6 (chyba v?po?tu ???ky p?i nenulov?m paddingu ) |
|
| 161 |
if (DocLang()=="cs") |
|
| 162 |
{ // ?esk? text
|
|
| 163 |
Content+='<a href="#">Nahoru</a> '; |
|
| 164 |
Content+='<a href="Web/Copyright.cs.html">Copyright</a> © '; |
|
| 165 |
Content+='<a href="Web/AboutAuthors.cs.html">Auto?i MLAB</a> '; |
|
| 166 |
} |
|
| 167 |
else |
|
| 168 |
{ // English text
|
|
| 169 |
Content+='<a href="#">Up</a> '; |
|
| 170 |
Content+='<a href="Web/Copyright.en.html">Copyright</a> © '; |
|
| 171 |
Content+='<a href="Web/AboutAuthors.en.html">MLAB Authors</a> '; |
|
| 172 |
} |
|
| 173 |
Content+='['+document.lastModified+'] '; |
|
| 174 |
Content+=MoreInfo; |
|
| 175 |
Content+='</div>'; |
|
| 176 |
// Korekce cest v odkazech |
|
| 177 |
Content=PokeRelativePath(Content); |
|
| 178 |
// V?stup sestaven?ho textu |
|
| 179 |
document.write(Content); |
|
| 180 |
} |
|
| www/Web/AboutMLAB.cs.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
|
| 7 |
<title> O stavebnici MLAB </title> |
|
| 8 |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB z?kladn? styl"> |
|
| 9 |
<script language="JavaScript" type="text/javascript" src="./JS/MLAB_Menu.js"></script> |
|
| 10 |
</head> |
|
| 11 |
|
|
| 12 |
<body lang="cs"> |
|
| 13 |
|
|
| 14 |
<!-- ============== HEADER ============== --> |
|
| 15 |
<div class="Header"> |
|
| 16 |
<script type="text/javascript"> |
|
| 17 |
<!-- |
|
| 18 |
SetRelativePath("../");
|
|
| 19 |
DrawHeader(); |
|
| 20 |
// --> |
|
| 21 |
</script> |
|
| 22 |
<noscript> |
|
| 23 |
<b> JavaScript is required for including of the header </b></noscript> |
|
| 24 |
</div> |
|
| 25 |
|
|
| 26 |
<!-- ============== MENU ============== --> |
|
| 27 |
<div class="Menu"> |
|
| 28 |
<script type="text/javascript"> |
|
| 29 |
<!-- |
|
| 30 |
DrawMenu(); |
|
| 31 |
// --> |
|
| 32 |
</script> |
|
| 33 |
<noscript> |
|
| 34 |
<b> JavaScript is required for including of the menu </b></noscript> |
|
| 35 |
</div> |
|
| 36 |
|
|
| 37 |
<!-- ============== TEXT ============== --> |
|
| 38 |
<div class=Text> |
|
| 39 |
<p class=Title> |
|
| 40 |
Tahle str?nka je?t? nen? napsan?. |
|
| 41 |
</p> |
|
| 42 |
<p class=Subtitle> |
|
| 43 |
a drobn? robotika. |
|
| 44 |
</p> |
|
| 45 |
</div> |
|
| 46 |
|
|
| 47 |
<!-- ============== FOOTER ============== --> |
|
| 48 |
<div class="Footer"> |
|
| 49 |
<script type="text/javascript"> |
|
| 50 |
<!-- |
|
| 51 |
DrawFooter(); |
|
| 52 |
// --> |
|
| 53 |
</script> |
|
| 54 |
<noscript> |
|
| 55 |
<b> JavaScript is required for including of the footer </b></noscript> |
|
| 56 |
</div> |
|
| 57 |
|
|
| 58 |
</body> |
|
| 59 |
|
|
| 60 |
</html> |
|
| www/Web/AboutWeb.cs.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
|
| 7 |
<title> O WEBu MLAB </title> |
|
| 8 |
<link rel="StyleSheet" href="../Web/CSS/MLAB.css" type="text/css" title="MLAB z?kladn? styl"> |
|
| 9 |
<script language="JavaScript" type="text/javascript" src="../Web/JS/MLAB_Menu.js"></script> |
|
| 10 |
</head> |
|
| 11 |
|
|
| 12 |
<body lang="CS"> |
|
| 13 |
|
|
| 14 |
<!-- ============== HLAVI?KA ============== --> |
|
| 15 |
<div class="Header"> |
|
| 16 |
<script type="text/javascript"> |
|
| 17 |
<!-- |
|
| 18 |
SetRelativePath("../");
|
|
| 19 |
DrawHeader(); |
|
| 20 |
// --> |
|
| 21 |
</script> |
|
| 22 |
<noscript> |
|
| 23 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 24 |
</noscript> |
|
| 25 |
</div> |
|
| 26 |
|
|
| 27 |
<!-- ============== MENU ============== --> |
|
| 28 |
<div class="Menu"> |
|
| 29 |
<script type="text/javascript"> |
|
| 30 |
<!-- |
|
| 31 |
DrawMenu(); |
|
| 32 |
// --> |
|
| 33 |
</script> |
|
| 34 |
<noscript> |
|
| 35 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 36 |
</noscript> |
|
| 37 |
</div> |
|
| 38 |
|
|
| 39 |
<!-- ============== TEXT ============== --> |
|
| 40 |
<div class="Text"> |
|
| 41 |
<h1 class="FirstWord"> Pro? vznikl tento WEB </h1> |
|
| 42 |
<p> |
|
| 43 |
Web MLAB vznikl proto?e si mysl?me, ?e m?me co zve?ejnit. Hlavn?m impulzem |
|
| 44 |
byl vznik stavebnice MLAB. Stavebnice MLAB se n?m v praxi natolik osv?d?ila, |
|
| 45 |
?e bychom se r?di pod?lili o pozn?n? s ostatn?mi. |
|
| 46 |
<p> |
|
| 47 |
<h1 class="FirstWord"> Co obsahuje </h1> |
|
| 48 |
<p> |
|
| 49 |
Samoz?ejm? v?e okolo stavebnice MLAB ale tak? ?adu dal??ch v?c? od na?ich |
|
| 50 |
autor?. Samostatn? projekty nebo ?l?nky v?ce i m?n? spojen? s projektem |
|
| 51 |
MLAB. |
|
| 52 |
</p> |
|
| 53 |
<h1 class="FirstWord"> Kdo jej tvo?? </h1> |
|
| 54 |
<p> |
|
| 55 |
P?r nad?enc? HW/SW v?voj???. Projekt je nekomer?n? a vznik? ve voln?m |
|
| 56 |
?ase autor? (<i>d?le?it? informace pro kritiky</i>). |
|
| 57 |
</p> |
|
| 58 |
<h1 class="FirstWord"> Nel?b? se v?m ? </h1> |
|
| 59 |
<p> |
|
| 60 |
Na designu a struktu?e WEBu se pr?b??n? pracuje. Proto?e nejsme prof?ci |
|
| 61 |
ani v oblasti grafiky ani WEBdesignu je to bohu?el vid?t. Rozhodn? nechceme tr?vit |
|
| 62 |
v?ce ?asu ne? je nezbytn? geni?ln?mi hejbl?tky, blik?tky a dal??mi opi??rnami |
|
| 63 |
a u? v?bec ne lad?n?m chyb star?ch prohl??e??. |
|
| 64 |
</p> |
|
| 65 |
<p> |
|
| 66 |
Proto je design velmi konzervativn? lad?n?. |
|
| 67 |
</p> |
|
| 68 |
<h1 class="FirstWord"> Nefunguje n?co? </h1> |
|
| 69 |
<p> |
|
| 70 |
Dejte n?m v?d?t a my se to pokus?me spravit nebo vylep?it (pokud to budeme |
|
| 71 |
um?t a bude to za to st?t). V?ce n?m pom??e n?vrh jak v?c vylep?it ne? |
|
| 72 |
hol? konstatov?n? "<i>ono to n?kdy n?jak nefunguje</i>". |
|
| 73 |
</p> |
|
| 74 |
<h1 class="FirstWord"> Jak funguje uvnit? </h1> |
|
| 75 |
<p> |
|
| 76 |
Z?kladem je datab?ze SVN (SubVersion) pro ukl?d?n? zdroj?k? a dal??ch |
|
| 77 |
soubor? design? i webov?ch str?nek. Tato datab?ze slou?? prim?rn? autor?m |
|
| 78 |
a obsah webu se z n? generuje automaticky. |
|
| 79 |
</p> |
|
| 80 |
<p> |
|
| 81 |
Nad t?m b??? Apa?, kter? zp??stup?uje data u?ivatel?m bez pot?eby instalovat |
|
| 82 |
SVN klienta. |
|
| 83 |
</p> |
|
| 84 |
<p> |
|
| 85 |
WEBov? str?nky pou??vaj? HTML4 a CSS2. Nejsou optimalizov?ny pro ??dn? |
|
| 86 |
prohl??e? a douf?me, ?e se ?sp??n? vyh?baj? podstatn?m chyb?m pou??van?ch |
|
| 87 |
prohl??e??. A? pokro?? doba (hlavn? u MSIE) bude mo?n? str?nky pon?kud |
|
| 88 |
vylep?it. Zkuste t?eba Mozillu. |
|
| 89 |
</p> |
|
| 90 |
</div> |
|
| 91 |
|
|
| 92 |
<!-- ============== PATI?KA ============== --> |
|
| 93 |
<div class=Footer> |
|
| 94 |
<script type="text/javascript"> |
|
| 95 |
<!-- |
|
| 96 |
DrawFooter(); |
|
| 97 |
// --> |
|
| 98 |
</script> |
|
| 99 |
<noscript> |
|
| 100 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 101 |
</noscript> |
|
| 102 |
</div> |
|
| 103 |
|
|
| 104 |
</body> |
|
| 105 |
|
|
| 106 |
</html> |
|
| www/Web/AboutAuthors.en.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
|
| 7 |
<title> About MLAB Authors </title> |
|
| 8 |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB Basic Style"> |
|
| 9 |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
|
| 10 |
</head> |
|
| 11 |
|
|
| 12 |
<body lang="en"> |
|
| 13 |
|
|
| 14 |
<!-- ============== HEADER ============== --> |
|
| 15 |
<div class="Header"> |
|
| 16 |
<script type="text/javascript"> |
|
| 17 |
<!-- |
|
| 18 |
SetRelativePath("../");
|
|
| 19 |
DrawHeader(); |
|
| 20 |
// --> |
|
| 21 |
</script> |
|
| 22 |
<noscript> |
|
| 23 |
<b> JavaScript is required for including of the header </b></noscript> |
|
| 24 |
</div> |
|
| 25 |
|
|
| 26 |
<!-- ============== MENU ============== --> |
|
| 27 |
<div class="Menu"> |
|
| 28 |
<script type="text/javascript"> |
|
| 29 |
<!-- |
|
| 30 |
DrawMenu(); |
|
| 31 |
// --> |
|
| 32 |
</script> |
|
| 33 |
<noscript> |
|
| 34 |
<b> JavaScript is required for including of the menu </b></noscript> |
|
| 35 |
</div> |
|
| 36 |
|
|
| 37 |
<!-- ============== TEXT ============== --> |
|
| 38 |
<div class="Text"> |
|
| 39 |
<div class="AboutAuthor"> |
|
| 40 |
<h1> miho </h1> |
|
| 41 |
<p class="Name"> Milan Horkel </p> |
|
| 42 |
<img border=0 width=80 height=100 |
|
| 43 |
src="PIC/AuthorMiho.jpg" |
|
| 44 |
alt="Picture of miho" /> |
|
| 45 |
<p> |
|
| 46 |
The father of MLAB Project. Profession HW developer. |
|
| 47 |
Web designer (albeit he know about it almost nothing). |
|
| 48 |
<p> |
|
| 49 |
<ul type="none"> |
|
| 50 |
<li> Design of new modules </li> |
|
| 51 |
<li> Writing of the articles </li> |
|
| 52 |
<li> Web design </li> |
|
| 53 |
</ul> |
|
| 54 |
</p> |
|
| 55 |
</div> |
|
| 56 |
<div class="AboutAuthor"> |
|
| 57 |
<h1> kakl </h1> |
|
| 58 |
<p class="Name"> Martin K?kona </p> |
|
| 59 |
<img class="FloatLeft" border=0 width=80 height=100 |
|
| 60 |
src="PIC/AuthorKakl.jpg" |
|
| 61 |
alt="Picture of kakl" /> |
|
| 62 |
<p> |
|
| 63 |
He is a source of new and sometimes crazy ideas. Professional HW and SW developer |
|
| 64 |
Interested if astronomy. |
|
| 65 |
</p> |
|
| 66 |
<p> |
|
| 67 |
<ul> |
|
| 68 |
<li> Design of new modules </li> |
|
| 69 |
<li> MLAB modules applications </li> |
|
| 70 |
<li> SubVersion administrator </li> |
|
| 71 |
</ul> |
|
| 72 |
</p> |
|
| 73 |
</div> |
|
| 74 |
<div class="AboutAuthor"> |
|
| 75 |
<h1> kaklik </h1> |
|
| 76 |
<p class="Name"> Jakub K?kona </p> |
|
| 77 |
<img class="FloatLeft" border=0 width=80 height=100 |
|
| 78 |
src="PIC/AuthorKaklik.jpg" |
|
| 79 |
alt="Picture of kaklik" /> |
|
| 80 |
<p> |
|
| 81 |
Nudging young student. It is not easy to satisfy all his needs fast enough. |
|
| 82 |
He will be a developer sometime in the future. |
|
| 83 |
</p> |
|
| 84 |
<p> |
|
| 85 |
<ul> |
|
| 86 |
<li> Design of new modules </li> |
|
| 87 |
<li> Robots and small cars construction </li> |
|
| 88 |
<li> System administrator </li> |
|
| 89 |
</ul> |
|
| 90 |
</p> |
|
| 91 |
</div> |
|
| 92 |
<div class="AboutAuthor"> |
|
| 93 |
<h1> f?k </h1> |
|
| 94 |
<p class="Name"> Dog Feek </p> |
|
| 95 |
<img class="FloatLeft" border=0 width=80 height=100 |
|
| 96 |
src="./PIC/AuthorFik.jpg" |
|
| 97 |
alt="Picture of Feek" /> |
|
| 98 |
<p> |
|
| 99 |
Our four-footed friend, source of good temper. He helps us to maintain our |
|
| 100 |
physical and mental health. |
|
| 101 |
</p> |
|
| 102 |
<p> |
|
| 103 |
<ul> |
|
| 104 |
<li> Watchdog </li> |
|
| 105 |
<li> Creation of endorphines </li> |
|
| 106 |
<li> Pulling the authors off the computer </li> |
|
| 107 |
<li> Making authors running in the country </li> |
|
| 108 |
</ul> |
|
| 109 |
</p> |
|
| 110 |
</div> |
|
| 111 |
</div> |
|
| 112 |
|
|
| 113 |
<!-- ============== FOOTER ============== --> |
|
| 114 |
<div class="Footer"> |
|
| 115 |
<script type="text/javascript"> |
|
| 116 |
<!-- |
|
| 117 |
DrawFooter(); |
|
| 118 |
// --> |
|
| 119 |
</script> |
|
| 120 |
<noscript> |
|
| 121 |
<b> JavaScript is required for including of the footer </b></noscript> |
|
| 122 |
</div> |
|
| 123 |
|
|
| 124 |
</body> |
|
| 125 |
|
|
| 126 |
</html> |
|
| www/Web/_Podnety.html | ||
|---|---|---|
| 1 |
Podm?n?n? vlo?en? stylu pro IE |
|
| 2 |
<!--[if gte ie 5.5000]> |
|
| 3 |
<link rel="stylesheet" type="text/css" href="ie.css" /> |
|
| 4 |
<![endif]--> |
|
| 5 |
Styly |
|
| 6 |
<link rel="alternate stylesheet" type="text/css" title="Print" href="print.css"> |
|
| 7 |
|
|
| 8 |
Ikona pro web (IE) |
|
| 9 |
<!-- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> --> |
|
| 10 |
|
|
| 11 |
Informace pro roboty |
|
| 12 |
<!-- <meta name="robots" content="follow" /> --> |
|
| 13 |
<!-- <meta name="revisit-after" content="30 days" /> --> |
|
| 14 |
|
|
| 15 |
To mi zbylo |
|
| 16 |
<h1> Fast links just for test </h1> |
|
| 17 |
<p> <a href="PICPGR301A.en.html">PICPGR301A </a> </p> |
|
| 18 |
<p> <a href="Cestina_UTF8.html" >Test ?e?tiny UTF8 </a> </p> |
|
| 19 |
<p> <a href="Cestina_CP1250.html">Test ?e?tiny CP1250 </a> </p> |
|
| 20 |
Pridani hledaciho stroje na stranku - google |
|
| 21 |
|
|
| 22 |
<form method=.get. action=.http://www.google.com/search.> |
|
| 23 |
<p> |
|
| 24 |
<input type=.text. name=.q. alt=.hled?n? - text. |
|
| 25 |
size=.10. maxlength=.255. /> |
|
| 26 |
<input type=.submit. name=.btnG. |
|
| 27 |
value=.hledat. alt=.hledat. /> |
|
| 28 |
<input type=.hidden. name=.sitesearch. |
|
| 29 |
value=.www.kdesi.cz. /> |
|
| 30 |
<input type=.hidden. name=.ie. |
|
| 31 |
value=.ISO-8859-2. /> |
|
| 32 |
<input type=.hidden. name=.hl. |
|
| 33 |
value=.cs. /> |
|
| 34 |
</p> |
|
| 35 |
</form> |
|
| 36 |
|
|
| 37 |
Vhodne kombinace barev |
|
| 38 |
|
|
| 39 |
pozad? text odkazy nav.t?ven? odkazy |
|
| 40 |
#ccffff #336666 #6666cc #669999 |
|
| 41 |
#ffcccc #660033 #ff0066 #990033 |
|
| 42 |
#cc9999 #330000 #0066cc #663366 |
|
| 43 |
#ccffcc #003300 #ff6600 #996600 |
|
| 44 |
#99cc99 #003300 #ffff99 #669900 |
|
| 45 |
#ccccff #333300 #3333ff #333399 |
|
| 46 |
#990000 #ffff99 #ffff00 #cccc66 |
|
| 47 |
#336600 #ccffcc #ffff66 #cccc99 |
|
| 48 |
#003300 #cccc99 #33cc33 #999900 |
|
| 49 |
#000066 #ffffff #ffcc00 #999966 |
|
| www/Web/ToDoList.en.html | ||
|---|---|---|
| 1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
|
| 2 |
|
|
| 3 |
<html> |
|
| 4 |
|
|
| 5 |
<head> |
|
| 6 |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> |
|
| 7 |
<title> To do list </title> |
|
| 8 |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB z?kladn? styl" /> |
|
| 9 |
<meta name="keywords" content="stavebnice MLAB univerz?ln? moduly" /> |
|
| 10 |
<meta name="description" content="Projekt MLAB, To do list" /> |
|
| 11 |
|
|
| 12 |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
|
| 13 |
</head> |
|
| 14 |
|
|
| 15 |
<body lang="en"> |
|
| 16 |
|
|
| 17 |
<!-- ============== HLAVICKA ============== --> |
|
| 18 |
<div class="Header"> |
|
| 19 |
<script type="text/javascript"> |
|
| 20 |
<!-- |
|
| 21 |
SetRelativePath("../");
|
|
| 22 |
DrawHeader(); // mozno zmenit nadpis v hlavicce |
|
| 23 |
// --> |
|
| 24 |
</script> |
|
| 25 |
<noscript> |
|
| 26 |
<b> Pro zobrazen? (vlo?en?) hlavi?ky je pot?eba JavaScript </b> |
|
| 27 |
</noscript> |
|
| 28 |
</div> |
|
| 29 |
|
|