final markdown fixes (thanks to http://daringfireball.net/projects/markdown/dingus)
This commit is contained in:
parent
db8ca7e394
commit
34369f3f89
1 changed files with 55 additions and 43 deletions
84
README.md
84
README.md
|
@ -4,47 +4,59 @@ Bärneruhr
|
||||||
Du willst Bärneruhr auf deiner Website verwenden? Das geht ganz einfach.
|
Du willst Bärneruhr auf deiner Website verwenden? Das geht ganz einfach.
|
||||||
|
|
||||||
1. Benötigte Dateien einbinden
|
1. Benötigte Dateien einbinden
|
||||||
* Binde folgende Javascript-Dateien im HTML-Dokument ein:
|
------------------------------
|
||||||
* jquery-2.0.3.min.js (Falls nicht bereits vorhanden)
|
* Binde folgende Javascript-Dateien im HTML-Dokument ein:
|
||||||
* jquery.cookie.js (Falls nicht bereits vorhanden)
|
* jquery-2.0.3.min.js (Falls nicht bereits vorhanden)
|
||||||
* uhr.js
|
* jquery.cookie.js (Falls nicht bereits vorhanden)
|
||||||
* Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
|
* uhr.js
|
||||||
* uhr-de_CH.js
|
* Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
|
||||||
* uhr-de.js
|
* uhr-de_CH.js
|
||||||
* uhr-en.js
|
* uhr-de.js
|
||||||
* Binde folgende CSS-Dateien im HTML-Dokument ein:
|
* uhr-en.js
|
||||||
* uhr.css
|
* Binde folgende CSS-Dateien im HTML-Dokument ein:
|
||||||
* uhr-black.css
|
* uhr.css
|
||||||
* uhr-blue.css
|
* uhr-black.css
|
||||||
* uhr-green.css
|
* uhr-blue.css
|
||||||
* uhr-red.css
|
* uhr-green.css
|
||||||
* uhr-white.css
|
* uhr-red.css
|
||||||
* Die möglichen Themes (Farbschemata) sind im Moment noch hartcodiert, deshalb sollten alle Dateien eingebunden werden.
|
* uhr-white.css
|
||||||
|
* Die möglichen Themes (Farbschemata) sind im Moment noch hartcodiert, deshalb sollten alle Dateien eingebunden werden.
|
||||||
|
|
||||||
2. Uhr-Element im HTML-Dokument einfügen
|
2. Uhr-Element im HTML-Dokument einfügen
|
||||||
Erstelle ein leeres <div> mit einer ID:
|
----------------------------------------
|
||||||
`<div id="meineuhr"></div>`
|
Erstelle ein leeres `<div>` mit einer ID:
|
||||||
|
|
||||||
|
<div id="meineuhr"></div>
|
||||||
3. Uhr per Javascript konfigurieren
|
3. Uhr per Javascript konfigurieren
|
||||||
Initialisiere die Uhr mit einer einzigen Zeile Javascript:
|
-----------------------------------
|
||||||
`new Uhr(jQuery('#meineuhr'));`
|
Initialisiere die Uhr mit einer einzigen Zeile Javascript:
|
||||||
Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet.
|
|
||||||
Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst:
|
new Uhr(jQuery('#meineuhr'));
|
||||||
* Breite ist 100% des Eltenelements
|
|
||||||
* Farbe ist Schwarz
|
Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet. Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst:
|
||||||
* Sprache ist Bärndütsch
|
|
||||||
* Die Uhr ist eingeschaltet
|
* Breite ist 100% des Eltenelements
|
||||||
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
|
* Farbe ist Schwarz
|
||||||
|
* Sprache ist Bärndütsch
|
||||||
|
* Die Uhr ist eingeschaltet
|
||||||
|
|
||||||
|
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
|
||||||
|
|
||||||
4. Weitere Optionen
|
4. Weitere Optionen
|
||||||
Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden:
|
-------------------
|
||||||
`new Uhr(jQuery('#uhrcontainer'), {`
|
Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden:
|
||||||
` status: 'on', // 'on' oder 'off'`
|
|
||||||
` theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'`
|
new Uhr(jQuery('#uhrcontainer'), {
|
||||||
` layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien`
|
status: 'on', // 'on' oder 'off'
|
||||||
` width: '20em' // eine CSS-Grössenangabe`
|
theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'
|
||||||
`});`
|
layout: 'en', // 'de_DE', 'de' oder 'en' (je nach eingebundenen Sprachdateien)
|
||||||
Viel Spass!
|
width: '20em' // eine CSS-Grössenangabe
|
||||||
|
});
|
||||||
|
|
||||||
|
Viel Spass!
|
||||||
|
|
||||||
A. Lizenzbestimmungen
|
A. Lizenzbestimmungen
|
||||||
|
=====================
|
||||||
This program is free software: you can redistribute it and/or modify
|
This program is free software: you can redistribute it and/or modify
|
||||||
it under the terms of the GNU General Public License as published by
|
it under the terms of the GNU General Public License as published by
|
||||||
the Free Software Foundation, either version 3 of the License, or
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
|
Loading…
Reference in a new issue