Kalender Tabelle
Thema Mobirise5
v5.9.17

Das ist nur eine Testseite: Google Maps | YouTube Video
This is a test page only

Google Kalender responsive angepasst

Einfach die Breite vom Iframe-Code auf 100% setzen (width="100%").

Deine Display-Größe ist: 

Google Maps

Diese Karte wird nur nach Zustimmung vom Cookie Alert angezeigt

Counter aus dem Thema
AgencyM4

Bis zum Jahr 2024 sind es noch:

Ein Nummern-Block vom Thema AgencyM4

166

Kunden

210

Projekte

357

Empfehlungen

Wetter

Wetter Online

Wetter Online

Den Iframe-Code für dieses Widget könnt Ihr ganz einfach bei WetterOnline.de generieren lassen und in jeden beliebigen Block einfügen.

Laufschrift - CSS Ticker

Dieser Text läuft ohne Unterbrechung und ohne leeres Textende kontinuierlich weiter - 

Dieser Text läuft ohne Unterbrechung und ohne leeres Textende kontinuierlich weiter - 

Laufschrift mit CSS3 transform property - kontinuierlich ohne Pausen

Diese Laufschrift wird durch CSS kontinuierlich weiterlaufen und dabei keine Leerräume anzeigen. Die Breite der Laufschrift entspricht der Breite des Textes bis maximal 100%. Gefunden auf "stackoverflow.com". Ein Stop mittels Mausüber ist nicht möglich, da es sich um 2 Span-Bereiche handelt die lediglich mit der ganzen (hier 20s) und der halben (hier 10s) Geschwindigkeit laufen.

Hier die CSS - diese gehört in den "Code Editor" der Blocks in den Bereich "CSS Editor":

.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}

.marquee2 span {
  animation-delay: 10s;
}

@keyframes marquee {
  0% {
  transform: translate(0, 0);
  }
  100% {
  transform: translate(-100%, 0);
  }
}

Hier der Inhalt von der Laufschrift - dieser gehört an beliebige Stelle in den "Code Editor" des Blocks.
Die "Bootstrap5" class="d-flex justify-content-center" zentriert hier den Inhalt:

<div class="d-flex justify-content-center">
  <p class="marquee">
    <span>Dieser Text läuft ohne Unterbrechung und ohne leeres Textende kontinuierlich weiter - </span>
  </p>
  <p class="marquee marquee2">
    <span>Dieser Text läuft ohne Unterbrechung und ohne leeres Textende kontinuierlich weiter - </span>
  </p>
</div>

Um ein Overflow am mobilen Gerät zu verhindern müsst ihr diese Style-Anweisung in den Seiteneinstellungen in den Bereich "Inside <head> code:" kopieren:

<style>
  html {
    overflow-x: hidden;
  }
</style>


Siehe auch meine Seite zur Laufschrift hier .

Interaktive Karte von dr-dsgvo.de

Verwendung der interaktiven Karte oben

Hier eine Alternative zu "Google Maps", die kein Tracking vornimmt und datenschutzkonform ist, denn die Skripte werden alle direkt auf der eigenen Webseite eingebaut.

Erstellt eure Karte auf der Webseite von dr-dsgvo.de und klickt im Anschluss "Standort übernehmen" und "Download". Kopiert das entpackte Verzeichnis "interaktive_karte" in das Stammverzeichnis eures Mobirise-Projektes auf den Server.

Ihr benötigt diesen Verweis auf die JavaScript Datei "karte.js", den ihr in den Seiteneinstellungen in den Bereich:

Inside <head> code:

kopiert.

<script src="interaktive_karte/karte.js"/></script>

weiterhin dieses <div> zur Anzeige der Karte, die ihr aber erst online sehen könnt. Hierfür habe ich einen einfachen Textblock von Mobirise aus der Kategorie "Article" verwendet und den Beispieltext mit diesem <div> ersetzt:

