Wie kann man ein anderes Background Image bei pagetab verwenden?

LHBL2003 · 04 Januar 2017, 09:15:51

Hi,

meine Frage: Wie kann ich das Hinterdungbild für die Seite verändern, die ich via PageTab aufrufe?

Mein Versuch:

ich habe eine index.html

in der befindet sich meine head Definition.

Code Auswählen


<head>
....
    <!--link rel="stylesheet" href="css/fhem-tablet-ui-user.css"-->
....
</head>

in meiner ... user.css befindet sich die Definition zum überschreiben des Backgrounds

Code Auswählen


body {
	background:#000000 url(../images/fp_Erdgeschoss.png) 0 0 no-repeat
 }

wenn ich meine user.css nicht aus kommentiere, dann bekomme ich überall mein Hintergrund Bild.
Soweit so gut.

jetzt habe ich in meiner index.html das ...user.css wieder aus kommentiert und wollte in meiner TestHintergrund.html den head Part einfügen, damit der Hintergrund nur hier angezeigt wird.

Code Auswählen


<head>
    <link rel="stylesheet" href="css/fhem-tablet-ui-user.css">
</head>

die Seite rufe ich in der Index.html über pagetab auf.

Code Auswählen


                <div data-type="pagetab"
                     data-url="TestHintergrund.html"
                     data-background-icon="fa-circle-thin"
                     data-on-background-color="#aa6900"
                     data-on-color="#808080"
                     data-off-color="#808080"
                     data-icon="fa-cogs "
                     class="bigger top-space">
                </div>

leider funktioniert das nicht so wie ich mir es erhofft habe.

Vielen Dank für Tipps

FHEM Forum

Wie kann man ein anderes Background Image bei pagetab verwenden?

LHBL2003