Zurück   KNX-User-Forum > Supportforen > CometVisu
knx-user-forum - International KNX Award Winner 2010


Links
Kalender
Spende

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 08.08.2012, 21:15
Benutzer
 
Registriert seit: 02.02.2010
Ort: Warstein
Beiträge: 238
peuter wird schon bald berühmt werdenpeuter wird schon bald berühmt werden
Standard Neues Design: Metal

Hallo,

ich habe mich mal von der Smartvisu inspirieren lassen und ein neues Design erstellt. Im Wesentlichen habe ich das Discreet-Design als Basis genommen, die Schriftart und die Hintergrundfarbe der Smartvisu übernommen und daraus versucht was ansehnliches zu bauen.

Beim experimentieren mit den Pagejumps und der Navbar sind mir zwei Verbesserungsmöglichkeiten aufgefallen.

1. Bisher funktionieren die Pagejumps nur wenn man als target die page_id angibt, diese ändert sich aber sobald sich die Struktur der config ändert. Irgendwie finde ich das ein wenig umständlich, zumindest wenn man die config direkt ohne den Editor bearbeitet.
Besser wäre es meiner Meinung nach, wenn man in den Pagejumps den Namen der Page angeben könnte. Der angehängte Patch ermöglicht beides parallel.

2. Die Pagejumps der gerade angezeigten Page sollte optisch hervorgehoben werden können (siehe Bild). Das ist bisher nicht möglich. Der angehängte Patch fügt dem Pagejump eine zusätzliche "active" Css-Klasse hinzu.

In der Zip-Datei für das Design fehlt lediglich die Schriftart, da ich mich mit der ganzen Lizenzgeschichte zu wenig auskenne, hab ich die erstmal weggelassen.

Sollte Interesse an dem Design bestehen, würde ich hier auch noch eine Beispiel-Config erstellen. So als eine Art Best-Practice Anleitung zum Design. Denn da ich erstmal nur die Dinge an das Design angepasst habe, die ich selbst brauche wird die ein oder andere Sache vermutlich noch komisch aussehen.

Gruß
Tobias

Edit: Demo-Config angehängt
Angehängte Grafiken
Dateityp: png cometvisu_metal.png (54,2 KB, 1898x aufgerufen)
Angehängte Dateien
Dateityp: txt navbar_pagejump.txt (2,3 KB, 192x aufgerufen)
Dateityp: zip metal.zip (25,7 KB, 173x aufgerufen)
Dateityp: txt visu_config_metal.xml.txt (12,8 KB, 240x aufgerufen)

Geändert von peuter (09.08.2012 um 14:14 Uhr)
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #2  
Alt 08.08.2012, 21:35
Benutzer
 
Registriert seit: 10.02.2010
Ort: Bei Bamberg
Beiträge: 158
christian523 wird schon bald berühmt werden
Daumen hoch

Hi Tobias,

ich finde Dein Design Klasse, sieht wirklich sehr gut aus.
__________________
Viele Grüße
Christian
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #3  
Alt 08.08.2012, 21:55
Benutzerbild von Bodo
Erfahrener Benutzer
 
Registriert seit: 27.09.2008
Ort: Zürich
Beiträge: 4.633
Bodo sorgt für eine eindrucksvolle AtmosphäreBodo sorgt für eine eindrucksvolle AtmosphäreBodo sorgt für eine eindrucksvolle Atmosphäre
Standard

Hoi

Super, funzt, danke, gibt ein GUT

Und herzlich willkommen im Forum.
__________________
Grüsse Bodo Nach bst. Wissen, ohne Gewähr; Fragen gehören ins Forum, und nicht in mein Postfach; EibPC-Fan; Wiregate-Fan; Alix1d mit eibd, linknx, knxweb, 30x 1-Wire, mjpg_streamer, e-mail, sms, growl-notif., CUL; Dreambox8000HD stream VLC's, TV-Browser start-record; Fritzbox 7270, voip; HP ProCurve 1810G 24 GE; Zotac ZBOX HD-ND22 mit SU2300 und Ubuntu 11.10 FullHD; MusicPal; SqueezeboxBoom; NEU Russound C5; iPhone 5 IOS6.1 JB PHP Lighty
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #4  
Alt 08.08.2012, 22:01
Benutzerbild von JuMi2006
Erfahrener Benutzer
 