<div id="drdsgvo_map"></div>


Weiterhin habe ich hier den Button "Vollbild" mit einem Link zu "openstreetmap.org", wo man dann noch mehr Optionen hat, wie z.B. eine Suche, mit einer CSS-Anweisung im Bereich "CSS Editor" vom "Code Editor" ausgeblendet:

.drdsgvo_btn {
  display:none !important;
}

und auch noch mit ein wenig CSS den Stil der Anzeige der Hinweise mit den Links unten rechts angepasst, die nicht entfernt werden dürfen:

img, iframe {
  display: block;
  float: left;
  width: 15px;
}

Mobirise Tabelle 
"StoreM4"

Siehe meine selbst entwickelte Bootstrap Tabelle 
die alle wichtigen Funktionen besser in allen Mobirise Themen darstellt.

Mit v5.8.11 BETA wurde nun endlich der Bug gefixt, der das Ausschalten vom Suchen-Feld in "Mobirise5" Themen verhinderte.
Man kann das Suchen-Feld und damit auch die Wahl der Anzahl der Einträge nun ein- oder ausschalten.
Es sollte aber möglich sein auch die Anzahl der Einträge auf mehr als 10 zu bestimmen,
so wie ich es hier in der Datei /assets/datatables/vanilla-dataTables.min.js getan habe:
perPageSelect: isSearch ? [5,10,50,100,200,500] : false,

Eine Vorsortierung 'desc' scheint hier auch nicht mehr möglich zu sein, wie in dieser Tabelle.

Die Anzeige habe ich hier in Deutsch geändert in der JavaScript-Datei:
/assets/datatables/vanilla-dataTables.min.js


Die CSS der Labels und vom Suchen-Feld fehlte hier auch vollkommen, die ich eingesetzt habe.

Weiterhin wird diese Tabelle vollkommen korrupt am Smartphone angezeigt - eine Lösung ist in Arbeit und hier bereits angewendet:

Außerhalb vom <table> Tag:
<div class="dataTable-container table-responsive">

CSS:
.head-item, .body-item {
  white-space: nowrap;
}

