Ankündigung

Einklappen
Keine Ankündigung bisher.

Hilfe bei optischer Anpassung Status

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Hilfe bei optischer Anpassung Status

    Hallo SmartVISU Freunde,

    auch ich beschäftige mich nun seit einer Woche mit der SmartVISU und habe in der Zeit schon viel dazugelernt.
    Die SmartVISU läift bei mir mit dem Smarthome.py auf einer Raspberry Pi Plattform. Nach anfänglichen Installationsschwierigkeiten und vielen Stunden Lesen hier und in diversen anderen Foren, habe ich die Visu nun soweit stabil am laufen.

    Allerdings habe ich jetzt so meine Schwierigkeiten bei der Gestaltung der Webseite.
    Da ich lediglich über einige html Kenntnisse aus geraumer Vorzeit und den Anfängen der Webseitengestaltung verfüge, stoße ich natürlich schnell an meine Grenzen, wenn es um CSS und php Einbindungen geht.

    Um mal etwas dahinter zusteigen, wo ich wie was finde und wo welche Werte des Designs hinterlegt sind, bitte ich euch um einige Hilfestellungen.

    Ich habe die Ursprungs-Templatedateien genommen, um mir meine neue Seite aufzubauen. Die Gestaltung mit Blöcken, Quads und Popups habe ich soweit verstanden. Aber auch nur, wenn ich den dafür hinterlegten Code verwende und diesen auch unberührt lasse.

    Allerdings habe ich aktuell das Problem, dass mir bei der Verwendung mittels Quad Zeilen der Bereich der Status Symbole viel zu tief angezeigt wird. Das hat den Nachteil, wenn jetzt mehrere Statussymbole angezeigt werden (PIR, Heizung, Fenster, Türen,...), dass diese unterhalb in dem fast nicht mehr sichtbaren Bereich rutschen.

    Kann mir hierbei jemand behilflich sein, dass diese Symbole generell in der Zeile etwas höher dargestellt werden? Ich habe das bereits oftmals hier im Web gesehen, weiß aber leider nicht, wo ich da ansetzen muss...

    status.PNG

    Perfekt wäre es, wenn die Temperatur auf der Höhe der Textzeile angezeigt würde und dann mittels <br /> die Symbole darunter erscheinen.

    Ich weiß, dass das hier bestimmt schon einmal irgendwo (auch vielleicht mehrfach) gefragt und diskuttiert wurde, allerdings finde ich keinen Thread oder ein wiki hierzu.

    Vielen Dank vorab.


    Gruß
    Jochen

    #2
    Hab da ne Lösung gefunden, die mich aber noch nicht ganz überzeugt...

    Bei den Quads ist normalerweise die <Div class="ui-ri-aside"> definiert. Dadurch werden die Symbole sehr tief angezeigt. Wenn ich nun die Temperatur alleine stellen möchte und mittels <br /> die weiteren Symbole eine Zeile tiefer angezeigt haben möchte, rutschen diese ins Anzeige Nichts ab...

    Mit der <Div class="ui-li-aside"> werden die Symbole direkt oben angezeigt. Allerdings werden diese auch größer... :-(

    Hat nicht jemand noch einen Vorschlag, welche class hier verwendet werden könnte?

    Danke :-)
    Angehängte Dateien

    Kommentar


      #3
      Du kannst ja auch direkt CSS Styles setzen. Am besten mit Firebug experimentieren. Ich hätte einfach mal margins nach unten gesetzt.

      Kommentar

      Lädt...
      X