Trick # 452 | Dieser Beitrag beinhaltet 377 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Mit dem Karten-Modul des Divi-Themes können Sie auf einfache Weise eine Google-Karte auf Ihrer Website einblenden. Diese wird farbig dargestellt – hin und wieder passt aber die Kartenfarbe nicht zum übrigen Webdesign. Mit ein wenig CSS-Code können Sie die Karte darum schwarz-weiss darstellen.
So zeigt sich das Karten-Modul üblicherweise:
Wenn Sie statt der farbigen Google-Karte lieber eine schwarz-weisse Ausführung hätten, kopieren Sie folgenden CSS-Code in das Stylesheet Ihrer Website – unter Design/Customizer/Zusätzliches CSS:
.et_pb_map_container {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
}Die Googlekarte wird jetzt in grau dargestellt:
Kann vielleicht mal besser passen.
Werbung
Links lassen sich nicht nur von Seite zu Seite setzen, sondern auch innerhalb ein und derselben Seite. Man spricht dann von Anker-Links. So können - besonders auf umfangreichen Seiten - auch Inhalte rasch erreicht werden, welche erst weiter ...
Bilder-Special – Trick #5: Coole 3D-Flip-Cards ganz einfach in HTML erstellen – komplett ohne Plugin
Heute bauen wir einen echten Hingucker: So genannte Flip-Cards, die sich umdrehen, sobald der Mauszeiger darüber bewegt wird. Das gibt ein ebenso cooles wie professionelles Look & Feel für Ihre Website.
Das Informationstext- oder Blurb-Modul des Divi-Themes bietet von Haus aus keinen Button. Macht nichts: Ein Button lässt sich einfach nachrüsten – sogar animiert, wer’s so besser mag.
Ehrlich gesagt, Leute: An diesem Trick hab' ich meine helle Freude. Der Slider des Divi-Themes lässt sich nämlich ganz hervorragend mit Testimonials bestücken, welche dann eins ums andere eingeblendet werden. Klingt kompliziert - isses aber nicht.
Keine Inhalte gefunden.
Werbung
