markdown fixes
This commit is contained in:
		
							parent
							
								
									20c8c7d681
								
							
						
					
					
						commit
						bb6a3cdc8e
					
				
					 1 changed files with 24 additions and 29 deletions
				
			
		
							
								
								
									
										53
									
								
								README.md
									
										
									
									
									
								
							
							
						
						
									
										53
									
								
								README.md
									
										
									
									
									
								
							|  | @ -4,55 +4,50 @@ 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: | ||||||
| Binde folgende Javascript-Dateien im HTML-Dokument ein: |     * jquery-2.0.3.min.js (Falls nicht bereits vorhanden) | ||||||
| - jquery-2.0.3.min.js (Falls nicht bereits vorhanden) |     * jquery.cookie.js (Falls nicht bereits vorhanden) | ||||||
| - jquery.cookie.js (Falls nicht bereits vorhanden) |     * uhr.js | ||||||
| - uhr.js | * Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll: | ||||||
| 
 |     * 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 | ||||||
| 
 |     * uhr-black.css | ||||||
| Binde folgende CSS-Dateien im HTML-Dokument ein: |     * uhr-blue.css | ||||||
| - uhr.css |     * uhr-green.css | ||||||
| - uhr-black.css |     * uhr-red.css | ||||||
| - uhr-blue.css |     * uhr-white.css | ||||||
| - uhr-green.css | * Die möglichen Themes (Farbschemata) sind im Moment noch hartcodiert, deshalb sollten alle Dateien eingebunden werden. | ||||||
| - uhr-red.css |  | ||||||
| - 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: | Erstelle ein leeres <div> mit einer ID: | ||||||
| <div id="meineuhr"></div> | `<div id="meineuhr"></div>` | ||||||
| 
 | 
 | ||||||
| 3. Uhr per Javascript konfigurieren | 3. Uhr per Javascript konfigurieren | ||||||
| 
 | 
 | ||||||
| Initialisiere die Uhr mit einer einzigen Zeile Javascript: | Initialisiere die Uhr mit einer einzigen Zeile Javascript: | ||||||
| new Uhr(jQuery('#meineuhr')); | `new Uhr(jQuery('#meineuhr'));` | ||||||
| 
 | 
 | ||||||
| Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet. | Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet. | ||||||
| 
 | 
 | ||||||
| Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst: | Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst: | ||||||
| - Breite ist 100% des Eltenelements | * Breite ist 100% des Eltenelements | ||||||
| - Farbe ist Schwarz | * Farbe ist Schwarz | ||||||
| - Sprache ist Bärndütsch | * Sprache ist Bärndütsch | ||||||
| - Die Uhr ist eingeschaltet | * Die Uhr ist eingeschaltet | ||||||
| 
 | 
 | ||||||
| Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt | 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: | Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden: | ||||||
| new Uhr(jQuery('#uhrcontainer'), { | `new Uhr(jQuery('#uhrcontainer'), { | ||||||
| 	status: 'on', // 'on' oder 'off' | 	status: 'on', // 'on' oder 'off' | ||||||
| 	theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white' | 	theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white' | ||||||
| 	layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien | 	layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien | ||||||
| 	width: '20em' // eine CSS-Grössenangabe | 	width: '20em' // eine CSS-Grössenangabe | ||||||
| }); | });` | ||||||
| 
 | 
 | ||||||
| Viel Spass! | Viel Spass! | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue