(Schöne) Uhr in FHEM statt Logo

[Tom111]

Hallo zusammen,

vielleicht habe ich etwas überlesen, bei den vielen Beiträgen und Änderungen kein Wunder

Ich möchte noch den Abstand zwischen der Uhr und dem Menü verkleinern. An welcher Stelle ist dies möglich ?

Hier >> http://forum.fhem.de/index.php/topic,31912.msg334157.html#msg334157

mit den 160px kannst du mal "spielen" !

[Tom111]

Hallo zusammen,
wo ist denn nun die aktuelle Version zu finden ?

in Post #1 oder ?

Gruss

Klaus

es gibt keine "aktuelle" Version, du musst dir wohl oder übel den ganzen Thread durchlesen und einiges ausprobieren!
Es sind auch verschiedene Uhren dabei!

Gruß
Tom

[raspklaus]

Hier >> http://forum.fhem.de/index.php/topic,31912.msg334157.html#msg334157

mit den 160px kannst du mal "spielen" !

Da kann ich eintragen was ich will. Der Abstand bleibt konstant gleich

[Tom111]

du musst auch niceclocks.css in der fhem.cfg eintragen!

Beispiel wenn du die niceclocks.css im Ordner www/niceclocks hinterlegt hast!

Code Auswählen Erweitern

define WEB FHEMWEB 8083 global
attr WEB CssFiles niceclocks/niceclocks.css


und dann in niceclocks.css am Ende anfügen:

Code Auswählen Erweitern

/* Befehls-Table näher zur Uhr schieben */
#menu > table:nth-child(1) {
position: absolute;
top: 160px !important;
}

Gruß
Tom

[raspklaus]

Ist alles so angelegt:

Code Auswählen Erweitern

define WEB FHEMWEB 8083 global
attr WEB CssFiles niceclocks/niceclocks.css
attr WEB JavaScripts codemirror/fhem_codemirror.js niceclocks/fhem_niceclocks.js
attr WEB codemirrorParam { "theme":"blackboard", "lineNumbers":true }
attr WEB hiddenroom save,Unsorted,Select style,Commandref,Remote doc,CUL_TX,AlarmRoom
attr WEB longpoll 1
attr WEB menuEntries restart,cmd=shutdown+restart,update,cmd=update,updatecheck,cmd=update+check
attr WEB niceclocksParam {"clockStyle" : "analog","keepBg" : false,"fixMenu" : false,"keepHeader" : true }
attr WEB refresh 600
attr WEB roomIcons CUL_HM:cul_868 TV:it_television Plots:time_graph Cubietruck:it_server Alarmraum:secur_alarm Abfall:dustbin FBDECT:message_socket Sicherheit:security KS300:weather_station Kalender:time_calendar FHEM:system_fhem Energie:time_graph Garten:scene_garden Büro:scene_office Eingang:fts_door_open Haus:control_all_on_off Garage:fts_garage Everything:it_i-net Gartenhaus:scene_summerhouse Terasse:scene_terrace Serverraum:it_nas Schlafzimmer:scene_sleeping Wohnzimmer:scene_livingroom Mülltonnenraum:scene_storeroom Keller:scene_storeroom WWW_Router:scene_hall Kinderzimmer:scene_childs_room System:it_nas Weihnacht:christmas_tree Klima:scene_day Sonos:icoSONOS Tanken:tanken1
attr WEB stylesheetPrefix dark


und die CSS:

Code Auswählen Erweitern

/* code: css clocks */
#clockanalog {
float: left;
height: 121px;
margin: 0;
overflow: hidden;
position: relative;
width: 121px;
}

#analoghour {
float: left;
height: 121px;
margin: 0;
overflow: hidden;
position: absolute;
width: 121px;
}
#analogsecond {
float: left;
height: 121px;
margin: 0;
overflow: hidden;
position: absolute;
width: 121px;
}
#analogminute{
float: left;
height: 121px;
margin: 0;
overflow: hidden;
position: absolute;
width: 121px;
}


#svg4048 {
width:120px;
height:120px
}

#svg4315 {
width:120px;
height:120px
}


#clockanalog img {
border: 0;
left: 0px;
position: absolute;
top: 0px;
}

/* #clockanalog img { border: 0; left: 9px; position: absolute; top: 9px; }*/

#clockdigital {
background: url("images/digital.gif") no-repeat 162px 99px;
float: right;
height: 58px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 485px;


}
#clockdigital div { background: #444444; height: 17px; position: absolute; width: 485px; }
#clockdigital div:last-child { bottom: 0; }

#clockdigital img {
border: 0;
display: block;
height: 600px;
left: -120px;
margin: 0;
padding: 0;
position: absolute;
top: -270px;
width: 600px;
}

#ncDate > p:nth-child(1) {
margin-bottom:0px;
}
#ncDate > p:nth-child(2){
margin-top:0px;
}
#clockanalog {
background: url("images/analog.png") no-repeat 9px 9px #000;
float: left;
height: 175px;
overflow: hidden;
position: absolute;
width: 120px;
margin-left: -10px;
margin-top: 1px;
box-shadow: 5px 5px 5px #060606;
background-color: #000;
border-radius: 8px;
border-spacing: 0px;
border: 1px solid #CCC;
padding: 9px;
z-index: -1;

