• 0 Thermomix im Modus "Anbraten"

    5.00 von 1 Bewertungen

    Der Thermomix TM6 kann auf 160 Grad erhitzen und macht es damit erstmals möglich, Röstaromen in die Gerichte zu zaubern. Mit dem Modus "Anbraten", der exklusiv für den Thermomix TM6 in der Guided-Cooking Funktion zur Verfügung steht, erfüllt sich endlich ein lang gehegter Wunsch vieler Fans. Da kann die Pfanne getrost im Küchenschrank bleiben!  

  • 0 Kochen mit Cookidoo®

    4.67 von 3 Bewertungen

    Der Thermomix ist ein echtes Multitalent mit zahlreichen Kochfunktionen und Modi wie Zerkleinern, Kochen, Anbraten, Mixen, Mahlen, Kartoffeln schälen und vieles mehr. Mit dem Thermomix können Rezepte über Cookidoo®, das digitale Rezept-Portal mit tausenden Rezeptideen, menügesteuert zubereitet werden. Man sucht seine Rezepte in einer App oder der Webseite und kann diese auch noch anpassen. Der Thermomix ist über WLAN mit dem Benutzerkonto verbunden und zeigt dann das Rezept für den ausgewählten Tag sofort auf dem großen Touch-Display an. Teile deine eigenen Rezepte und Cookidoo® Rezeptvariationen mühelos dank der neuen Teilen-Funktion für "Meine Kreationen".  

  • 0 Erfahrungen mit dem Thermomix

    5.00 von 8 Bewertungen

    Vielen Dank an "Vorwerk" für diese Bild vom Themomix TM6 Neben dem Erstellen von Hobby-Websites, insbesondere mit der Software Mobirise, habe ich noch andere Leidenschaften wie Segeln und Surfen, in denen ich in jungen Jahren viele Preise gewonnen habe. Seit dem tragischen Verlust meiner geliebten Frau Petra im Jahr 2014 ist auch das Kochen zu einem neuen Hobby von mir geworden. Früher habe ich nie gekocht, da meine Frau das beruflich gelernt hatte und ich daher nie kochen musste. Der Thermomix war somit eine tolle Möglichkeit, schnell großartige Gerichte zuzubereiten. Im vergangenen Jahr habe ich zum Beispiel 125 verschiedene Rezepte mit insgesamt 324 Zutaten mit dem Thermomix gekocht. Mit dem Thermomix kocht man immer mit frischen Zutaten, die besonders schonend gegart werden und durch das Dampfgaren herrliche Aromen entfalten. Mit Hilfe dieser Küchenmaschine habe ich nach und nach auch ein wenig Kochen gelernt. Ich möchte hier einen kleinen Blog über das Kochen mit dem Thermomix starten, der mir seit einigen Jahren große Freude bereitet und schon viele tolle Gerichte gezaubert hat.  

Admin  nach oben 

Mobirise Tutorials

Blog Direkteinbau

Content Management Blogging von PHP Jabbers
Kochen mit dem Thermomix

Stiva Blog 4.1 - Direkteinbau


Nach oben 

Diese Anwendung lässt sich, meiner Ansicht nach, einfacher als dynamisches Iframe einbinden, da man doch etliche Änderungen für den Direkteinbau beachten muss.

Für die allgemeinen Installationsanleitungen und den Einbau über einen Iframe folft meiner Anleitung hier 

Bei dem Direkteinbau gibt es Probleme mit der CSS, durch eine veraltete Bootstrap Version 3 der Anwendung und auch durch Anker-Links, die immer nach oben auf diese Seite verweisen. Daher habe ich diesen Block nun auch ganz oben auf dieser Seite eingebaut. Mit einem Javascript ist es aber auch möglich beim Direkteinbau auf einen solchen Sprung-Anker zu verweisen, wie ich es auf dieser Beispielseite  zeige.

Zum Einbau habe ich hier einen einfachen Textblock aus der Rubrik "Article" verwendet.

Wie man die Datenbank einrichtet, habe ich bereits auf meiner alternativen Seite mit dem Iframe ausführlich beschrieben.

Kopiert meine zusätzliche CSS-Anweisungen, wie z.B. für die Größe von Bildern, Smileys oder Captcha, in den "CSS Editor" Bereich des Textblocks, den ihr für den Einbau verwendet, damit die Buttons und Formularklassen sich korrekt anpassen. Ich habe die CSS, zum besseren Verständnis, ein wenig /* kommentiert */. Diese Kommentare löscht der "CSS Editor" von Mobirise automatisch:

