No changes between revisions
/Web/AboutAuthors.cs.html |
---|
0,0 → 1,137 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
<title> O autorech projektu MLAB </title> |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB základní styl"> |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
</head> |
<body lang=CS> |
<!-- ============== HLAVIÈKA ============== --> |
<div class=Header> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class=Menu> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== TEXT ============== --> |
<div class="Text"> |
<div class="AboutAuthor"> |
<h1> miho </h1> |
<p class="Name"> Milan Horkel </p> |
<img border=0 width=80 height=100 |
src="PIC/AuthorMiho.jpg" |
alt="Obrázek miho"/> |
<p> |
Duchovní otec projektu MLAB. Profesionální vývojáø hardwaru, systematik |
(to jako e nesnáí chaos)a tvùrce webu (i kdy o tom nic neví). |
<p> |
<p> |
Duchovní otec projektu MLAB. Profesionální vývojáø hardwaru, systematik |
(to jako e nesnáí chaos)a tvùrce webu (i kdy o tom nic neví). |
<p> |
<ul type="none"> |
<li> Tvorba nových modulù </li> |
<li> Psaní èlánkù </li> |
<li> WEB design </li> |
</ul> |
</p> |
</div> |
<div class="AboutAuthor"> |
<h1> kakl </h1> |
<p class="Name"> Martin Kákona </p> |
<img class="FloatLeft" border=0 width=80 height=100 |
src="PIC/AuthorKakl.jpg" |
alt="Obrázek kakl" |
/> |
<p> |
Zdroj neotøelých a ílených nápadù. Profesionální vývojáø hardwaru a softwaru. |
Zajímá se o astronomii. |
</p> |
<p> |
<ul> |
<li> Tvorba nových modulù </li> |
<li> Aplikace s moduly </li> |
<li> Správce SubVersion </li> |
</ul> |
</p> |
</div> |
<div class="AboutAuthor"> |
<h1> kaklík </h1> |
<p class="Name"> Jakub Kákona </p> |
<img class="FloatLeft" border=0 width=80 height=100 |
src="PIC/AuthorKaklik.jpg" |
alt="Obrázek kaklík" |
/> |
<p> |
Ná pouchovatel. Není snadné splnit vechny jeho poadavky. |
V souèasné dobì student støední koly, v budoucnu snad |
vývojáø. |
</p> |
<p> |
<ul> |
<li> Tvorba nových modulù </li> |
<li> Stavba robotù a vozítek </li> |
<li> Správce systému </li> |
</ul> |
</p> |
</div> |
<div class="AboutAuthor"> |
<h1> fík </h1> |
<p class="Name"> Pes Fík </p> |
<img class="FloatLeft" border=0 width=80 height=100 |
src="PIC/AuthorFik.jpg" |
alt="Obrázek fík" |
/> |
<p> |
Ná ètyønohej chlupatej kamarád, zdroj dobré nálady a zejména podporovatel |
duevního i tìlesného zdraví. |
</p> |
<p> |
<ul> |
<li> Hlídání (watchdog) </li> |
<li> Výroba endorfinù </li> |
<li> Odhánìní autorù od poèítaèe </li> |
<li> Prohánìní autorù po pøírodì </li> |
</ul> |
</p> |
</div> |
</div> |
<!-- ============== PATIÈKA ============== --> |
<div class=Footer> |
<script type="text/javascript"> |
<!-- |
DrawFooter(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
</body> |
</html> |
/Web/AboutAuthors.en.html |
---|
0,0 → 1,126 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
<title> About MLAB Authors </title> |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB Basic Style"> |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
</head> |
<body lang="en"> |
<!-- ============== HEADER ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the header </b></noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the menu </b></noscript> |
</div> |
<!-- ============== TEXT ============== --> |
<div class="Text"> |
<div class="AboutAuthor"> |
<h1> miho </h1> |
<p class="Name"> Milan Horkel </p> |
<img border=0 width=80 height=100 |
src="PIC/AuthorMiho.jpg" |
alt="Picture of miho" /> |
<p> |
The father of MLAB Project. Profession HW developer. |
Web designer (albeit he know about it almost nothing). |
<p> |
<ul type="none"> |
<li> Design of new modules </li> |
<li> Writing of the articles </li> |
<li> Web design </li> |
</ul> |
</p> |
</div> |
<div class="AboutAuthor"> |
<h1> kakl </h1> |
<p class="Name"> Martin Kákona </p> |
<img class="FloatLeft" border=0 width=80 height=100 |
src="PIC/AuthorKakl.jpg" |
alt="Picture of kakl" /> |
<p> |
He is a source of new and sometimes crazy ideas. Professional HW and SW developer |
Interested if astronomy. |
</p> |
<p> |
<ul> |
<li> Design of new modules </li> |
<li> MLAB modules applications </li> |
<li> SubVersion administrator </li> |
</ul> |
</p> |
</div> |
<div class="AboutAuthor"> |
<h1> kaklik </h1> |
<p class="Name"> Jakub Kákona </p> |
<img class="FloatLeft" border=0 width=80 height=100 |
src="PIC/AuthorKaklik.jpg" |
alt="Picture of kaklik" /> |
<p> |
Nudging young student. It is not easy to satisfy all his needs fast enough. |
He will be a developer sometime in the future. |
</p> |
<p> |
<ul> |
<li> Design of new modules </li> |
<li> Robots and small cars construction </li> |
<li> System administrator </li> |
</ul> |
</p> |
</div> |
<div class="AboutAuthor"> |
<h1> fík </h1> |
<p class="Name"> Dog Feek </p> |
<img class="FloatLeft" border=0 width=80 height=100 |
src="./PIC/AuthorFik.jpg" |
alt="Picture of Feek" /> |
<p> |
Our four-footed friend, source of good temper. He helps us to maintain our |
physical and mental health. |
</p> |
<p> |
<ul> |
<li> Watchdog </li> |
<li> Creation of endorphines </li> |
<li> Pulling the authors off the computer </li> |
<li> Making authors running in the country </li> |
</ul> |
</p> |
</div> |
</div> |
<!-- ============== FOOTER ============== --> |
<div class="Footer"> |
<script type="text/javascript"> |
<!-- |
DrawFooter(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the footer </b></noscript> |
</div> |
</body> |
</html> |
/Web/AboutMLAB.cs.html |
---|
0,0 → 1,60 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
<title> O stavebnici MLAB </title> |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB základní styl"> |
<script language="JavaScript" type="text/javascript" src="./JS/MLAB_Menu.js"></script> |
</head> |
<body lang="cs"> |
<!-- ============== HEADER ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the header </b></noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the menu </b></noscript> |
</div> |
<!-- ============== TEXT ============== --> |
<div class=Text> |
<p class=Title> |
Tahle stránka jetì není napsaná. |
</p> |
<p class=Subtitle> |
a drobná robotika. |
</p> |
</div> |
<!-- ============== FOOTER ============== --> |
<div class="Footer"> |
<script type="text/javascript"> |
<!-- |
DrawFooter(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the footer </b></noscript> |
</div> |
</body> |
</html> |
/Web/AboutMLAB.en.html |
---|
0,0 → 1,60 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
<title> About MLAB </title> |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB Basic Style"> |
<script language="JavaScript" type="text/javascript" src="./JS/MLAB_Menu.js"></script> |
</head> |
<body lang="en"> |
<!-- ============== HEADER ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the header </b></noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the menu </b></noscript> |
</div> |
<!-- ============== TEXT ============== --> |
<div class=Text> |
<p class=Title> |
This page is not written yet |
</p> |
<p class=Subtitle> |
a drobná robotika. |
</p> |
</div> |
<!-- ============== FOOTER ============== --> |
<div class="Footer"> |
<script type="text/javascript"> |
<!-- |
DrawFooter(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the footer </b></noscript> |
</div> |
</body> |
</html> |
/Web/AboutWeb.cs.html |
---|
0,0 → 1,106 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
<title> O WEBu MLAB </title> |
<link rel="StyleSheet" href="../Web/CSS/MLAB.css" type="text/css" title="MLAB základní styl"> |
<script language="JavaScript" type="text/javascript" src="../Web/JS/MLAB_Menu.js"></script> |
</head> |
<body lang="CS"> |
<!-- ============== HLAVIÈKA ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== TEXT ============== --> |
<div class="Text"> |
<h1 class="FirstWord"> Proè vznikl tento WEB </h1> |
<p> |
Web MLAB vznikl protoe si myslíme, e máme co zveøejnit. Hlavním impulzem |
byl vznik stavebnice MLAB. Stavebnice MLAB se nám v praxi natolik osvìdèila, |
e bychom se rádi podìlili o poznání s ostatními. |
<p> |
<h1 class="FirstWord"> Co obsahuje </h1> |
<p> |
Samozøejmì ve okolo stavebnice MLAB ale také øadu dalích vìcí od naich |
autorù. Samostatné projekty nebo èlánky více i ménì spojené s projektem |
MLAB. |
</p> |
<h1 class="FirstWord"> Kdo jej tvoøí </h1> |
<p> |
Pár nadencù HW/SW vývojáøù. Projekt je nekomerèní a vzniká ve volném |
èase autorù (<i>dùleitá informace pro kritiky</i>). |
</p> |
<h1 class="FirstWord"> Nelíbí se vám ? </h1> |
<p> |
Na designu a struktuøe WEBu se prùbìnì pracuje. Protoe nejsme profíci |
ani v oblasti grafiky ani WEBdesignu je to bohuel vidìt. Rozhodnì nechceme trávit |
více èasu ne je nezbytné geniálními hejblátky, blikátky a dalími opièárnami |
a u vùbec ne ladìním chyb starých prohlíeèù. |
</p> |
<p> |
Proto je design velmi konzervativnì ladìný. |
</p> |
<h1 class="FirstWord"> Nefunguje nìco? </h1> |
<p> |
Dejte nám vìdìt a my se to pokusíme spravit nebo vylepit (pokud to budeme |
umìt a bude to za to stát). Více nám pomùe návrh jak vìc vylepit ne |
holé konstatování "<i>ono to nìkdy nìjak nefunguje</i>". |
</p> |
<h1 class="FirstWord"> Jak funguje uvnitø </h1> |
<p> |
Základem je databáze SVN (SubVersion) pro ukládání zdrojákù a dalích |
souborù designù i webových stránek. Tato databáze slouí primárnì autorùm |
a obsah webu se z ní generuje automaticky. |
</p> |
<p> |
Nad tím bìí Apaè, který zpøístupòuje data uivatelùm bez potøeby instalovat |
SVN klienta. |
</p> |
<p> |
WEBové stránky pouívají HTML4 a CSS2. Nejsou optimalizovány pro ádný |
prohlíeè a doufáme, e se úspìnì vyhýbají podstatným chybám pouívaných |
prohlíeèù. A pokroèí doba (hlavnì u MSIE) bude moné stránky ponìkud |
vylepit. Zkuste tøeba Mozillu. |
</p> |
</div> |
<!-- ============== PATIÈKA ============== --> |
<div class=Footer> |
<script type="text/javascript"> |
<!-- |
DrawFooter(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
</body> |
</html> |
/Web/AboutWeb.en.html |
---|
0,0 → 1,107 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv=Content-Type content="text/html; charset=windows-1250"> |
<title> About MLAB Web </title> |
<link rel="StyleSheet" href="../Web/CSS/MLAB.css" type="text/css" title="MLAB Basic Style"> |
<script language="JavaScript" type="text/javascript" src="../Web/JS/MLAB_Menu.js"></script> |
</head> |
<body lang="en"> |
<!-- ============== HEADER ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the header </b></noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the menu </b></noscript> |
</div> |
<!-- ============== TEXT ============== --> |
<div class="Text"> |
<h1 class="FirstWord"> Why this web was created </h1> |
<p> |
The web was created because we believe that we have something to publish. |
The main reason was the MLAB project. It is some sort of construction kit |
or electronic "lego". MLAB modules proved useable so well that we whish to share |
it with the others. |
<p> |
<h1 class="FirstWord"> What can you find here </h1> |
<p> |
Everything about MLAB (documentation, design files etc.) and a lot of other |
things. Some articles about electronics. Everything is original written by our |
authors. |
</p> |
<h1 class="FirstWord"> Who are the authors </h1> |
<p> |
Several keen electronics and hobbyists. Our hobby is our job as well. |
The web and MLAB project are noncommercial and they are created in |
authors free time (<i>an important information for critics</i>). |
</p> |
<h1 class="FirstWord"> Do not you like it? </h1> |
<p> |
Well. We are continuously working on the web design and on the structure of data. |
We are not professionals both in graphics and web design so the result is not |
perfect. What we know is that we will not spend more time then necessary |
on smart web features (moving pictures and so on) not to speak of tuning |
the web for old web browsers. |
</p> |
<p> |
That is why the web design is conservative. |
</p> |
<h1 class="FirstWord"> Something does not work? </h1> |
<p> |
Let us know and we will try to mend or improve it (if the result is worth |
the effort). |
It is better to say us what, why and how to change something then |
to say that "<i>there is something wrong and it sometimes does work |
somehow</i>". |
</p> |
<h1 class="FirstWord"> How it works inside </h1> |
<p> |
The base component is SubVersion system (source code version system, similar |
to CVS or SourSafe). Every piece of information is in SubVersion database and |
web content is automatically generated. SubVersion is primarily intended for |
the authors. Users do not need to install SubVersion client. |
</p> |
<p> |
Web server is Apache running on Linux. |
</p> |
<p> |
Web pages are based on HTML4 and CSS2. They are not optimised for any particular |
browser and we hope that we avoided successfully all important bugs of |
widely used browsers. Try for example Mozilla browser. |
</p> |
</div> |
<!-- ============== FOOTER ============== --> |
<div class="Footer"> |
<script type="text/javascript"> |
<!-- |
DrawFooter(); |
// --> |
</script> |
<noscript> |
<b> JavaScript is required for including of the footer </b></noscript> |
</div> |
</body> |
</html> |
/Web/JS/MLAB_Menu.js |
---|
0,0 → 1,180 |
// History: |
// Doplnìna detekce jazyka dokumentu (ve znaèce body) |
// Pøedìláno na jinou strukturu adresáøù, doplnìno poukování odkazù |
// Oprava regulárního výrazu tak, aby nekazil odkaz Nahoru v patièce |
//var undefined; // Pro zpetnou kompatibilitu kdyby JS nepodporoval undefined |
var RelPath=""; // Promìnná pro uloení relativní cesty k rootu webu |
// Vechny cesty v tomto skriptu pak mají být cestami od |
// rootu webu (napøíklad Web/PIC/MLAB.ico) |
function Test() |
// Testovací funkce pro ladìní |
{ |
with (document) |
{ |
var Info; |
// Test |
// Uiteèné: document.URL (cesta a jméno souboru stránky) |
write('<p class="MenuText Small">'); |
write('document language '+DocLang()); |
write('</p>'); |
write('<p class="MenuText Small">'); |
write('document language '+navigator.appVersion); |
write('</p>'); |
write('<p class="MenuText Small">'); |
write('document language '+document.body.lang); |
write('</p>'); |
write('<p class="MenuText Small">'); |
write('navigator language '+navigator.language); // FF ano, IE6 ne |
write('</p>'); |
} |
} |
function DocLang() |
// Vrací zkratku jazyka stránky ( cs en ) |
// Není-li v dokumentu uvedená vrací en |
{ |
var s; |
s=document.body.lang.toLowerCase(); |
if(s=="cs") return "cs"; // To by mì zajímalo proè je èetina cs a ne cz |
if(s=="sk") return "cs"; // Pro slováky bude asi èetina vhodnìjí |
return "en"; // Pro vechny ostatní dáme angliètinu |
} |
function SetRelativePath(Path) |
// Nastaví relativní èást cesty tak, abychom se dostali k rootu webu |
// Napøíklad pro stránky v adresáøi "Web" je tento parametr "../" |
{ |
// Zapamatuji si relativní cestu |
RelPath=Path; |
// Pøípadnì doplním na konec lomítko |
if (RelPath.length!=0) |
if (RelPath.charAt(RelPath.length-1)!='/') |
RelPath+='/'; |
} |
function PokeRelativePath(Content) |
// Vezme øetìzec a doplní v nìm vechny odkazy o relativní èást cesty |
{ |
// return (Content.replace(/<a href="/ig,'<a href="'+RelPath)); |
Content=(Content.replace(/(\s+href=[\"\'])([^#])/ig,'$1'+RelPath+'$2')); |
Content=(Content.replace(/(\s+src=[\"\'])([^#])/ig,'$1'+RelPath+'$2')); |
return Content; |
} |
function DrawHeader(MoreInfo) |
// Nepovinny parametr udava nadpis stranky |
// Neni-li uveden bere se text ze znacky title dokumentu |
{ |
// Promìnná pro vznikající vkládaný obsah |
var Content=""; |
// Default informace pokud je parametr nezadany |
if(MoreInfo==undefined) MoreInfo=document.title; |
// Vlozeni HTML kodu |
Content+='<div class="InnerHeader"> '; |
if (DocLang()=="cs") |
{ // èeský text |
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>'; |
} |
else |
{ // English text |
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>'; |
} |
Content+='<span class="HeaderText">'+MoreInfo+'</span>'; |
Content+='</div> '; |
// Korekce cest v odkazech |
Content=PokeRelativePath(Content); |
// Výstup sestaveného textu |
document.write(Content); |
} |
function DrawMenu(MoreInfo) |
// Nepovinny parametr udava nazev menu |
// Neni-li uveden dava se text Menu |
{ |
// Promìnná pro vznikající vkládaný obsah |
var Content=""; |
// Default text |
if(MoreInfo==undefined) MoreInfo="Menu"; |
// Vlastni menu |
Content+='<div class="InnerMenu">'; |
Content+=' <div class="Navigation">'; |
Content+=' <div class="MenuText">'; |
Content+= MoreInfo; |
Content+=' </div>'; |
if (DocLang()=="cs") |
{ // èeský text |
Content+='<ul>'; |
Content+=' <li> <a href="index.cs.html" title="Domù">MLAB Home</a> </li>'; |
Content+=' <li> <a href="Web/Modules.cs.html" title="Jednotlivé moduly MLAB">Moduly</a> </li>'; |
Content+=' <li> <a href="Web/Apparatus.cs.html" title="Samostatná zaøízení">Zaøízení</a> </li>'; |
Content+=' <li> <a href="Web/Articles.cs.html" title="Èlánky, informace">Texty</a> </li>'; |
Content+=' <li> <a href="Web/News.cs.html" title="Novinky a zmìny">Novinky</a> </li>'; |
Content+=' <li> <a href="Web/Photos.cs.html" title="Galerie fotografií">Fotogalerie</a> </li>'; |
Content+=' <li> <a href="Web/AboutMLAB.cs.html" title="O stavebnici MLAB">O MLABu</a> </li>'; |
Content+=' <li> <a href="Web/AboutWeb.cs.html" title="O webu">O WEBu</a> </li>'; |
Content+=' <li> <a href="Web/AboutAuthors.cs.html" title="O autorech">Autoøi</a> </li>'; |
Content+=' <li> <a href="Web/ToDoList.cs.html" title="Co jìtì zbývá udìlat">To do list</a> </li>'; |
Content+='</ul>'; |
} |
else |
{ // English text |
Content+='<ul>'; |
Content+=' <li> <a href="index.html" title="Home">MLAB Home</a> </li>'; |
Content+=' <li> <a href="Web/Modules.en.html" title="Single MLAB Modules">Modules</a> </li>'; |
Content+=' <li> <a href="Web/Apparatus.en.html" title="Independed Devices">Apparatus</a> </li>'; |
Content+=' <li> <a href="Web/Articles.en.html" title="Articles and other Texts">Texts</a> </li>'; |
Content+=' <li> <a href="Web/News.cen.html" title="News">News</a> </li>'; |
Content+=' <li> <a href="Web/Photos.en.html" title="Photo Gallery">Photo Gallery</a> </li>'; |
Content+=' <li> <a href="Web/AboutMLAB.en.html" title="About MLAB">About MLABu</a> </li>'; |
Content+=' <li> <a href="Web/AboutWeb.en.html" title="About Web">About Web</a> </li>'; |
Content+=' <li> <a href="Web/AboutAuthors.en.html" title="About Authors">Authors</a> </li>'; |
Content+=' <li> <a href="Web/ToDoList.en.html" title="What to do">To do list</a> </li>'; |
Content+='</ul>'; |
} |
Content+=' </div>'; |
Content+='</div> '; |
// Korekce cest v odkazech |
Content=PokeRelativePath(Content); |
// Výstup sestaveného textu |
document.write(Content); |
} |
function DrawFooter(MoreInfo) |
// Nepovinny parametr pro text do paticky |
{ |
// Promìnná pro vznikající vkládaný obsah |
var Content=""; |
// Default text je prazdny |
if(MoreInfo==undefined) MoreInfo=""; |
// Vlozeni HTML kodu |
Content+='<div class="InnerFooter">'; |
Content+=' '; // ústupek IE6 (chyba výpoètu íøky pøi nenulovém paddingu ) |
if (DocLang()=="cs") |
{ // èeský text |
Content+='<a href="#">Nahoru</a> '; |
Content+='<a href="Web/Copyright.cs.html">Copyright</a> © '; |
Content+='<a href="Web/AboutAuthors.cs.html">Autoøi MLAB</a> '; |
} |
else |
{ // English text |
Content+='<a href="#">Up</a> '; |
Content+='<a href="Web/Copyright.en.html">Copyright</a> © '; |
Content+='<a href="Web/AboutAuthors.en.html">MLAB Authors</a> '; |
} |
Content+='['+document.lastModified+'] '; |
Content+=MoreInfo; |
Content+='</div>'; |
// Korekce cest v odkazech |
Content=PokeRelativePath(Content); |
// Výstup sestaveného textu |
document.write(Content); |
} |
/Web/PIC/AuthorFik.jpg |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/AuthorKakl.jpg |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/AuthorKaklik.jpg |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/AuthorMiho.jpg |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/CZE.gif |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/GBR.gif |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/MLAB.ico |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/PIC/MLAB_online.gif |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/Web/ToDoList.cs.html |
---|
0,0 → 1,118 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> |
<title> To do list </title> |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB základní styl" /> |
<meta name="keywords" content="stavebnice MLAB univerzální moduly" /> |
<meta name="description" content="Projekt MLAB, To do list" /> |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
</head> |
<body lang="cs"> |
<!-- ============== HLAVICKA ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); // mozno zmenit nadpis v hlavicce |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== TEXT STRANKY ============== --> |
<div class="Text"> |
<p class="Title"> |
To do list webu MLAB |
</p> |
<p class=Subtitle> |
Na webu právì pracujeme. Jetì zbývá spousta práce. |
</p> |
<p> |
Dopsat chybìjící stránky a pøeloit ve do angliètiny. |
</p> |
<p> |
Doplnit obrázky autorù. |
</p> |
<p> |
Napsat stránku Copyright (cs i en). |
</p> |
<p> |
Dopsat stránku AboutMLAB (cs i en). |
</p> |
<p> |
Udìlat kostru indexových stránek. |
</p> |
<p> |
Vyøeit problémy zobrazení v IE verze 7. Nový styl u skoro funguje. |
</p> |
<p> |
Pøepínání jazykù s automatickým rozpoznáním preferovaného jazyka. |
Pouita metoda vlajek na první stránce a dvojmo uloených stránek. |
Pro první stránku je nastavena automatická volba jazyka podle preferencí |
prohlíeèe. Nevím co se stránkami, které nebudou oboujazyèné (nedopsané |
ve druhém jazyce). |
</p> |
<p> <i>PNJ: </i> |
Je problém s tiskem ve FireFox prohlíeèi. Nìjak nefunguje to, e by text |
byl napozicován na správná místa. Kromì toho FF chybnì rendruje rámeèky |
(kdy udìlám tisk do PDF tak i obyèejný rámeèek okolo menu nemá èáry tak, |
aby na sebe navazovaly). Zdá se, e nemá cenu ladit v této fázi tisk ve FF |
protoe mají evidentnì chybné rendrování pøi tisku. Kromì toho pøi <b>náhledu</b> |
zobrazují <b>zdrojový kód</b> znaèky noscript i kdy skript evidentnì funguje |
(kdyby nefungoval nebyly by na stránkách hlavièky a patièky). |
</p> |
<p> |
<i>Na pozdìji: </i> Vyøeit kódování èetiny na stranì serveru. |
Pokud se to nepodaøí, pøejít internì kompletnì na kódování UTF-8. |
</p> |
<p> |
<i>Na pozdìji: </i> Nahrazení JavaScriptu PHP skripty na serveru. JavaScipt |
ve stránkách zùstane (aby stránky mohly fungovat i z CD), bude se PHP skriptem |
vykousávat a doplòovat obsahem pøísluného souboru (hlavièka/patièka/menu). |
</p> |
<p> |
<i>Na pozdìji: </i> Dodìlání CSS |
<ul> |
<li> Definice stylu pro tisk </li> |
<li> Definice alternativního stylu (bez absolutního pozicování) </li> |
<li> Moná definice stylu bez barev (èernobílého)</li> |
</ul> |
</p> |
</div> |
<!-- ============== PATICKA ============== --> |
<div class="Footer"> |
<script type="text/javascript"> |
<!-- |
DrawFooter("Testovací øetìzec"); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
</body> |
</html> |
/Web/_Podnety.html |
---|
0,0 → 1,49 |
Podmínìné vloení stylu pro IE |
<!--[if gte ie 5.5000]> |
<link rel="stylesheet" type="text/css" href="ie.css" /> |
<![endif]--> |
Styly |
<link rel="alternate stylesheet" type="text/css" title="Print" href="print.css"> |
Ikona pro web (IE) |
<!-- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> --> |
Informace pro roboty |
<!-- <meta name="robots" content="follow" /> --> |
<!-- <meta name="revisit-after" content="30 days" /> --> |
To mi zbylo |
<h1> Fast links just for test </h1> |
<p> <a href="PICPGR301A.en.html">PICPGR301A </a> </p> |
<p> <a href="Cestina_UTF8.html" >Test èetiny UTF8 </a> </p> |
<p> <a href="Cestina_CP1250.html">Test èetiny CP1250 </a> </p> |
Pridani hledaciho stroje na stranku - google |
<form method=.get. action=.http://www.google.com/search.> |
<p> |
<input type=.text. name=.q. alt=.hledání - text. |
size=.10. maxlength=.255. /> |
<input type=.submit. name=.btnG. |
value=.hledat. alt=.hledat. /> |
<input type=.hidden. name=.sitesearch. |
value=.www.kdesi.cz. /> |
<input type=.hidden. name=.ie. |
value=.ISO-8859-2. /> |
<input type=.hidden. name=.hl. |
value=.cs. /> |
</p> |
</form> |
Vhodne kombinace barev |
pozadí text odkazy nav.tívené odkazy |
#ccffff #336666 #6666cc #669999 |
#ffcccc #660033 #ff0066 #990033 |
#cc9999 #330000 #0066cc #663366 |
#ccffcc #003300 #ff6600 #996600 |
#99cc99 #003300 #ffff99 #669900 |
#ccccff #333300 #3333ff #333399 |
#990000 #ffff99 #ffff00 #cccc66 |
#336600 #ccffcc #ffff66 #cccc99 |
#003300 #cccc99 #33cc33 #999900 |
#000066 #ffffff #ffcc00 #999966 |
/Web/CSS/MLAB.css |
---|
0,0 → 1,442 |
/*============================================================================*/ |
/* Historie */ |
/*============================================================================*/ |
/* Opraveno zarovnání a velikost textu hlavièky */ |
/* Nutno doladit patièku (pøesnost patièka X text) |
/* |
Pro tisk se nesmí pouít pozicování fixed protoe to by vedlo k pøekrývání |
textu hlavièkou a patièkou na dalích stránkách. |
Pro tisk je vhodné vypnout menu. |
pøipojení: |
nejdøív hlavní css |
pak za nìj tiskový css |
V tiskovém css by mìlo být |
width: 100% íøka pøez celou stranu |
velikost písma v pt |
øádkování 1 |
patkové písmo (lépe se ète) |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
pro obrazovku je lepí font bezpatkový, skus Verdana |
zhasnout nepotøebné dispaly: none |
Dodìlat: |
Alternativní fonty (font-family) |
Definice stylu pro tisk (pro stránkovaná média) |
Alternativní styly |
bez absolutního pozicování |
moná bez barev (èernobíle) |
Styl nadpisu tabulky |
Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtí |
h1,h2,h3,h4,h5,h6 { |
page-break-inside:avoid; |
page-break-after:avoid; |
page-break-before:auto |
} |
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { |
page-break-before:avoid |
} |
img { |
page-break-inside:avoid |
} |
*/ |
/*============================================================================*/ |
/* Globální nastavení */ |
/*============================================================================*/ |
/* Sjednocení nastavení celého dokumentu */ |
/* ------------------------------------- */ |
html, body { |
background: none #FFFFFF; /* barva pozadí bez obrázku */ |
color: #000000; /* barva písma */ |
margin: 0px; /* sjednotíme okraje pro vechny prohlíeèe */ |
padding: 0px; |
} |
body { |
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */ |
} |
/*============================================================================*/ |
/* Nastavení písma textu a nadpisù */ |
/*============================================================================*/ |
/* Standardní písmo odstavcù */ |
/* ------------------------- */ |
p { /* standardní písmo odstavce */ |
font-family: "Times New Roman"; /* øez písma */ |
line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */ |
margin-left: 0px; /* standarnì text od okraje */ |
margin-right: 0px; /* k okraji, mezera zajitìna paddingem */ |
margin-top: 0.75em; /* mezera pøed odstavcem */ |
margin-bottom: 0.9em; /* mezera za odstavcem */ |
} |
/* Titulek, podtitul a autor èlánku */ |
/* -------------------------------- */ |
p.Titul, li.Titul, div.Titul, |
p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */ |
font-family: Arial; /* nadpisové písmo */ |
font-weight: bolder; /* tlistí písmo */ |
text-align: center; /* centrované */ |
font-size: 200%; /* velké písmo */ |
color: #CC0000; /* hlavní nadpisová barva */ |
margin-top: 0.5em; /* mezera pøed odstavcem */ |
margin-bottom: 0.5em; /* mezera za odstavcem */ |
} |
p.Autor, li.Autor, div.Autor { /* standardní písmo */ |
font-family: Arial; /* nadpisovým písmem */ |
text-align: center; /* centrované */ |
color: blue; /* vedlejí nadpisová barva */ |
margin-top: 0.25em; /* mezera pøed odstavcem */ |
} |
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
p.Subtitle, li.Subtitle, div.Subtitle { |
font-family: Arial; /* nadpisové písmo */ |
font-style: italic; /* sklonìné */ |
text-align: center; /* centrované */ |
font-size: 120%; /* troku vìtí písmo */ |
color: #0000FF; /* vedlejí nadpisová barva */ |
margin-top: 1em; /* mezera pøed */ |
margin-bottom: 2em; /* mezera za vypadá lépe kdy je vìtí */ |
margin-left: 10%; /* není od okraje do okraje */ |
margin-right: 10%; /* ani na jedné stranì */ |
} |
/* spoleèné vlastnosti nadpisù a nadpisy */ |
/* ------------------------------------- */ |
h1, h2, h3, h4, h5, h6 { |
page-break-inside: avoid; /* nedìlit stránky v nadpisech */ |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
font-family: Arial; /* nadpisový font */ |
font-weight: bolder; /* tlistí písmo */ |
margin-top: 1em; /* mezera pøed trochu vìtí */ |
margin-bottom: 0.75em; /* mezera za */ |
} |
h1 { /* viz styl titulku */ |
font-size: 200%; /* veliké písmo */ |
color: #CC0000; /* hlavní nadpisová barva */ |
} |
h2 { |
font-size: 150%; /* velké písmo */ |
color: blue; /* vedlejí barva nadpisu */ |
} |
h3 { |
font-size: 120%; /* vìtí písmo */ |
color: blue; /* vedlejí barva nadpisu */ |
} |
h4, h5, h6 { /* písma jen mírnì odliná */ |
font-style: italic; /* sklonìné */ |
color: blue; /* vedlejí barva nadpisu */ |
} |
samp { /* ukázky výpisù a podobnì */ |
font-family: "Courier New"; /* neproporcionální písmo */ |
} |
/* První slovo má první písmeno zvýraznìné */ |
.FirstWord:first-letter { |
color: red; |
} |
/* Zatím jen na pokusy a pomocné výpisy */ |
.Small { |
font-size: 75%; /* zmenené písmo */ |
} |
/*============================================================================*/ |
/* Nastavení pro hlavièku, patièku a menu */ |
/*============================================================================*/ |
/* Spoleèná nastavení pro Hlavièku Menu a Patièku */ |
/* ---------------------------------------------- */ |
div.InnerHeader, div.InnerMenu, div.InnerFooter { |
/*border: dotted #FF8080 1px; /* pro ladìní */ |
width: 100%; /* pøes celou stránku */ |
margin: 0em; /* pro jistotu ádný vnìjí okraj */ |
border: 0em; /* pro jistotu */ |
background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ |
color: #993300; /* barva písma */ |
} |
/* Nastavení specifická pro Hlavièku */ |
/* --------------------------------- */ |
div.InnerHeader { /* kontejner na hlavièku */ |
/*border: solid 1px red; /* pro ladìní */ |
position: fixed; /* fixní umístìní na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
border-bottom: solid 2px #993300; /* linka pod hlavickou */ |
top: -2px; /* umistìní na stránce o tlouku linky */ |
white-space: nowrap; /* je zakázáno zalomit hlavièku */ |
overflow: hidden; /* co pøeèuhuje zahoï */ |
font-size: 3em; /* velikost písma vzhedem k rodièi */ |
padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ |
line-height: 100%; /* vzdálenost øádek od sebe */ |
} |
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ |
/*background: #CCFFCC; /* pro ladìní */ |
padding-left: 0.2em; /* mezera vlevo */ |
} |
div.InnerHeader img { /* textu "online" v hlavièce */ |
/*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ |
/*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ |
height: 0.7em; /* gumová výka podle velikosti textu */ |
width: 2em; /* gumová íøka podle velikosti textu */ |
} |
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ |
/*border: solid 1px yellow; /* pro ladìní */ |
background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ |
/*background: #CCFFCC; /* pro ladìní */ |
position: absolute; /* absolutní umístìní */ |
text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ |
padding-right: 0.2em; /* mezera vpravo */ |
font-size: 80%; /* velikost písma o nìo mení */ |
left: 6.625em; /* posunutí o logo 5.3em / 80% */ |
_left: auto; /* IE6 natahuje se místo vlevo od textu */ |
right: 0px; /* pravý okraj a na konci */ |
top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ |
} |
div.InnerHeader a { /* odkaz v hlavièce */ |
text-decoration: none; /* odkaz není podtrený */ |
color: inherit; /* odkaz nemá zvlátní barvu */ |
_color: #993300; /* IE6 nám nìjak nedìdí barvu */ |
} |
div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ |
color: #FF0000; /* zmìò barvu odkazu */ |
} |
/* Nastavení specifická pro Menu */ |
/* ----------------------------- */ |
div.InnerMenu { /* kontejner pro menu */ |
position: fixed; /* fixní umístìní na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
width: 7em; /* íøka bloku s menu */ |
_width: 100%; /* IE6 íøka pøes celou stránku */ |
top: 3em; /* výka hlavièky = výka písma + 2*padding */ |
_top: 0px; /* IE6 umístìní hned pod hlavièku */ |
left: -2px; /* kompenzace íøky èáry */ |
_left: 0px; /* IE6 tady èáru nemáme */ |
bottom: 0px; /* umístìní dole a dolu */ |
border-right: solid 2px #993300; /* oddìlující linka vpravo */ |
_border-right: none; /* IE6 bez èáry vpravo */ |
_border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ |
_background: #993300; /* IE6 pozadí stejné jako linky */ |
_color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ |
text-align: center; /* centrovaný obsah */ |
_text-align: left; /* IE6 zarovnáváme vlevo */ |
font-weight: bold; /* tlusté písmo odkazu */ |
} |
div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ |
/*_background: #333333; /* ladící pozadí */ |
margin-left: 2px; /* kompenzace kompenzace èáry */ |
_margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ |
_border: 0px; /* IE6 ádný okraj */ |
_padding: 0px; /* IE6 ádná výplò */ |
} |
div.InnerMenu .MenuText { /* popisky v navigaci */ |
/*background: #DDDDDD; /* ladící pozadí */ |
border: none; /* ádný okraj */ |
margin: 3px; /* malé mezery okolo */ |
} |
/* Zobrazení seznamu odkazù v menu */ |
/* ------------------------------- */ |
div.InnerMenu ul { /* navigace jako seznam odkazù */ |
list-style: none; /* seznam je bez odráek */ |
margin: 0px; /* bez odsazení IE */ |
padding: 0em; /* bez odsazení FF */ |
white-space: nowrap; /* zákaz lámání poloek menu do øádek */ |
} |
div.InnerMenu li { /* jednotlivé odkazy */ |
/*background: #BBBBBB; /* ladící pozadí */ |
border: solid 1px #993300; /* tenký rámeèek */ |
margin: 2px; /* malé mezery okolo */ |
_background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v litì */ |
_color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ |
} |
div.InnerMenu a { /* odkazy v menu */ |
text-decoration: none; /* odstranìní podtrení odkazù */ |
color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ |
_color: #000000; /* IE6 neumí dìdit */ |
} |
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
color: #FF0000; /* zmìn barvu písma */ |
} |
/* Zobrazení v menu */ |
/* ---------------- */ |
div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ |
_float: left; /* IE6 vechny prvky menu plavou vlevo */ |
_padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ |
_padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ |
} |
/* Nastavení specifická pro Patièku */ |
/* -------------------------------- */ |
div.InnerFooter{ /* patièka */ |
position: fixed; /* fixní umístìní na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
bottom: -4px; /* umístìní na stránce = íøka èáry nahoøe a dole */ |
border-top: solid 2px #993300; /* linka nad hlavièkou */ |
border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */ |
_border-bottom: solid 2px #993300; /* IE6 tenká linka */ |
font-size: 80%; /* písmo v patièce trochu zmenit */ |
height: 1.25em; |
overflow: hidden; /* co pøeèuhuje zahoï */ |
/*padding-left: 1em; /* to nejde pouít protoe IE6 neumí poèítat */ |
} /* pøidal jsem pevnou mezeru do textu */ |
/*============================================================================*/ |
/* Nastavení pro tìlo dokumentu */ |
/*============================================================================*/ |
/* Nastavení tìla dokumentu */ |
/* ------------------------ */ |
div.Text, div.Section1 { /* tìlo stránky */ |
border: solid #20FF20 1px; /* pro ladìní */ |
padding: 2ex; /* oddìlení textu od okrajù */ |
margin-top: 3em; /* kdy funguje fixní pozicování vynech hlavièku */ |
_margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ |
margin-left: 7em; /* odsazení o velikost menu a kousek */ |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
margin-bottom: 1.25em; /* kdy funguje fixní pozicování vynech patièku */ |
/* èíslo 1/font-size v patièce */ |
_margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ |
} |
/* centrování vyznaèených elementù */ |
.center { |
text-align: center; |
} |
/* obarvení textù psaných kurzivou */ |
p i, div i, span i { |
color: #990000; |
} |
/* Tabulky */ |
/* ------- */ |
table { |
border-collapse: separate; /* pøíèky v tabulce */ |
border: 3px solid #CCCCCC; /* vnìjí okraj tabulky */ |
margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */ |
margin-bottom: 0.5em; /* odstup dole */ |
background-color: #EEFFEE; /* pozadí tabulky */ |
} |
/* pøíèky mezi buòkami */ |
th, td { |
border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */ |
text-align: left; /* pøebití centrování th prvku */ |
padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ |
} |
th { |
color: #FF2020; /* odliení hlavièkových øádek */ |
} |
table p, table div, table li, table ol, table ul { |
margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */ |
margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */ |
} |
/* Tabulka Soupiska */ |
/* ---------------- */ |
/* Tabulka s rozpiskou souèástek */ |
/* Formát tabulky vychází z obecné tabulky */ |
/* první <th> je legenda */ |
/* dalí <th> jsou skupinou souèástek */ |
/* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */ |
table.Soupiska td { |
padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ |
} |
table.Soupiska tr td:first-child { |
padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ |
} |
table.Soupiska tr > th { /* funkci potomek IE6 nezná */ |
font-style: italic; /* a tak se to v IE ignoruje */ |
font-weight: normal; /* jinak ve th je hubené písmo kurzivou */ |
} |
table.Soupiska tr:first-child > th { |
font-style: normal; /* ve kromì prvního th (opìt v IE6 nefunguje) */ |
font-weight: bold; |
} |
/*============================================================================*/ |
/* Formáty pro stránku o autorech */ |
/*============================================================================*/ |
/* List pro jednoho autora */ |
/* ----------------------- */ |
div.AboutAuthor { |
border: solid 1px red; /* rámeèek okolo èlovìka */ |
padding: 2em; /* mezera uvnitø rámeèku */ |
margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ |
} |
/* Poloka jména autora */ |
/* -------------------- */ |
div.AboutAuthor .Name { /* jméno autora */ |
font-style: italic; /* kurzíva */ |
color: red; /* barva jména */ |
} |
/* Vloený obrázek autora */ |
/* ---------------------- */ |
div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ |
float:right; /* plovoucí vpravo */ |
padding-left: 20px; /* mezera mezi textem a obrázkem */ |
} |
/* Seznam èinností autora */ |
/* ---------------------- */ |
div.AboutAuthor ul { |
font-style: italic; /* písmo seznamu èinností */ |
list-style: none; /* seznam je bez odráek */ |
} |
/Web/ToDoList.en.html |
---|
0,0 → 1,102 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> |
<title> To do list </title> |
<link rel="StyleSheet" href="CSS/MLAB.css" type="text/css" title="MLAB základní styl" /> |
<meta name="keywords" content="stavebnice MLAB univerzální moduly" /> |
<meta name="description" content="Projekt MLAB, To do list" /> |
<script language="JavaScript" type="text/javascript" src="JS/MLAB_Menu.js"></script> |
</head> |
<body lang="en"> |
<!-- ============== HLAVICKA ============== --> |
<div class="Header"> |
<script type="text/javascript"> |
<!-- |
SetRelativePath("../"); |
DrawHeader(); // mozno zmenit nadpis v hlavicce |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== MENU ============== --> |
<div class="Menu"> |
<script type="text/javascript"> |
<!-- |
DrawMenu(); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
<!-- ============== TEXT STRANKY ============== --> |
<div class="Text"> |
<p class="Title"> |
To do list webu MLAB |
</p> |
<p class=Subtitle> |
Na webu právì pracujeme. Jetì zbývá spousta práce. |
</p> |
<p> |
Vyøeit problémy zobrazení v IE verze 7. Nový styl u skoro funguje. |
</p> |
<p> |
Je problém s tiskem ve FireFox prohlíeèi. Nìjak nefunguje to, e by text |
byl napozicován na správná místa. Kromì toho FF chybnì rendruje rámeèky |
(kdy udìlám tisk do PDF tak i obyèejný rámeèek okolo menu nemá èáry tak, |
aby na sebe navazovaly). Zdá se, e nemá cenu ladit v této fázi tisk ve FF |
protoe mají evidentnì chybné rendrování pøi tisku. Kromì toho pøi <b>náhledu</b> |
zobrazují <b>zdrojový kód</b> znaèky noscript i kdy skript evidentnì funguje |
(kdyby nefungoval nebyly by na stránkách hlavièky a patièky). |
</p> |
<p> |
Vyøeit kódování èetiny na stranì serveru. Pokud se to nepodaøí, pøejít |
internì kompletnì na kódování UTF-8. |
</p> |
<p> |
Pøepínání jazykù s automatickým rozpoznáním preferovaného jazyka. |
Patrnì metodou vlajek na první stránce a dvojmo uloenými stránkami |
s odkazy. Automatické rozpoznání jazyka jen na první stránce. Nevím co |
se stránkami, které nebudou oboujazyèné (nedopsané ve druhém jazyce). |
</p> |
<p> |
Nahrazení JavaScriptu PHP skripty na serveru. JavaScipt ve stránkách |
zùstane (aby stránky mohli fungovat i z CD) bude se PHP skriptem vykousávat |
a doplòovat obsahem pøísluného souboru (hlavièka/patièka/menu). |
</p> |
<p> |
Dodìlání CSS |
<ul> |
<li> Definice stylu pro tisk </li> |
<li> Definice alternativního stylu (bez absolutního pozicování) </li> |
<li> Moná definice stylu bez barev (èernobílého)</li> |
</ul> |
</p> |
</div> |
<!-- ============== PATICKA ============== --> |
<div class="Footer"> |
<script type="text/javascript"> |
<!-- |
DrawFooter("Testovací øetìzec"); |
// --> |
</script> |
<noscript> |
<b> Pro zobrazení (vloení) hlavièky je potøeba JavaScript </b> |
</noscript> |
</div> |
</body> |
</html> |