Hilfe Individuelles CSS für Kalender: Unterschied zwischen den Versionen

Aus Wiki
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
 
Ein perfekter Kalender sieht für jeden anders aus. Und er muss natürlich auch zum Rest der Seite passen.  
 
Ein perfekter Kalender sieht für jeden anders aus. Und er muss natürlich auch zum Rest der Seite passen.  
 
Daher können Sie unter "Einstellungen" verschiedene Kalender-Stile auswählen:  
 
Daher können Sie unter "Einstellungen" verschiedene Kalender-Stile auswählen:  
 +
[[Datei:Individuelle CSS-Dateien.png|miniatur|zentriert|Individuelle CSS Dateien]]
 +
Wenn Sie mit keinem der Stile so richtig zufrieden sind und sich mit HTML und CSS auskennen oder jemanden kennen, der sich mit sowas auskennt, dann können Sie sogar das komplette Aussehen des Kalenders und Ihrer Buchungs-Webseite verändern. Als Vorlage beginnen Sie am besten mit einer der jQuery-CSS-Dateien:
 +
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css
 +
Verändern Sie alle CSS-Klassen nach Ihren Vorstellungen, speichern Sie diese Datei dort, wo auch Ihre Webseite gespeichert wird und fügen Sie den Link auf Ihre CSS-Datei hier ein.
  
 
+
Dazu kopieren Sie einfach den kompletten Pfad der neuen CSS-Datei (mit http://), hier hinein.  
Sie können das Aussehen des Kalenders nach Ihren Wünschen komplett verändern. Dazu kopieren Sie einfach den kompletten Pfad der neuen CSS-Datei (mit http://), hier hinein.
 
Sie können auch den Pfad zu einem fertigen jQuery-Theme hier hineinkopieren um das Aussehen des Kalenders nach Ihren Vorstellungen zu verändern.  
 
  
 
Verschiedene fertige Designs und weitere Informationen finden Sie hier: <a href='http://jqueryui.com/themeroller/'>Zu jQuery-UI</a>
 
Verschiedene fertige Designs und weitere Informationen finden Sie hier: <a href='http://jqueryui.com/themeroller/'>Zu jQuery-UI</a>
  
Hier finden Sie ein paar Links, die sich an den o.a. Themen von jQuery-UI orientieren. Kopieren Sie sie einfach einmal in das Feld bei "Einstellungen"-->"Individuelles CSS" und entscheiden Sie, was Ihnen am besten gefällt. Die Namen (UI-Darkness, UI-Lightness, Base, etc) entsprechen den Abbildungen auf der o.a. Seite von jQuery.
+
Die "Designs", die Sie auswählen können, auch ohne programmieren zu müssen, erreichen Sie, wenn Sie unter "Einstellungen"--> "Individuelle CSS-Datei für Kalender"-->"ändern" klicken. Eine Vorschau finden Sie unter "Vorschau"
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-darkness/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/start/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/sunny/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/overcast/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/le-frog/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/flick/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/pepper/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/eggplant/jquery-ui.css
 
 
 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/cupertino/jquery-ui.css
 
 
 
Wenn Sie bis hierhin gelesen haben, werden Sie verstanden haben, wie die o.a. Links aufgebaut sind. Es gibt auch noch:
 
dark-hive
 
south-street
 
blitzer
 
humanity
 
hot-sneaks
 
excite-bike
 
vader
 
dot-luv
 
mint-chock
 
black-tie
 
trontastic
 
swanky-purse
 

Version vom 9. Dezember 2019, 09:42 Uhr

Ein perfekter Kalender sieht für jeden anders aus. Und er muss natürlich auch zum Rest der Seite passen. Daher können Sie unter "Einstellungen" verschiedene Kalender-Stile auswählen:

Individuelle CSS Dateien

Wenn Sie mit keinem der Stile so richtig zufrieden sind und sich mit HTML und CSS auskennen oder jemanden kennen, der sich mit sowas auskennt, dann können Sie sogar das komplette Aussehen des Kalenders und Ihrer Buchungs-Webseite verändern. Als Vorlage beginnen Sie am besten mit einer der jQuery-CSS-Dateien: https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css Verändern Sie alle CSS-Klassen nach Ihren Vorstellungen, speichern Sie diese Datei dort, wo auch Ihre Webseite gespeichert wird und fügen Sie den Link auf Ihre CSS-Datei hier ein.

Dazu kopieren Sie einfach den kompletten Pfad der neuen CSS-Datei (mit http://), hier hinein.

Verschiedene fertige Designs und weitere Informationen finden Sie hier: <a href='http://jqueryui.com/themeroller/'>Zu jQuery-UI</a>

Die "Designs", die Sie auswählen können, auch ohne programmieren zu müssen, erreichen Sie, wenn Sie unter "Einstellungen"--> "Individuelle CSS-Datei für Kalender"-->"ändern" klicken. Eine Vorschau finden Sie unter "Vorschau"