Block speichern und weitergeben?
Verfasst: Di 23. Apr 2024, 20:15
Haben wir irgendwo eine Anleitung, wie ich einen Userblock als Datei verschicken kann?
Frank
Frank
Forum für Mobirise und NOF
https://mobirise-tutorials.com/Forum/
Code: Alles auswählen
{
"data": {
"alias": false,
"_styles": {
"padding-top": "(@paddingTop * 1rem)",
"padding-bottom": "(@paddingBottom * 1rem)",
"background-color": "transparent",
"background-repeat": "no-repeat",
"header": {
"position": "relative",
"height": "100vh",
"min-height": "25rem",
"width": "100%",
"overflow": "hidden"
},
"header #bild": {
"position": "fixed",
"background-image": "url(https://www.mobirise-tutorials.com/Tutorials/images/Abendstimmung.jpg)",
"display": "block",
"background-position": "center",
"background-size": "cover",
"height": "100vh",
"width": "100vw",
"top": "0",
"bottom": "0",
"left": "0",
"right": "0",
"z-index": "0"
},
"header .container": {
"position": "relative",
"z-index": "2"
},
"header .overlay": {
"position": "absolute",
"top": "0",
"left": "0",
"height": "100%",
"width": "100%",
"background-color": "black",
"opacity": "0.1",
"z-index": "1"
}
},
"_name": "content5",
"_sourceTheme": "mobirise5",
"_customHTML": "<section data-bs-version=\"5.1\" class=\"content5\" group=\"Content\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"5\" step=\"1\">\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked=\"\">\n <header>Background</header>\n <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#bbbbbb\">\n </mbr-parameters>\n \n <!-- Start HTML für Hintergrundbild -->\n <header>\n\n <!-- Dieses <div> erzeugt das transparente Overlay, das man in der CSS modifizieren kann -->\n <div class=\"overlay\"></div>\n\n <!-- zeitgesteuerte Bilder von Werner-Zenk.de -->\n <div id=\"bild\"></div>\n\n <!-- Dies ist der Inhalt im Header, der dann auch mit Mobirise modifiziert werden kann -->\n <div class=\"container h-100\">\n <div class=\"d-flex h-100 text-center align-items-center\">\n <div class=\"w-100 text-white\">\n <h1 class=\"display-2\"><br><b>Hintergrund Bilder</b></h1>\n <p class=\"lead mb-0\"><br><br>Nach Tageszeit wechselnde Bilder<br><br>Wechsel um 4:00 Uhr, 10:00 Uhr - 6 Bilder, 16:00 Uhr und 22:00 Uhr<br><br><a href=\"Wechselbilder.html#Tutorial\" class=\"text-warning\">Tutorial der Wechselbilder <span class=\"mobi-mbri mobi-mbri-down mbr-iconfont\"></span></a><br><br><a href=\"Video-Background.html#Video-Textblock\" class=\"text-warning\"></a><a href=\"Video-Background.html#Video3\" class=\"text-warning\"></a><a href=\"Wechselbilder.html#Bilder\" class=\"text-warning\">Ansicht aller hier erscheinenden Bilder <span class=\"mobi-mbri mobi-mbri-down mbr-iconfont\"></span></a><br><br><br><a href=\"https://www.mobirise-tutorials.com/BusinessM4/Fullscreen-Video.html\" class=\"text-white\" target=\"_blank\"></a><a href=\"Wechselbilder.html#Google\" class=\"text-white\" target=\"_blank\">Translate this page <span class=\"mdi-action-translate mbr-iconfont\"></span></a></p>\n </div>\n </div>\n </div>\n \n </header>\n <!-- Ende HTML für Hintergrundbild -->\n \n</section>",
"_JSplaceholders": [],
"_PHPplaceholders": [],
"_anchor": "content5-4r",
"_isUserblock": true,
"_cid": "tr14e0e7Rl",
"_customCSS": "padding-top: (@paddingTop * 1rem);\npadding-bottom: (@paddingBottom * 1rem);\nbackground-color: transparent;\nbackground-repeat: no-repeat;\nheader {\n position: relative;\n height: 100vh;\n min-height: 25rem;\n width: 100%;\n overflow: hidden;\n}\nheader #bild {\n position: absolute;\n background-image: url(https://www.mobirise-tutorials.com/Tutorials/images/Abendstimmung.jpg);\n display: block;\n background-position: center;\n background-size: cover;\n height: 100vh;\n width: 100vw;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n position: fixed;\n z-index: 0; \n}\nheader .container {\n position: relative;\n z-index: 2;\n}\nheader .overlay {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-color: black;\n opacity: 0.1;\n z-index: 1;\n}\n",
"_protectedParams": [],
"_alwaysBottom": false,
"_alwaysTop": false,
"_global": false,
"_noDrag": false,
"_positionAbsolute": false,
"_once": false,
"_params": {
"fullWidth": false,
"paddingTop": "0",
"paddingBottom": "0",
"textWidth": "5",
"showTitle": false,
"showSubtitle": true,
"bgColor": "#bbbbbb"
}
},
"themeName": "mobirise5",
"parent": "content5",
"blockName": "content5_15",
"mediaPaths": "[]",
"isUserblock": "true"
}
Code: Alles auswählen
padding-top: (@paddingTop * 1rem);
padding-bottom: (@paddingBottom * 1rem);
background-color: @bgColor;
code {
color: #3384d6;
font-size: 0.8rem;
}
.mbr-section-title {
color: #4479d9;
text-align: center;
}
.mbr-section-subtitle {
text-align: center;
color: #0177d7;
font-size: 1rem;
}
h5 {
line-height: 1;
}
video {
width: 30%;
}
@media (max-width: 991px) {
video {
width: 60%;
}
}
img {
width: auto;
height: auto;
display: inline-block;
}
.btn-group .btn {
margin-left: -10px !important;
margin-top: 10px !important;
}
.form-control {
margin-top: -6px !important;
border: none !important;
}
.glyphicon {
top: 2px !important;
}
.glyphicon-search {
top: -2px !important;
}
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
top: 66px !important;
}
@media (max-width: 1200px) {
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
top: 66px !important;
}
}
@media (max-width: 576px) {
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
top: 110px !important;
}
}
.mynobreak {
white-space: nowrap;
}
Code: Alles auswählen
<section data-bs-version="5.1" class="content5" group="Content">
<mbr-parameters>
<header>Size</header>
<input type="checkbox" title="Full Width" name="fullWidth">
<input type="range" inline="" title="Top" name="paddingTop" min="0" max="10" step="1" value="5">
<input type="range" inline="" title="Bottom" name="paddingBottom" min="0" max="10" step="1" value="1">
<input type="range" name="textWidth" title="Width" min="4" max="12" value="9" step="1">
<header>Show/Hide</header>
<input type="checkbox" title="Title" name="showTitle">
<input type="checkbox" title="Subtitle" name="showSubtitle">
<header>Background</header>
<input type="color" title="Color" name="bgColor" value="#9fdbf8">
</mbr-parameters>
<div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-{{textWidth}}">
<h3 class="mbr-section-title mbr-fonts-style mb-4" mbr-if="showTitle" data-app-selector=".mbr-section-title" mbr-theme-style="display-5"><b>Buchungen</b></h3>
<h5 class="mbr-section-subtitle mbr-fonts-style mb-4" mbr-if="showSubtitle" data-app-selector=".mbr-section-subtitle" mbr-theme-style="display-7">Ihr dürft gerne testen, es wird nichts gebucht oder bestellt. <a href="javascript: location.reload();" class="text-secondary">Zurück zum heutigen Datum <span class="sli-reload mbr-iconfont mbr-iconfont-btn"></span></a></h5>
<p class="mbr-text mbr-fonts-style" data-app-selector=".mbr-text" mbr-theme-style="display-7">
<!-- Beginn PHPJabbers Blog als direkter PHP Einbau -->
{STB_LOAD}
<!-- Ende PHPJabbers Blog als direkter PHP Einbau -->
</p>
<!-- Row below app -->
<p style="color: #232323; font-size: 0.8rem; margin-top: 20px;" class="mbr-text mbr-fonts-style" data-app-selector=".mbr-text" mbr-theme-style="display-7">
<!-- Admin Blog -->
<a href="https://mobirise-tutorials.com/News-PHPJabbers/blogging/" target="_blank" class="text-primary">Admin <span class="sli-close mbr-iconfont mbr-iconfont-btn"></span></a>
<!-- scroll top -->
<a href="blog-anker.php#jabbers" class="text-primary mynobreak" style="float: right;">nach oben <span class="sli-arrow-up-circle mbr-iconfont mbr-iconfont-btn"></span></a>
</p>
</div>
</div>
</div>
</section>
Die haben alle die Rubrik#_Block#list.json hat geschrieben:["map1_1","image3_1","content5_3","content5_4","image3_2","content5_13","image3_3","header6_1","header1_1","content5_2","content5_1","features17_2","content5_15","image3_4","content5_14","slider1_1","gallery3_1","gallery3_2","content5_6","content5_8","image3_6","content5_5","image3_7","image3_5","image3_8","image1_2","content5_7","header6_2"]