{"id":63,"date":"2013-08-28T21:12:30","date_gmt":"2013-08-28T19:12:30","guid":{"rendered":"http:\/\/onbusys.de\/wp101\/?page_id=63"},"modified":"2019-11-24T00:47:03","modified_gmt":"2019-11-23T22:47:03","slug":"onbusys-obs-x-in-wordpress","status":"publish","type":"page","link":"https:\/\/onbusys.de\/wp101\/","title":{"rendered":"Acht Zeilen sind genug …"},"content":{"rendered":"

Wenn Sie die folgenden acht Zeilen an den Anfang des HTML-Codes einer vorhandenen oder neu zu erstellenden WP-Seite kopieren und die nachfolgend beschriebenen Anpassungen durchf\u00fchren, haben Sie bereits eine Variante der Demoversion von OnBuSys vollst\u00e4ndig in Ihre Seite integriert. Bitte beachten Sie, dass sich dabei Ihr Editor im HTML-Modus befinden muss, Plugins sind nicht erforderlich.
\nWenn beim erstmaligen \u00d6ffnen der ge\u00e4nderten Seite die Belegungs\u00fcbersicht nicht angezeigt wird, sollte ein erneutes Laden der Seite das Problem beheben.<\/span><\/p>\n

In analoger Weise k\u00f6nnen Sie bei anderen CMS (Joomla, TYPO3, Drupal, …) verfahren.<\/span><\/p>\n

<script type=“text\/javascript“ src=“https:\/\/onbusys.de\/101\/OBS\/obs_lib.js“><\/script>
\n<script type=“text\/javascript“>
\nvar buchformular = new belbuchkal(<\/span>250,10<\/span>,556,“background-color:#ffffff;border:0px solid #909090″,true);
\nbuchformular.erstelle();
\naddLoadEvent(function(){abs_freeOnTop(„190px“,<\/span>„main“,“primary“,“secondary“<\/span>,““);});
\nvar multibel1 = new abs_multibel(„onbusys.de\/101″,“Elfer,Wald,Buttje,Berg“,4,2,10,800,<\/span>„left:70px“,“top:0px“<\/span>,“de-DE“);
\nmultibel1.erstelle();
\n<\/script><\/span><\/p>\n

Ggf. sind an den farblich<\/span> markierten Stellen \u00c4nderungen vorzunehmen:
\n\u00c4nderungen bei 250,10<\/span> bewirken eine \u00c4nderung der horizontalen und vertikalen Lage des Buchungsformulars,
\n\u00c4nderungen bei den Zahlenwerten von „left:70px“,“top:0px<\/span>“ eine \u00c4nderung der horizontalen und vertikalen Lage der Belegungs\u00fcbersicht.
\nWenn Sie nicht das WP-Theme ‚Twenty Twelve‘ verwenden, m\u00fcssen Sie Anpassungen bei „main“,“primary“,“secondary“<\/span> vornehmen:
\n„primary“<\/span> ist die ID des Content-DIV-Containers,
\n„secondary“<\/span> ist die ID des Sidebar-DIV-Containers (falls nicht vorhanden, kann „“<\/span> gew\u00e4hlt werden und
\n„main“<\/span> die ID des Eltern-DIV-Containers dieser beiden Container.<\/p>\n

Diese IDs lassen sich in einfacher Weise mit einem Tool ermitteln, das alle g\u00e4ngigen Browser zur Verf\u00fcgung stellen. Beim Firefox z.B. geht es auf folgende Weise:
\nRechtsklick auf die Seite > Element untersuchen<\/span> > TAB Inspektor.<\/p>\n

Der entsprechende Bereich sieht bei dem Theme ‚Twenty Twelve‘ mit Widget-Sidebar folgenderma\u00dfen aus:<\/p>\n

\"\"<\/p>\n

\n\tEntwicklungsumgebung dieser Site<\/h2>\n

Diese Demosite wurde, ohne Verwendung von irgendwelchen Plugins, erstellt mit der<\/p>\n