(Schöne) Uhr in FHEM statt Logo

[newby]

Hallo FHEm2005,

also ich habe jetzt mal auf die schnelle in der .js die Änderung vorgenommen.
Jetzt kann der Link fhem in den Floorplänen wieder genutzt werden.
Habe auch sonst keine weiteren Änderungen sehen können. Werde es mal beobachten.

Vielen Dank für die schnelle Hilfe!!

Werde das mit der mystyle.css  die Tage mal versuchen.

Gruß
Sven

[Zrrronggg!]

Als Reply vielleicht etwas spät, aber trotzdem:

@KernSani,

support wäre prima
Ich bin mit einem Mac unterwegs und der Safaribrowser zickt mit der Uhr leider etwas !
Der Aussenkreis und die Minuten & Sekundenstriche sind bei mir ( Safari ) nicht sichtbar
Nutze ich Chrome funktioniert alles bestens ...
Könnte ein MacUser das mal testen ?

Geht bei mir. Mit Safari 7.1.5 unter 10.9.5
(mit Comic-OS kann ich mich noch  nicht  anfreunden)

Bei mir ging die Uhr zuerst gar nicht, aber das lag letztlich nur an der zu alten FHEM-Version die ich benutzte.
Ansonsten ist die Uhr echt nett und ich wollte mich noch mal für die super Idee und Umsetzung/Anpassung bedanken.

[Aladin222]

Hmmm, ok, schön das mal zu hören ,dass einwandfrei auch beim mac läuft !
Dann setze ich mich doch auch nochmal dran

.....Danke für Deine Rückmeldung !

[mcbo]

Hi,

eine Uhr im Floorplan, stand auch schon immer auf meiner Wunschliste.
Aber irgendwie funktioniert das noch nicht 100%ig.

Wenn ich folgenden Syntax einbaue:

Code Auswählen Erweitern

#Floorplans
define Wohnung FLOORPLAN
attr Wohnung userattr niceclocksParam
attr Wohnung CssFiles niceclocks/niceclocks_floorplan.css
attr Wohnung JavaScripts niceclocks/fhem_niceclocks.js
attr Wohnung fp_arrange 1
attr Wohnung fp_noMenu 1
attr Wohnung niceclocksParam { "clockStyle" : "analog","clockCircle" : "white","clockHours" : "white","clockSeconds" : "red", "analogBorder" : true,"fixMenu" : false,"keepBg" : false,"keepHeader" : true }
attr Wohnung refresh 1

sind in meinem Floorplan alle Buttons und DropDowns verschwunden.
Aber die Uhr geht 

Das liegt irgendwie an dem "fhem_niceclocks.js" File.
Deaktiviere ich das, ist die Uhr weg, aber meine Buttons wieder da. 


Gruß

Marcel

[mcbo]

Hat keiner eine Idee?

[Tom111]

Hallo,

konnte schon jemand dieses Problem lösen?

Wenn sich FHEM längere Zeit im Hintergrund befindet, kommt die Uhr irgendwie aus dem Tritt. Das passiert auch bei der Original-Uhr auf joncom.be/code/css-clocks/ und ich habe noch keine Lösung dafür gefunden. Ein Refresh (oder click z.B. auf einen anderen Raum) syncht die Uhr wieder - oder man wartet einfach, bis die Uhr im high-speed Tempo die aktuelle Uhrzeit wieder erreicht hat.

Gruß
Tom



Nachtrag:

habe die Lösung gefunden!

Gruß
Tom

[Aladin222]

@Tom, das ist schön !
Aber nützt uns das auch ?

....lässt du uns an Deiner Lösung teilhaben ?

[Tom111]

@Tom, das ist schön !
Aber nützt uns das auch ?

keine Ahnung, wohl nur wenn du die Uhr auch einsetzt

Folgende Zeile:

Code Auswählen Erweitern

this.aSecond = this.aSecond.slice(1);

muss so abgeändert werden:

Code Auswählen Erweitern

this.aSecond = this.aSecond.slice(1000);

Diese Änderung habe ich an der analogen Uhr durchgeführt (bei mir in der 46. Zeile).
Da ich nur die analoge Uhr einsetze, kann ich nichts dazu sagen wie sich die digitale Uhr verhält, wahrscheinlich muss das gleiche
auch dort geändert werden.

Gruß
Tom

[chr2k]

Damit sollte die Uhr statt des Logos erscheinen.

Vielen herzlichen Dank.

Gruß
Christian

PS: Wie bekomme ich die Leerzeile zwischen Wochentag und Datum weg?