#clockanalog img { border: 20; left: 9px; position: absolute; top: 9px; }

#menu > table:nth-child(1) {
position: absolute;
top: 80px !important;
}
#ncDate {
padding-top: 130px;
}
#menu > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) {
position: absolute;
top: 160px !important;
}


aber wie gesagt, es passiert nichts. Aufgebaut habe ich das Ganze auf Threat 1 mit zusätzlichem Rahmen.

[Tom111]

hmmm 

also ich weiß dann auch nicht mehr weiter, bei mir jedenfalls funktioniert das, habs grad nochmal ausprobiert,
wenn ich die 160px verändere wird das Menue auch verschoben.

Ich sehe du benutzt den darkstyle, du kannst ja mal versuchen den Code in darkstyle.css einzufügen.

[chr2k]

Da kann ich eintragen was ich will. Der Abstand bleibt konstant gleich

Den Browser mit F5 (oder ähnlichem) aktualisiert? Die cfgs neu eingelesen bzw fhem neu gestartet?

[raspklaus]

Hallo, sogar einen kompletten reboot gemacht und keine Änderung

[Tom111]

@raspklaus,
mir ist grade aufgefallen, wo ist denn dein "Save config"-Feld, scheinbar hast du in der Vergangenheit schon irgendetwas damit
gemacht, ausgeblendet oder entfernt. Vermutlich funktioniert das deshalb nicht.

[raspklaus]

save config ist im hidden room. Siehe Attribute WEB oben

[FHEm2005]

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

Ich vermute, dass das unterhalb der Uhr befindliche Element der Verursacher ist. Wenn Du die Uhr nach unten schieben würdest, passt ja der obere Rand nicht mehr zu den anderen Elementen.

Mit dem Browser Firefox ist schnell herauszufinden, wo der Zwischenraum herkommt. Mit dem Mauszeiger auf dem Zwischenraum gehen - rechte Maustaste - Element untersuchen - klick. Es öffnet sich der 'Inspector'. Dann such' mal dort nach id="menu". Wenn Du dort mit der Maus draufgehst, wird Dir auf der Webseite der Bereich markiert, den die id menu "belegt". Dann kannst Du auch die äußere Umrandung erkennen.

Im Inspector gibt es rechts noch einen Bereich, in dem die Eigenschaften dargestellt werden. Du kannst hier wunderbar spielen, da die Veränderungen nicht gespeichert werden. Nach einem refresh der Seite wird der ursprüngliche Zustand wieder hergestellt.

Gruß
Eberhard

[Thoffi1978]

Hallo,
ich habe immer die "schöne Uhr gehabt". Nun steht aber im Log:

Code Auswählen Erweitern

3: WEB: unknown attribute niceclocksParam. Type 'attr WEB ?' for a detailed list.

Code Auswählen Erweitern

1: configfile: WEB: unknown attribute niceclocksParam. Type 'attr WEB ?' for a detailed list.
attr WEB ?:

Code Auswählen Erweitern

WEB: unknown attribute ?, choose one of verbose room group comment alias eventMap userReadings CORS HTTPS CssFiles JavaScripts SVGcache addStateEvent csrfToken alarmTimeout allowedCommands allowfrom basicAuth basicAuthMsg closeConn column defaultRoom editConfig editFileList endPlotNow endPlotToday fwcompress hiddengroup hiddenroom iconPath longpoll longpollSVG menuEntries nameDisplay ploteditor plotfork plotmode plotEmbed plotsize plotWeekStartDay nrAxis redirectCmds refresh reverseLogs roomIcons sortRooms showUsedFiles sslVersion smallscreen smallscreenCommands stylesheetPrefix touchpad webname codemirrorParam clockParam cmdIcon devStateIcon devStateStyle fp_Erdgeschoss group_map icon room_map set set_map sortby structexclude webCmd widgetOverride userattr

Gruß
Hoffi

[Solala0815]

Hallo Hoffi,

ich bin zwar unbedarft an Technik und Software, aber ein Auszug von der
FHEM.cfg und ein "list WEB" könnten weiter helfen.

Thomas

[Solala0815]

Hallo Hoffi
bei genauerem Hinsehen ist mir dieser Unterschied aufgefallen

Code Auswählen Erweitern

3: WEB: ... niceclocksParam ..  list.

Code Auswählen Erweitern

1: configfile: ... niceclocksParam ...  list.
attr WEB ?:

Code Auswählen Erweitern

WEB: unknown attribute ?, ... clockParam ...

wenn ich "attr WEB ?" ausführe kommt der gleiche Text mit dem unterschied "niceclocksParam"

Thomas

[Thoffi1978]

Hallo,
ich habe das erst seit dem gestrigen Update.
Hier die List WEB:

Code Auswählen Erweitern

Internals:
   CONNECTS   119
   DEF        8083 global
   FD         6
   NAME       WEB
   NR         5
   NTFY_ORDER 50-WEB
   PORT       8083
   STATE      Initialized
   TYPE       FHEMWEB
Attributes:
   CssFiles   niceclocks/niceclocks.css
   JavaScripts codemirror/fhem_codemirror.js
   basicAuth  { "$user:$password" eq "Benutzer:Passwort" }
   codemirrorParam { "lineWrapping":true }

@Solala0815: was bedeutet das genau für meine Funktion?

Lieben Gruß
Hoffi