~~Title: BG-CSS-Tweaks~~   /* Needs the Pagetitle plugin and maybe you want activate the "useheading" option  */

====== IFRAME Background Tweaks via CSS Inline Style ======

#@bg-pink_HTML@#  /* Placing the macro after the headline is a workaround. 
                     Otherwise the headline will slide down a bit */

**Solution:** You can tweak the CSS-output of the xhtml-export by using inline style. The inline style in this solution is inserted via the HTML option of the Textinsert plugin.((The using of the Textinsert plugin avoids the security-critical release of HTML input in the wiki page.)) The inline style must be inserted in the //exported// page. Take a look at the wiki code of the pages: [[:livedemos:iframe-yellow|:livedemos:iframe-yellow]] and [[:livedemos:bgnone|:livedemos:bgnone]].

===== Default Output =====
This IFRAME contains the xhtml export of the page: [[:livedemos:default-output|Default Output]]

{{url>http://dw-livedemos.informantum.de/doku.php?id=livedemos:default-output&do=export_xhtml 40% }}

===== Yellow Background =====
This IFRAME contains the xhtml export of the page: [[:livedemos:iframe-yellow|BG-yellow]]

{{url>http://dw-livedemos.informantum.de/doku.php?id=livedemos:iframe-yellow&do=export_xhtml 180px  }}

===== Background None =====
This IFRAME contains the xhtml export of the page: [[:livedemos:bgnone|BG-none]]

{{url>http://dw-livedemos.informantum.de/doku.php?id=livedemos:bgnone&do=export_xhtml 180px  }}

===== The Makro Definitions of the Textinsert Plugin =====

{{ :textinsert_makro.png |}}

===== Using the Macros =====

To see how to insert the macros, take a look at the wiki code of the pages: [[:livedemos:iframe-yellow|:livedemos:iframe-yellow]] and [[:livedemos:bgnone|:livedemos:bgnone]]

===== Backlink =====

**A LiveDemo for:** [[https://forum.dokuwiki.org/thread/16303|incorrect table display in xhtml export]]