[Tom111]

PS: Wie bekomme ich die Leerzeile zwischen Wochentag und Datum weg?

Das würde mich auch interessieren, hat denn keiner eine Idee ? 

Gruß
Tom

[FHEm2005]

Ich hoffe, Du kennst Dich ein wenig mit HTML aus.

Der Abstand zwischen Wochentag und Datum ist KEINE Leerzeile, sondern der äußere Rand beider Elemente.

Der Wochentag hat einen äußeren Rand oben und unten von je 13px. Das Gleiche ist beim Datum zu finden, das hat auch oben und unten 13px Rand.

Wenn im Element Wochentag der untere Rand und beim Datum der obere Rand auf 0px gesetzt wird ist der Zwischenraum fast auf 0px geschrumpft.

Wie kann der Zwischenraum verändert werden?
Der eindeutige Selektor für den Wochentag lautet: #ncDate > p:nth-child(1)
Der eindeutige Selktor für das Datum  lautet:  #ncDate > p:nth-child(2)

Diese beiden Selektoren müssen wir in eine CSS-Datei einbinden. Entweder in eine vorhandene (niceclocks.css) oder in eine eigene CSS-Datei. Die vorhandene CSS-Datei kann bei einem Update überschrieben werden. In diesem Thread habe ich beschrieben wie eine eigene CSS-Datei angelegt werden kann: http://forum.fhem.de/index.php/topic,28939.0.html .

Einzutragen sind:

für den Wochentag:

#ncDate > p:nth-child(1) {
margin-bottom:0px;
}

für das Datum:

#ncDate > p:nth-child(2){
margin-top:0px;
}

Mit diesen Werten kannst Du dann pixelgenau den Abstand steuern.

Viele Grüße
Eberhard

Gemeinsam schaffen wir das! 

[Tom111]

Hallo Eberhard,

tausend Dank für deine hervorragende Erklärung, habs sofort umgesetzt.

Habe zusätzlich noch bei

ncDate > p:nth-child(1)

Code Auswählen Erweitern

margin-top:-10px;
eingetragen, so wird der Tag näher zur Uhr gerückt.

Jetzt müsste man nur noch den Freiraum zw. dem Datum und "Save config" weg bekommen dann wäre es optimal (siehe Bild).

Danke nochmals!

Gruß
Tom

[FHEm2005]

Die beiden Elemente Wochentag und Datum sind Bestandteil eines <div>-containers mit der ID "ncDate". Der hat aber die Eigenschaft padding-top 130px.

Mit einer Verkleinerung dieses Wertes erreichst Du zwar das gleiche, Du änderst aber dort, wo es logischerweise (etwas) richtiger ist.

Code Auswählen Erweitern

#ncDate {
padding-top: 130px;
}

In #ncDate > p:nth-child(1) können auch die Eigenschaften für Schriftgröße(font-size) und Schriftfarbe (color) des Wochentages geändert werden.
In #ncDate > p:nth-child(2) können auch die Eigenschaften für Schriftgröße(font-size) und Schriftfarbe (color) des Datum geändert werden.


Der eindeutige Selektor für das komplette save-config Feld und seine neuen Eigenschaften sind:

Code Auswählen Erweitern

#menu > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) {
position: absolute;
top: -37px !important;
}

Das sind Elemente, die nicht mehr zur Uhr gehören sondern zu FHEM. Deshalb sind diese Styles am besten in eine eigene CSS-Datei abzulegen!

Ich habe das, was oben steht nur ansatzweise überprüft. Den genauen Wert für top musst Du austesten, weil die nachstehenden Elemente automatisch sprunghaft nachrücken. Da ist Spielen angesagt.

Gruß Eberhard

[Tom111]

Hallo Eberhard,

wunderbar, jetzt passt es 

folgenden Code habe ich in "niceclocks.css" hinzugefügt:

Code Auswählen Erweitern

#menu > table:nth-child(1) {
position: absolute;
top: 160px !important;
}

Das ganze sieht nun so aus :
(http://img5.fotos-hochladen.net/uploads/201509181110q2ct3gfhnm.png)

Danke für deine Hilfe! 

Gruß
Tom

[chr2k]

In diesem Thread habe ich beschrieben wie eine eigene CSS-Datei angelegt werden kann: http://forum.fhem.de/index.php/topic,28939.0.html .

Puh, da verstehe ich nur Bahnhof 
Würde gerne eine separate css Datei nutzen um eben ein eventuelles Update Problem aus dem Weg zu gehen.