/* Bildgrößen anpassen */
img {
  width: auto;
  height: auto;
  display: inline-block;
}
/* Buttons im Header der Anwendung anpassen */
.btn-group .btn {
  margin-left: -10px !important;
  margin-top: 10px !important;
}
/* Eingabefeld der Suchfunktion anpassen */
.form-control {
  margin-top: -6px !important;
  border: none !important;
}
/* Icons im Header anpassen */
.glyphicon {
  top: 2px !important;
}
/* Icon Lupe im Header anpassen */
.glyphicon-search {
  top: -2px !important;
}
/* Dropdown im Header für Schließen-Button anpassen */
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
  top: 66px !important;
}
/* Dropdown im Header für Schließen-Button an mobilen Geräten anpassen */
@media (max-width: 1200px) {
  #pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
    top: 66px !important;
  }
}
/* Dropdown im Header für Schließen-Button an mobilen Geräten anpassen */
@media (max-width: 576px) {
  #pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
    top: 110px !important;
  }
}


Hier habe ich also diese Anweisungen, vom Tab "Install" der Anwendung, direkt in Mobirise eingebaut, die ihr im Screenshot unten sehen könnt.

Install Code

Ansicht von den Codes und Platzhalter zum direkten Einbau in eine Mobirise PHP-Seite

Direkteinbau Code und Platzhalter 

Zunächst stellt ihr die Mobirise Seite für den Einbau auf die Dateierweiterung .php um, damit die Browser auch den PHP-Code interpretieren können. Das wird in den Seiteneinstellungen am Zahnrad bei URL der Seite getan.

Dort fügt ihr aus den Anweisungen, die unter "Install" im Screenshot oben zu sehen sind, in folgende Bereiche ein.

Before <!DOCTYPE>, <html> and <head> tags:

<?php
ob_start();
?>


Achtet zwingend darauf, das in diesem Bereich, der ganz oben im HTML-Code generiert wird, auf keinen Fall Leerzeichen oder Leerzeilen stehen, also weder vor noch nach dem Code oben.

Anzeige der Anwendung

Anzeige der Anwendung

Anzeige der Anwendung

Für die Anzeige der gesamten Anwendung im Mobirise Block, schreibt ihr diesen Platzhalter direkt als "Text" auf die Seite, tragt diese also nicht im "Code Editor" ein, denn Mobirise übernimmt das zwar, generiert es aber nicht.

Also direkt schreiben, in geschweiften Klammern, wie im Screenshot zu sehen:

STB_LOAD

Diese {Klammern} muss ich an dem hier geschriebenen Platzhalter  weglassen, denn sonst würde der Blog hier nochmals angezeigt werden.


Der Platzhalter STB_SEO, der ebenfalls in geschweiften Klammern steht, ist optional und ich habe diesen hier nicht eingebaut. Dort würden die zusätzlichen SEO Einträge erscheinen, die ihr am Tab "SEO Settings" vornehmen könnt. Falls ihr diese einbauen wollt, gehört diese in den Bereich:

Inside <head> code:

Weiterhin wird der untenstehende PHP-Code, zum Laden der Skripte dieser Anwendung, benötigt. Dieser Code enthält der Server-Pfad zu den Skripten, die bei mir in dem Verzeichnis "blogging", vom Stammverzeichnis meiner Mobirise-Seite, liegen. Diesen Pfad erzeugt die Anwendung, aufgrund der Installation, automatisch. Kopiert diesen PHP-Code in den Seiteneinstellungen in den Bereich:

End of <body> code:

<?php include '/kunden/homepages/12/d22935777/htdocs/Mobirise-Tutorials/News-PHPJabbers/blogging/app/views/pjLayouts/pjActionLoad.php'; ?>


Natürlich dürft ihr hier nicht meinen inkludierten Pfad kopieren, sondern müsst den in eurer "Blog" Anwendung generierten Code verwenden.

Denkt daran, dass man zur Anzeige von PHP Seiten entsprechend auch ein lokales PHP installiert haben müsste. Das Ergebnis sieht man daher erst nach dem entfernten Publizieren auf den Server.

Viel Erfolg

© Copyright Mobirise-Tutorials.com

Datenschutz und Impressum

Google Translator
Funktionale Cookies akzeptieren