CSS Files für die Darstellung

Benutzeravatar
Zoltan
Beiträge: 622
Registriert: 18.09.2018, 11:34
Wohnort: Wien
Hat sich bedankt: 107 Mal
Danksagung erhalten: 8 Mal
Kontaktdaten:

Re: "Blank" PWM für DAUs

Beitrag von Zoltan » 30.04.2019, 21:11

Hm. Kann sein, dass wir Schmarrn auf unsere ESPs laden, die aber trotzdem nicht nur funktionieren, sondern sogar eine bessere Bedienoberfläche geben? Wie ist das möglich?

*zeer werduzzt gukken*

LGZ
LG Zoltan
Mein YT Kanal: www.youtube.com/@oldnat

Benutzeravatar
Zoltan
Beiträge: 622
Registriert: 18.09.2018, 11:34
Wohnort: Wien
Hat sich bedankt: 107 Mal
Danksagung erhalten: 8 Mal
Kontaktdaten:

Re: "Blank" PWM für DAUs

Beitrag von Zoltan » 05.05.2019, 10:38

Und nochmals zurück zu css und milligram.

Natürlich hat Sven Recht, die beiden Varianten sind dermaßen total different, und zwar in dem Sinne, dass die "Größeren" von Norbert wirklich nicht "neuere Versionen" Files von Sven sondern die Stylesheets vom Githuib selber sind, genau, wie Sven es gesagt hat.

Da tun sich aber Fragen auf:
Zoltan hat geschrieben:
30.04.2019, 21:11
...Kann sein, dass wir Schmarrn auf unsere ESPs laden...
Diese erste Frage, ob wir Schmarrn auf unsere d1 geladen haben, ist eindeutig mit "ja" beantwortet.

Die zweite Frage ist:
Zoltan hat geschrieben:
30.04.2019, 21:11
... die aber trotzdem nicht nur funktionieren, sondern sogar eine bessere Bedienoberfläche geben - wie ist das möglich?
Ja, wie ist das möglich?

Klar ist die Antwort für mich da schleierhaft, da ich keine Ahnung vo Stylesheets habe.
Und, est ist äußerst mühsam, in den milligram von Sven etwas herauszufinden, da das ganze ja praktisch eine einzige Linie ist, und da ich mich mit der Struktur nicht auskenne, weiß ich nicht wirklich, wie ich das aufbrechen könnte, um zB. den Slider zu suchen.

(So langsam mutiert dieser Thread zum "Sven lehrt Zoltan das ESP-Programmieren... wobei ich zig Webseiten auch alleine durchstöbere und schon veieles gelernt habe, aber mit Zaunpfahlwinks geht es doch besser :))

DLG Zoltan



:
LG Zoltan
Mein YT Kanal: www.youtube.com/@oldnat

little.yoda
Site Admin
Beiträge: 882
Registriert: 14.09.2018, 19:05
Hat sich bedankt: 33 Mal
Danksagung erhalten: 143 Mal

Re: CSS Files für die Darstellung

Beitrag von little.yoda » 05.05.2019, 12:34

Wahrscheinlich sind die Link-Anweisungen für die GITHUB-eigenen CSS Anweisungen vom Browser interpretiert worden.

Dass könnt ihr aber ausprobieren:

Alle CSS-Dateien auf dem ESP8266 löschen.
Die beigefügte Datei entpacken und die css.css Datei hochladen.

Die css.css beinhaltet die wichtigsten css-Dateien, die Github nutzt.

Die ausführliche (=nicht mini-Version) kannst du dir einfach herunterladen:
https://milligram.io/
Dateianhänge
css.zip
(90.63 KiB) 259-mal heruntergeladen

Benutzeravatar
Zoltan
Beiträge: 622
Registriert: 18.09.2018, 11:34
Wohnort: Wien
Hat sich bedankt: 107 Mal
Danksagung erhalten: 8 Mal
Kontaktdaten:

Re: CSS Files für die Darstellung

Beitrag von Zoltan » 05.05.2019, 13:09

Nicht ganz klar.

Die css im Zip ist etwa 250-mal größer wie deine css.
Nachdem das aber auch in Bulk Format ist, fand ich natürlich nicht heraus, was er tut und was und wieviel man davon braucht. Aber eine größere Datei frißt mehr Speicher und verlangsamt wohl auch alles, oder?
Und noch dazu hast du irgendwo gesagt, dass man css.css eigentlich gar nicht braucht?

Das milligram werde ich versuchen, azuschauen, ob ich davon etwas verstehe, ist fraglich.
Das einzige, was ich bemerkt habe, ist dass deine Version 1.1 aus 2016 ist, und auf der Webseite ist Version 1.3 aus 2017.
Aber bis ich verstehe, was das überhaupt ist, kann ich die Unterschide auch nicht erkennen :D
Aber vielleicht liegt genau hier dir Uunterschied zwischen dem "alten" Slider und den neuen?

Na gehen wir erstmal studieren.

LG Zoltan
LG Zoltan
Mein YT Kanal: www.youtube.com/@oldnat

little.yoda
Site Admin
Beiträge: 882
Registriert: 14.09.2018, 19:05
Hat sich bedankt: 33 Mal
Danksagung erhalten: 143 Mal

Re: CSS Files für die Darstellung

Beitrag von little.yoda » 05.05.2019, 14:58

Also ...

CSS beschreibt, wie eine Webseite formatiert werden soll. Das beigefügte Foto zeigt, wie das Forum ohne Formatierung aussehen würde.

Mit den CSS Dateien kannst du nun das Aussehen vorändern.

Bei Github gibt es anscheinend eine schöne Form für Slider.

Die Größe spielt nur einmal eine Rolle, wenn nämlich dein Browser die Seite das erste mal geöffnet hat.
Danach nutzt der Browser die Datei aus dem Cache.
Dateianhänge
ForumOhneCSS.png
ForumOhneCSS.png (59.41 KiB) 6162 mal betrachtet

Benutzeravatar
Zoltan
Beiträge: 622
Registriert: 18.09.2018, 11:34
Wohnort: Wien
Hat sich bedankt: 107 Mal
Danksagung erhalten: 8 Mal
Kontaktdaten:

Re: CSS Files für die Darstellung

Beitrag von Zoltan » 05.05.2019, 17:23

Vielen Dank, Sven, nun ist alles klar, und auch habe ich verstanden, warum manchmal Webseiten in einem oder anderen alten Browser mal "komisch" aussehen - die können wohl nicht mit komplexen css umgehen.

So langsam wird mir diese Welt etwas heller :)