Registriert seit: 23.03.2011
Beiträge: 1.837
JuMi2006 sorgt für eine eindrucksvolle AtmosphäreJuMi2006 sorgt für eine eindrucksvolle AtmosphäreJuMi2006 sorgt für eine eindrucksvolle Atmosphäre
Standard

Von mir gibt es ein neidisches SEHR GUT !!! Teste ich morgen
__________________
Umgezogen? Ja! ... Fertig? Nein!
Baustelle 2.0 !
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #5  
Alt 08.08.2012, 22:24
Benutzerbild von Chris M.
Erfahrener Benutzer
 
Registriert seit: 14.12.2008
Beiträge: 4.823
Chris M. sorgt für eine eindrucksvolle AtmosphäreChris M. sorgt für eine eindrucksvolle AtmosphäreChris M. sorgt für eine eindrucksvolle AtmosphäreChris M. sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo Tobias,

willkommen im Forum!
Zitat von peuter Beitrag anzeigen
ich habe mich mal von der Smartvisu inspirieren lassen und ein neues Design erstellt.
Sehr schön! Gefällt mir gut - sowohl das Design als auch die Demo-Seite!
Zitat von peuter Beitrag anzeigen
Beim experimentieren mit den Pagejumps und der Navbar sind mir zwei Verbesserungsmöglichkeiten aufgefallen.

1. Bisher funktionieren die Pagejumps nur wenn man als target die page_id angibt, diese ändert sich aber sobald sich die Struktur der config ändert. Irgendwie finde ich das ein wenig umständlich, zumindest wenn man die config direkt ohne den Editor bearbeitet.
Besser wäre es meiner Meinung nach, wenn man in den Pagejumps den Namen der Page angeben könnte. Der angehängte Patch ermöglicht beides parallel.
Ja, das hatten wir schon mal.
Und da man gerne solche Inputs verliert bzw. vergisst hab ich's jetzt im Tracker unter https://sourceforge.net/tracker/?fun...6&atid=1251144 eingetragen.
Zitat von peuter Beitrag anzeigen
2. Die Pagejumps der gerade angezeigten Page sollte optisch hervorgehoben werden können (siehe Bild). Das ist bisher nicht möglich. Der angehängte Patch fügt dem Pagejump eine zusätzliche "active" Css-Klasse hinzu.
Hab mir die Datei noch nicht wirklich angesehen, aber ja, das macht sicherlich Sinn.
Zitat von peuter Beitrag anzeigen
In der Zip-Datei für das Design fehlt lediglich die Schriftart, da ich mich mit der ganzen Lizenzgeschichte zu wenig auskenne, hab ich die erstmal weggelassen.
Wenn wir wissen welche, können wir mal schauen ob's verträglich ist.
Bei Schriftarten muss man höllisch aufpassen, da ist leider sehr, sehr vieles nicht ordentlich oder gar falsch lizenziertes im Umlauf
Zitat von peuter Beitrag anzeigen
Sollte Interesse an dem Design bestehen, würde ich hier auch noch eine Beispiel-Config erstellen. So als eine Art Best-Practice Anleitung zum Design. Denn da ich erstmal nur die Dinge an das Design angepasst habe, die ich selbst brauche wird die ein oder andere Sache vermutlich noch komisch aussehen.
Gerne - bzw. schreib mir oder makki einfach Deinen SourceForge Account-Namen, dann können wir Dich dort freischalten und Du kannst das Design in's SVN hochladen. Da reift es wohl am besten.
__________________
TS2, B.IQ, DALI, WireGate für 1wire so wie Server für Logik und auf HomeCockpit Minor. - Bitte keine PNs, Fragen gehören in das Forum, damit jeder was von den Antworten hat!
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #6  
Alt 08.08.2012, 22:39
Benutzerbild von makki
Erfahrener Benutzer
 
