EDOMI - Zeigt her eure Visus!

[NurMa]

Interessant wie sich viele Entwürfe am Quad Client und dem G1 orientieren. Als nicht gerade design-begabten Mensch habe ich mich für die ersten Versuche auch davon inspirieren lassen.

2016-03-04 07_48_24-EDOMI · Visualisierung - Chromium Portable.png 2016-03-04 07_49_27-EDOMI · Visualisierung - Chromium Portable.png 2016-03-04 07_49_42-EDOMI · Visualisierung - Chromium Portable.png

[hartmut]

Ich bin immer noch am Testen, in dunkelrot ist es auch sehr schön. (-webkit-linear-gradient(129deg, #B40000 0%, #4A0000 100%) )

handy.png

[Simone]

ok, aber das CSS ist dann nur für den Farbverlauf ich kann hier keine Tabelle per CSS machen.

@danke rdeckard & mrmirror das mit der Designvorlage/Gitter Elemente schau ich mir an

[gaert]

...aber vermutlich nicht so easy umzusetzen

So isset Würde ich nicht unbedingt morgen schon mit rechnen...

[rdeckard]

Tipp noch: Falls du mehrere solcher Linien erstellst und dafür logischerweise auch mehrere Elemente benötigst, kannst du eine Designvorlage erstellen und diese dann für diese Art von Linien-Elementen verwenden. Hat den Vorteil, dass du nur die Designvorlage ändern musst (z.B. Farbe) und alle deine Linien (Elemente) werden auch aktualisiert. Ansonsten müsstest du dich durch jedes Element einzeln durchklicken, da Edomi (noch) keine Mehrfach-Editierung erlaubt. (Einer meiner grössten Wünsche für den Visu-Editor, aber vermutlich nicht so easy umzusetzen.)

[gaert]

Oder sowas nutzen: http://angrytools.com/gradient/

Dort natürlich nur den CSS-Quelltext von /* safari5.1+,chrome10+ */ kopieren...

Macht einiges einfacher - wenn auch nicht alles (da nicht vollständig)

Um es gleich vorweg zu nehmen: Jaja, irgendwann ist sowas dann in EDOMI eingebaut...

[MrMirror]

Simone du bist auf dem richtigen weg: statt "top" am Anfang der Klammer kannst du einen beliebigen Winkel eintragen und so den Verlauf in die Richtung drehen, die du möchtest.
Weiterhin habe ich das "Gitter" einfach mit der "Rahmen"-Funktion im jeweiligen Visuelement erstellt, einfach nur vertikal oder horizontal eintragen, den Rest auf Transparent stellen, so kannst du die da beliebig was zusammenbauen, komplett ohne Grafiken!

[Simone]

MrMirror kannst du kurz erklären wo du in Edomi die CSS Vorlage hinterlegst?

Also den blauen Farbverlauf kann man wie ich festgestellt habe ganz einfach über eine neue Farbe und zb. Farbdefinition
-webkit-linear-gradient(top, #195486 30%, #539edf 100%) erreichen

Jetzt frage ich mich wie ich ein Gitter hinbekommen kann, entweder über ein transparentes Bild ?oder?

[coliflower]

…….

[gaert]

Doch, heute schon

[BadSmiley]

Wie? Das update kommt heute nicht mehr?!

[gaert]

Zum Thema Schriftarten:

Aktuell ist ein Bug in der 1.19 - es wird in der Visualisierung IMMER die Standard-Schriftart angezeigt... (Tippfehler meinerseits). Sorry dafür!

Wer's nicht bis 1.20 abwarten mag:

Die Datei www/admin/apps/app100.php abändern und danach das Projekt neu aktivieren:

Ungefähr in Zeile 1570 steht

                if (!isEmpty($design['s12'])) {$css.='font-family:'.$design['s13'].';';} 

dies abändern in

                if (!isEmpty($design['s13'])) {$css.='font-family:'.$design['s13'].';';} 

[MrMirror]

[MrMirror]

Ich hab mir mal ne Vorlage aus CSS gebastelt, allerdings bin ich mit den "Schaltern" noch nicht so zufreiden, da man den Button halt nicht schiebt, sondern anklicken muss (hier arbeite ich mit einem X-Versatz)... habt ihr da Alternativen?

[saegefisch]

Mit edomi kann man solche Farbverläufe mit ganz einfachen bordmittel machen. Wenn meine Designs wieder gehen, liefere ich da gerne was zu. Am besten wohl dann ins Wiki.
CSS ist recht mächtig...für Farbverläufe würde ich keine Bilder mehr nehmen. Radial, linear, schräg verlaufend,...Auch plastisch wirkende Kanten wie oben im QC gehen wunderbar mit mehrstufigen farbverläufen.

das gute daran: man kann die Farbe direkt in Edomi ändern. Ich habe auch schon damit experimentiert, um z.b einen Alarm in der Hintergrundfarbe zu visualisieren. Oder in überlagerten Objekten, die sonst 100% transparent sind. Unfassbar viele Optionen. Zu viele!!!

Noch mal: Danke für deine visu-Vorstellung.