Es wäre schön, das Teil mit dem Slider zu finden und nur das einzubauen, vielleicht verändern. Nachdem ich damit scheinbar nicht viel Schaden anrichten kann,.mache ich mich an diese Aschenputtelarbeit. Könntest du vielleicht mir zeigen, wo in deinen css Dateien dein Slider "versteckt" ist?
EDIT: ich habe es gefunden, und versuche mich jetzt dran... das originale habe ich natürlich weggesichert (obwohl ich kann es immer noch vom GitHub holen wenn nötig...

LG Zoltan
LG Zoltan
Mein YT Kanal: www.youtube.com/@oldnat

Benutzeravatar
Zoltan
Beiträge: 622
Registriert: 18.09.2018, 11:34
Wohnort: Wien
Hat sich bedankt: 107 Mal
Danksagung erhalten: 8 Mal
Kontaktdaten:

Re: CSS Files für die Darstellung

Beitrag von Zoltan » 06.05.2019, 18:06

Nun habe ich den Slider geändert.
Ich kann es zZ. nicht "live" ausprobieren weilich zZ. nicht in der Nähe eines SvenModuls bin.
Ich hänge es hier an, vielleicht kann es jemand testen?

css.css.zip
(761 Bytes) 262-mal heruntergeladen

Ich habe nur 3 Änderungen gemacht: Slider Länge statt fix 300 pc 96% relativ zur Breite, damit es den Bildschirm ausfüllt, Farbe des Sliderknopfes vom GoldenRod zu FullRed, und Form des Knopfes zu HochOval (statt 16x16 px 16x50 px).
Die Originalen Zeilen ließ ich als Komment in <!...> stehen (damit man es evtl. schnell zurückbauen kann falls es doch nicht okay ist).

DLG Zoltan
LG Zoltan
Mein YT Kanal: www.youtube.com/@oldnat

Ralf_St.
Beiträge: 355
Registriert: 18.09.2018, 01:14
Hat sich bedankt: 67 Mal
Danksagung erhalten: 17 Mal

Re: CSS Files für die Darstellung

Beitrag von Ralf_St. » 07.05.2019, 02:07

Hallo

Was die SSID angeht, gibt es keine min. /max.!
Obwohl, bei max. bin ich mir nicht sicher, sollte aber für unsere Anwendungen nicht so wichtig sein.

Viel Spaß weiterhin, ich jedenfalls habe ihn!
Gruß, Ralf

Benutzeravatar
Zoltan
Beiträge: 622
Registriert: 18.09.2018, 11:34
Wohnort: Wien
Hat sich bedankt: 107 Mal
Danksagung erhalten: 8 Mal
Kontaktdaten:

Re: CSS Files für die Darstellung

Beitrag von Zoltan » 09.05.2019, 09:39

Update zu css: Nachdem der Handybrowser kein Firefox ist, genügt nicht das Umbauen der -moz- Sektionen, sondern auch die anderen müssen umgebaut werden. Nächster Versuch:

css.css.zip
(717 Bytes) 263-mal heruntergeladen

LG Zoltan
LG Zoltan
Mein YT Kanal: www.youtube.com/@oldnat

Antworten