Einfach mal zeigen will….. :-) - Teil 3

[dos1973]

@Wiggins
Du brauchts auf jedenfall das material design
https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

Dis css kommt nach project.
Ich hatte nicht wirklich Zeit, der Rest sind bisher nur ideen, nichts was zum zeigen wäre

[Wiggins]

@dos1973 Dankeschön! OK, dann spiel ich mal weiter damit. Aber find Dein Design mega!

[NukNuk]

@darkiop sag mal würdest du deine Views zur Verfügung stellen? Sieht auf dem kleinen Vorblick echt schick aus.

[darkiop]

@NukNuk sagte in Einfach mal zeigen will….. - Teil 3:

@darkiop sag mal würdest du deine Views zur Verfügung stellen? Sieht auf dem kleinen Vorblick echt schick aus.

Gern, schau mal hier (gibt aber auch noch die ein oder andere Baustelle in meiner VIS :)):

2020-02-08-vis-darkiop.zip

[skokarl]

@dos1973

Hammer !!!

[skokarl]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

Startseite

würdest Du auch mal nur die Startseite exportieren ?
Ich möchte mir mal die Farben und das Design angucken.

[dos1973]

@skokarl
Paar posts vorher gibt es den export.

[skokarl]

@dos1973

DANKE, aber

nee, das ist ja das ganze Projekt, und ich weiß gar nicht ob ich ein zweites Projekt importierten kann ohne mein original kaputt zu machen.

Die einzelne View wäre mir lieber.

[Agria4800]

@skokarl
Einfach als neues Projekt importieren..
Da passiert einer View nix...

[NukNuk]

@darkiop vielen Dank, kann ich heut gleich mal etwas stöbern

[skokarl]

Was macht dieser Button ?

[Negalein]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

Paar posts vorher gibt es den export.

Servus

Hab gesehen, dass du im CSS blur definiert hast.
Könnte ich den CSS-Code haben?

[Glasfaser]

@Negalein

Hier der CSS aus seinem Projekt :

Spoiler

.hintegrundfarbe_bigbox{
background: #484A5C;
border:1px solid #2B2D3B;
}

/* das hellblaue 4F5165
/*3E404C */


.kod_fanart_verlauf{
box-shadow: inset 700px 0px 150px 8px #161616;

}



.small_button_aktiv{
   border:#7F808F solid 0.5px;
   border-radius:4px;
   border-left-color:#7F808F;
   border-left-width: 10px;
   box-sizing:border-box;
}

.shadown_hg{
   box-shadow: 0px 10px 35px -10px
   #202020;
}

.shadown_box{
   box-shadow: 0px 12px 35px -12px #000;
}


.Menue_ueberschrift{
   font-size:20px;
   font-family:Jura-DemiBold;
   color:#fff;
}

.linie_unten{
border-bottom: 0.2px solid #acacac;
opacity:0.5;
}

.linie_oben_unten{
border-top: 2px solid #2B2D3B;
border-bottom: 2px solid #2B2D3B;

}

.linie_rechts{
border-right: 1px solid #000;
border-left: 0px solid #000;
border-top: 0px solid #000;
border-bottom: 1px solid #000;
}

/* ########################## */

.zentrieren div {
   display: flex;
   align-items: center; /* vertikal*/
   justify-content: center; /* horizontal */
}

.zentrieren_links div {
   display: flex;
   align-items: center; /* vertikal*/
   justify-content: left; /* horizontal */
}

.zentrieren_unten div {
   display: flex;
   align-items: flex-end; /* vertikal*/
   justify-content: center; /* horizontal */
}

.zentrieren_oben_center div {
   display: flex;
   justify-content: center; /* horizontal */
}

.zentrieren_oben_links div {
   display: flex;
   align-items: left; /* vertikal*/
}



/* ########################## */


.blur{
     /* Add the blur effect */
    filter: blur(2px);
   -webkit-filter: blur(10px);
}

.blur2{
     /* Add the blur effect */
    filter: blur(4px);
   -webkit-filter: blur(10px);
}

.blur3{
     /* Add the blur effect */
    filter: blur(1px);
   -webkit-filter: blur(2px);
}

[dos1973]

@skokarl
In dem export noch nichts, bastel noch. Aber dort gehts dann zur Übersicht medien etc

Aktuell zeigt er nur das aktuelle Tv Programm

[Negalein]

@Glasfaser sagte in Einfach mal zeigen will….. - Teil 3:

Hier der CSS aus seinem Projekt :

Danke dir

[eviltrooper]

@Flexer
Welches Video hast du den dort runtergeladen

[Mic]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

ich habe auch mal wieder alles umgeworfen
(...)

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

anbei das VIS, wie oben gezeigt (...)
2020-01-15-home6-2.zip

Vielen Dank hiefür! Sehr harmonisch, ausgewogen, smart gewählte Farben, Aufbau etc. Diente für ein Tablet sehr zu Inspiration, habe vieles übernommen.
Auch unter meiner erstmaliger Einbindung vom Widget AppBar (materialdesign Widgets, danke an @Scrounger

[dos1973]

@Mic

Zeig her, wir wollen es sehen...

[Mic]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

Zeig her, wir wollen es sehen...

Gerne, dauert aber noch etwas, bin noch am basteln.

[sveni_lee]

@Mic
wie hast Du die Einbindung vom Widget AppBar hinbekommen?
Es ist ja ein fadlicher Hintergrund überlagert von dem Image...