Registriert seit: 07.07.2007
Beiträge: 11.779
makki sorgt für eine eindrucksvolle Atmosphäremakki sorgt für eine eindrucksvolle Atmosphäremakki sorgt für eine eindrucksvolle Atmosphäremakki sorgt für eine eindrucksvolle Atmosphäremakki sorgt für eine eindrucksvolle Atmosphäremakki sorgt für eine eindrucksvolle Atmosphäre
Daumen hoch

Sieht Klasse aus!
SF-Freischaltung: einfach den User melden..

Makki
__________________
EIB/KNX & HS3(+Lüfter+picoPSU80), Multiroom-AV mit Russound,mpd,vdr,DM8000, Profilux II+, N141 DALI, DMX, dez. Lüfter (RS485), Wärmepumpe (RS422), 30+ 1-Wire Temp,Luft&Bodenfeuchte,IRTrans
WireGate - Supportforum - bitte keine PN's!
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #7  
Alt 08.08.2012, 23:53
Benutzerbild von swiss
Erfahrener Benutzer
 
Registriert seit: 28.12.2008
Beiträge: 2.787
swiss sorgt für eine eindrucksvolle Atmosphäreswiss sorgt für eine eindrucksvolle Atmosphäreswiss sorgt für eine eindrucksvolle Atmosphäre
Standard

Wow sieht wirklich klasse aus -> Danke dafür
__________________
Gruss Patrik alias swiss
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #8  
Alt 09.08.2012, 09:32
Benutzer
 
Registriert seit: 02.02.2010
Ort: Warstein
Beiträge: 238
peuter wird schon bald berühmt werdenpeuter wird schon bald berühmt werden
Standard

Also die Schriftart heisst Dosis-Medium und ist hier zu finden:

Download Dosis Font (ex Terminal Dosis fonts). Impallari Type

Sie steht unter der Open Font License und müsste daher nach meinem Verständnis verwendbar sein. Aber da hätte ich gerne ne Bestätigung von jemandem der sich da besser mit auskennt.

Ach ja mein Sourceforge-Username ist derselbe wir hier im Forum. Wenn das mit dem Font geklärt ist lade ich das Design ins SVN.

Gruß
Tobias
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #9  
Alt 09.08.2012, 09:44
Benutzer
 
Registriert seit: 10.02.2010
Ort: Bei Bamberg
Beiträge: 158
christian523 wird schon bald berühmt werden
Standard

Hi,

also soweit ich das hier lese:
OFL-FAQ web version (1.1-update2)

darf die Schriftart unter dieser Lizenz auch sogar für kommerzielle Projekte eingesetzt werden.
__________________
Viele Grüße
Christian
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
  #10  
Alt 09.08.2012, 11:43
Benutzerbild von JuMi2006
Erfahrener Benutzer
 
Registriert seit: 23.03.2011
Beiträge: 1.837
JuMi2006 sorgt für eine eindrucksvolle AtmosphäreJuMi2006 sorgt für eine eindrucksvolle AtmosphäreJuMi2006 sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich würde mich über die Demo-Config freuen, dann kann ich mal sehen woran das hier liegt.
Ansonsten klasse Design.
Angehängte Grafiken
Dateityp: png Bildschirmfoto 2012-08-09 um 11.42.12.png (79,0 KB, 1750x aufgerufen)
__________________
Umgezogen? Ja! ... Fertig? Nein!
Baustelle 2.0 !
Bei Google nach dem markiertem Wort suchen Bei Wikipedia nach dem markiertem Wort suchen Im Forum nach dem markiertem Wort suchen
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Visualisierung] Neues Design: Planet Chris M. CometVisu 86 05.02.2013 10:22
[HS/FS] Neues Gira Design: wann verfügbar? JuergenK KNX EIB Forum 33 24.11.2008 17:45
Neues Design im Homeserver humpe KNX EIB Forum 2 10.10.2008 10:47
[HS/FS] Neues Gira Design be1001 KNX EIB Forum 8 23.06.2008 10:07
[HS/FS] Neues Gira Design "Muster mit Temperaturen" be1001 KNX EIB Forum 0 17.06.2008 14:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:24 Uhr.



SEO by vBSEO