DatumBeschreibungKategorieBemerkung
2017-02-03Anker setzenHTMLSonstiges
2017-03-17Mitglieder BereichPHPGeschützter Bereich
2017-03-19Code Editor von MobiriseMobiriseCode und Style editieren
2017-03-20Import, Sicherheit, UpdatesMobiriseGrundkenntnisse
2017-03-21Publizieren mit MobiriseMobiriseGrundkenntnisse
2017-06-20WorterkennungCSSSonstiges
2017-08-05Checkbox AuswahlJavaScriptTransform
2017-08-09Elemente versteckenCSSBootstrap
2017-08-10Audio MP3 PlayerJavaScriptHTML5
2017-09-01Formular Mailscript 1PHP / SMTPFormular
2017-09-01Formular Mailscript 2PHPFormular
2017-09-01Formular GeneratorPHPFormular
2017-09-02GästebuchPHPMySQL
2017-09-03Kalender & Google Kalender PHPMySQL / App
2017-09-04Kommentare auf SeitePHPMySQL
2017-09-05Checkbox Hack
CSSBild Formular Feld
2017-10-01Fullscreen HintergrundCSS / jQueryBackstretch
2017-10-02Instagram FeedMobiriseErweiterung
2017-10-03PDF Upload ScriptPHPUpload
2017-11-05Modal Layer und Sticky DIVCSS / JavaScriptBootstrap
2017-11-10Tooltip und ButtonsCSS / JavaScriptBootstrap
2017-12-01Fotoalbum mit LyteboxCSS / JavaScriptLightbox / Lytebox
2017-12-03Fotoalbum mit UploadPHPUpload
2017-12-04Farbverlauf im BodyCSSSonstiges
2017-12-05Farbverlauf im ContainerCSSSonstiges
2017-12-10Suchen im ProjektPHPSonstiges
2018-01-07KeyframesCSSAnimation
2018-01-17TestseitenMobiriseVersuche
2018-01-18Accelerated Mobile PagesAMPMobil Optimiert
2018-01-19ShoutboxPHPSQLite
2018-01-26GästebuchPHPSQLite
2018-02-13Mega MenüCSS / JavaScriptBootstrap
2018-02-13Formular mit CheckboxPHPFormular
2018-04-16TabellenMobiriseTabellen sortieren
2018-04-27DatepickerCSS / JavaScriptBootstrap
2018-06-14Datenschutz HinweisCSS / JavaScriptJavaScript
2018-07-03jQuery Bilder GalerieCSS / JavaScriptjQuery Anwendung
2018-08-10CSS Grid TestCSSSonstiges
2018-08-15Schlagwörter BoxPHPSonstiges
2018-08-15Responsive HotspotsCSSSonstiges
2018-09-01Content Management SystemCMSjocms
2018-09-02Bootstrap Text SliderCSS / JavaScriptBootstrap
2018-09-05Horizontales AkkordeonCSSBootstrap
2018-09-09Page OverlayCSS / JavaScriptSonstiges
2018-10-02Formular Eingabe zählenCSS / JavaScriptFormular
2018-10-04Events online eingebenPHPSQLite CMS
2018-11-07Bilder rotierend drehenCSSTransform
2018-11-11Datenschutz Hinweis AMPAMPCookie Alert
2018-11-18Count Up / Down ab DatumJavaScriptSonstiges
2018-11-19Uhr analog anzeigenCSS / JavaScriptSonstiges
2018-11-23AdventskalenderPHP / JavaScriptSchneefall Feuerwerk
2018-12-14Fullscreen Background VideoCSSVideo mit Ton
2018-12-28WOW SliderMobiriseErweiterung
2019-02-09Animierte Blasen und BallonsCSSAnimation
2019-02-16Slideout / Flyout BoxCSSSonstiges
2019-02-21Bilder Galerie ohne LightboxCSSSonstiges
2019-03-04Cards mit einheitlicher HöheCSSBootstrap
2019-03-13Image Float und MarqueeCSS TickerLightbox / Laufschrift
2019-03-13Visual LightboxCSS / JavaScriptLightbox / Lytebox
2019-03-16Formular EditorMobirise Form BuilderreCAPTCHA v3
2019-03-22Social FeedMobiriseFacebook, Twitter, usw.
2019-05-12Online Website BuilderMobirise WebOnline Builder
2019-05-31Popup BuilderMobiriseModal Lightbox
2019-06-04Clip Path CSSCSS / polygonSonstiges
2019-07-18Video in MobiriseHTML5Eigenes Video
2019-07-20Row ReverseMobiriseNavi umkehren
2019-08-01Timeline SwiperCSS / JavaScriptSlider
2019-08-05Parallax & FixedCSSHintergrundbild
2019-08-14Akkordeon Tabs LinkJavaScriptSonstiges
2019-08-15Karussell SliderCSS / JavaScriptBootstrap
2019-11-05Formular Generator & BootstrapPHP / BootstrapFormular & Datum
2019-12-04Slideout BereichJavaScriptSonstiges
2019-12-06SlideshowCSS / JavaScriptSonstiges
2019-12-16Tabellen AnkerCSSSprungmarken setzen
2020-01-06Nachrichten SkriptPHPSQLite
2020-01-12Iframe dynamischJavaScriptIframe
2020-02-03Geodaten Foto lesenPHPMetadaten Exif
2020-02-15Bildvergleich vorher/nachherCSS / JavaScriptjQuery Anwendung
2020-04-09CSS Modal Popup mit CookieCSS / JavaScriptSonstiges
2020-04-17Vertikale MenüleisteCSS / BootstrapNavigation
2020-05-06Timeline erweiternMobiriseTimeline bearbeiten
2020-06-07Eigener Slider oder FaderCSS / BootstrapBootstrap
2020-06-10Galerie AnpassungenCSS / BootstrapMobirise Lightbox
2020-09-11Nachrichten SkriptPHP CMSMySQL
2020-09-24SeitenschutzPHP CMSMySQL
2020-10-08Suchen mittels GoogleJavaScriptSonstiges
2020-10-12Events im Popup einschaltenPHPSQlite CMS
2020-12-06Mobirise ForumMobirise-TutorialsBenutzer Forum
2020-12-28WhatsApp ButtonMobiriseChat
2021-04-11Uploads und CSV-DateiPHPMehr Formulare
2021-04-12Drucken ausgewählter BlöckeCSSSeiten drucken
2021-05-02Netzwerkadresse am PC Windows OrdnerFTP Daten
2021-05-06Arclab Formular GeneratorPHP / SMTPFormular
2021-06-24Download ArchivPHPSQLite Datenbank
2021-11-18Eigenes Background VideoCSS / HTML5Eigenes Video
2022-01-03Kalender mit SQLitePHPSQLite Datenbank
2022-03-31Karte als Alternative zu MapsJavaScriptGoogle Maps Alternative
2022-05-25Eigenes AkkordeonCSSSonstiges
2022-07-04Link Animation NaviCSSTransform
2022-07-26Lokale Fonts verwendenCSSGoogle Fonts ersetzen
2022-07-30Smart CartMobirisePayPal, Stripe, WhatsApp
2022-08-07Breadcrumb NavigationCSS / BootstrapNavigation Pfade
2022-09-06Popup ChatMessenger DiensteFacebook, WhatsApp
2022-10-01Music PlayerWebplayerSoundCloud, Spotify
2022-12-02Wechselbilder nach TageszeitJavaScriptHintergrundbild
2022-12-12Video MP4 im PopupMobirise / JavaScriptPopup Builder
2023-01-22Password ProtectMobirise ErweiterungPasswortschutz Seiten
2023-01-29Cookies Alert TestseitenMobirise ErweiterungCookie Hinweis
2023-02-02Lupe über BildJavaScript / jQueryImage Zoom
2023-02-21Masonry Galerie & LightboxCSS / jQueryLightbox / Lytebox
2023-04-07Sidebar Fixiert Social MediaCSSSonstiges
2023-05-01Slider Proportional Bild & VideoCSSBootstrap
2023-06-06Content Management SystemCMSDynPage
2023-07-30Akkordeon alphabetisch sortiertMobirise / JavaScriptSonstiges
2023-08-14Media VideosCSSYouTube Videos
2023-08-25Liste und Tabelle mit PreisenCSSSonstiges
2023-09-14Sound & Animation mit MausCSS / JavaScriptSonstiges
2023-10-01Offcanvas Menü und SidebarBootstrap / JavaScriptAuslappbare Bereiche
2023-10-03Künstliche Intelligenz AIWebsite BuilderMobirise AI / KI
2023-10-09Tabelle scrollbar und sortierbarBootstrap / JavaScriptBootstrap Table
2023-11-08Hervorhebung vom aktiven MenüCSS / JavaScriptHighlight Navigation
2023-11-28Kommentar-Box (neu)PHPMySQL
2024-01-10Nachrichten Skript PHP NewsPHP Jabbers CMSMySQL
2024-01-20BuchungskalenderPHP Jabbers CMSMySQL
2024-02-22Simple CMSPHP Jabbers CMSMySQL
2024-02-28Fotogalerie CMSPHP Jabbers CMSMySQL
Anzeige von 126 Einträgen (gefiltert von 126 Gesamteinträgen)

YouTube

Video Test

Test für die Funktion eines Background Videos

Hier als neues "data-bg-video"


Reveal Effect has been fixed for standard theme Mobirise 5
© Copyright Mobirise-Tutorials