[Layout & Skin] Zeigt hier eure Designs!

Hallo!
Hätte jemand für mich coole layouts und skins?
z.B. Radiomax Layout für Mairlist?

GLG,
Kamil

Es gibt nicht das Radiomax-Layout, da es von jedem Nutzer nach dessen Gusto konfiguriert werden kann.

1 Like
; Reminder: Used Colors in skin.ini

; Background "dark grey" (near black)
; RGB 24,24,24 = #181818

; ProTip: Defining this background color in mAirList Config > Playlist > Player as "Custom", you don’t have to write multiple times PlayerState BackgroundColors

; Please do not forget background color for each GUI screen object in mAirList Config.
; - Yes, I know this is a lot of work to do -

; Standard color "light grey" used for “active” fonts
; RGB 230,230,230 = #E6E6E6

; Color "darker grey" used for “inactive” fonts
; RGB 164,164,164 = #A4A4A4
; E.g.: Played items in Playlist, Player in CUE State not in NEXT

; Note: You can use these colors in your personal Windows “High contrast” scheme.

; Color "Amber" used for NEXT and CUE etc.
; RGB 255,156,46 = #FF9C2E

; Color "mat light green" used for PLAYING etc.
; RGB 115,222,0 = #73DE00

; Color "Turquoise light blue" used for WaveForm and ProgressBar - unfortunately it’s not the real Pioneer look-alike :-((
; RGB 0,204,255 = #00CCFF

; Color used for Instrumentals, also StopButtonBorderColor (dark red)
; RGB 128,0,0 = #800000

; Color used for Custom1 = (here used for german music)
; RGB 128,128,255 = #8080FF

; Color used for Promos, Station-IDs, News etc. (dark green)
; RGB 128,128,0 = #808000

; Color used for errors (classic red)
; RGB 128,0,0 = #FF0000

; Standard font is "Segoe UI"

[MainWindow]
Color=#181818
FontName=Segoe UI
FontColor=#E6E6E6

[Playlist]

PeakmeterColumnVisible=off

Columns=Time,Player,Timing,Icon,Title,Ramp,Duration,Link

FontName=Segoe UI
FontSize=13
ArtistFontSize=12
ToolbarBackgroundColor=#181818
RowColor=#181818
RowHeight=42
FontColor=#E7E7E7
UnfocusedSelectionColor=#181818
BacktimingFontStyle=0
TreeLineColor=#A4A4A4

; Comments on music titles
CommentFontSize=9
CommentFontStyle=2
TimeFontSize=9
PlayerColumnWidth=65
PlayerFontSize=8
PlayerFontStyle=0
IconSize=20


; Overlay on the right side of the playlist, with a small correction
; Playlist is a bit better readable during the countdown
OverlayPosition=E
OverlayPaddingX=40

TitleDisplayMode=VSplitTitleArtist
DummyTitleDisplayMode=Title



; ProgressBar
ProgressBarHeight=9
ProgressBarBorderColor=#181818
ProgressBarRemainColor=#00CCFF
ProgressBarElapsedColor=#181818

; Colors used to highlight special elements in playlist
InstrumentalFontColor=#800000
Custom1FontColor=#8080FF

NewsFontColor=#808000
PromoFontColor=#A4A400
JingleFontColor=#808000
SoundFontColor=Blue
ErrorFontColor=#FF0000
SilenceFontColor=Red
StationIDFontColor=#B789CB

; Colors defined by PlayerState (has priority to element color - please use this setting in the mAirList config)
PlayingFontColor=White
NextFontColor=White
LoadedFontColor=White

; Played elements
PlayedFontSize=10
PlayedFontColor=#A4A4A4

; Ramp countdown
OverlayFontsize=145
OverlayFontColor=#CE0000
OverlayOutlineColor=Red
OverlayBackgroundColor=#99B4D1


[PlaylistToolbar]
; Defining Button Colors:
; Active BorderColors in Cue-Amber & Playing Green, Hover in inactive grey
; No Border needed? Use BorderColor = background color ;)

; General settings
ButtonInactiveHoverColor=#A4A4A4
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverBorderColor=#181818
ButtonActiveHoverBorderColor=#181818

; Event
; Please note - Event is ALWAYS “Inactive”
EventButtonInactiveBorderColor=#FF9C2E
EventButtonInactiveHoverBorderColor=#73DE00

; Assist / Auto combined
AssistAutoButtonInactiveBorderColor=#FF9C2E
AssistAutoButtonActiveBorderColor=#73DE00
AssistAutoButtonActiveFontColor=#FF9C2E
; while hovering the BorderColors of Active / Inactive will be switched ;)
AssistAutoButtonInactiveHoverBorderColor=#73DE00
AssistAutoButtonActiveHoverBorderColor=#FF9C2E
; Assist / Auto seperated
AutoButtonInactiveBorderColor=#FF9C2E
AutoButtonActiveBorderColor=#73DE00
AutoButtonActiveFontColor=Black
AutoButtonInactiveHoverBorderColor=#73DE00
AutoButtonActiveHoverBorderColor=#FF9C2E

AssistButtonInactiveBorderColor=#FF9C2E
AssistButtonActiveBorderColor=#73DE00
AssistButtonActiveFontColor=Black
AssistButtonInactiveHoverBorderColor=#73DE00
AssistButtonActiveHoverBorderColor=#FF9C2E

; Stop / Play
StopButtonActiveBorderColor=#FF9C2E
StopButtonActiveHoverBorderColor=#800000

; The Play-Button is always Inactive as well as the Event button
PlayButtonInactiveBorderColor=#FF9C2E
PlayButtonInactiveHoverBorderColor=#73DE00

[Player]
FontName=Segoe UI

; Making PlayerBorder invisible
BorderColor=#181818

; WaveForm inside the player
WaveFormInactiveColor=#181818
WaveFormBackgroundColor=#181818
WaveFormBorderColor=#181818
WaveformNormalColor=#00CCFF
WaveFormPlayedColor=#181818
WaveFormHeight=35

; Button inside the player
; General settings
ButtonSize=28
ButtonBorderColor=#181818
ButtonActiveHoverColor=#A4A4A4
ButtonInactiveHoverColor=#A4A4A4

; State defined settings
; Here is still something to change; the work on that part is not yet done!
StartButtonInactiveBorderColor=#73DE00
PauseButtonInactiveBorderColor=#FF9C2E
StopButtonActiveBorderColor=#800000
StopButtonInactiveBorderColor=#800000
PFLButtonInactiveBorderColor=#FF9C2E
PFLButtonActiveBorderColor=#FF9C2E

; EOF-Warning: Since I don’t wanted a high contrast flashing, I decided to use deep black.
FlashEOFColor=#000000

; Font sizes and -colors inside the player;
; the colors vary depending on the PlayerState.
NameFontSize=18
TimeFontSize=13
StateFontSize=10
TitleFontSize=13
ArtistFontSize=11

EmptyNameFontColor=#A4A4A4

NextTitleFontColor=#FF9C2E
NextArtistFontColor=#FF9C2E
NextStateFontColor=#FF9C2E

PlayingStateFontColor=Black
PlayingTitleFontColor=Black
PlayingArtistFontColor=Black

LoadedNameFontColor=#A4A4A4
LoadedStateFontColor=#FF9C2E
LoadedTitleFontColor=#A4A4A4
LoadedArtistFontColor=#A4A4A4
LoadedTimeFontColor=#A4A4A4

NextNameFontColor=#FF9C2E
NextTitleFontColor=#FF9C2E
NextArtistFontColor=#FF9C2E
NextStateFontColor=#FF9C2E
NextTimeFontColor=#FF9C2E

[Player0_0]
WaveformNormalColor=#A9B700

[Player0_1]
WaveformNormalColor=Blue

[Cartwall]
FontStyle=0
FontName=Segoe UI
NameFontSize=0
TitleFontSize=8
ArtistFontSize=0
IndexFontSize=9
TabFontSize=7
ElapsedColor=#FFFFFF
PlayingFontStyle=2
TimeFontSize=7
TabColorTabActive=DarkRed
TabColorTabHot=#3A5269

 
; ProgressBar
ProgressBarBorderColor=#181818
ProgressBarRemainColor=Cyan
ProgressBarElapsedColor=#181818


[CartwallToolbar]
DesignModeButtonVisible=off
PFLButtonVisible=off
NextButtonVisible=off
ClosePageButtonVisible=off
OnAirButtonVisible=off

[webbrowser]
FontSize=8

[MixEditor]
WaveformNormalColor=WaveformFocused



Das kommt mir irgendwie bekannt vor… :thinking:

1 Like

© Uli Nobbe !! and Stefan !! What would my Mairlist design be without U2 ?!

1 Like

das ist mein Design ein bisschen sehr schlicht gehalten aber mir gefällt es und ich bin auch ein riesen Fan der Software weil die funktioniert besser als alles andere was ich vorher hatte.
ach übrigens bei mir sind nur die 90er in der Farbe ich hatte zu der Zeit gerade eine 90er Sendung gemacht

Vielen Dank fürs Teilen deines Layouts.

Einen Tipp möchte ich dir noch mit auf den Weg geben: Der LINE Button als Bestandteil des Encoder-Status ist überflüssig, wenn du diesem Rat folgst: Hilfreiche Tipps und Tricks rund um mAirList - #9 by UliNobbe

vielen Dank für den Tipp

hallo ich versuch schon seid Tagen entweder ein Hintergrundbild oder eine Farbe als Hintergrund festzulegen

weder

noch

funktionieren

Hab ich vielleicht was übersehen?

P.S. Das der Dateipfad ein anderer ist ist mir bekannt hat auch kein Erfolg gebracht

Was genau möchtest du denn damit bezwecken? Wenn du einfach nur mAirList im Dark Mode nutzen möchtest, kannst du dafür den entsprechenden Modus über den Pfeil neben dem mAirList-Logo im Playout-Fenster aktivieren:
DarkMode

den hab ich bereits aktiviert aber ich möchte (sofern es möglich ist) eigenes Hintergrundbild einbinden zur wieteren Personalisierung die eh schon mega ausgedehnt ist

Wo genau soll denn das Bild platziert werden? Meiner Erfahrung nach, wirst du von einem mehrfarbigen Hintergrundbild bei mAirList nicht viel haben, da die Elemente, die du eben zum senden brauchst, den Großteil davon überdecken werden.

Wenn es dir einfach nur um die Einbindung des Senderlogos geht, kannst du das in der Konfiguration als GUI-Element machen und das Bild dann in der Seitenleiste platzieren bzw. bei umfangreicheren Wünschen das Bild auch nachträglich mit dem mitgelieferten Layout-Designer noch individueller platzieren (auch mit z-index).

GUI in der Config:

Den Layout-Designer findest du in der Regel im Windows-Startmenü im mAirList-Ordner.

2 Likes

ja ist aber nicht das wahre Gelb vom Ei
das weiß ich auch alles was du beschreibst

Aber schau dir mal das Bild an

Das sieht in meinen Augen auch Schnieke aus und sowas in die Richtung war auch mein Gedanke

KLAR das man hinter den Elementen nichts sieht … Aber es muss doch irgendwie gehen oder ist diese Funktion wieder raus
reference:skin.ini_reference [mAirList Wiki].

LG

Na klar: Alles aus GUI-Elementen zusammengefummelt. Hintergrundbild, Textelemente, Encoder und, und, und …

2 Likes

Vielleicht bin ich bezüglich des Layouts und der Bedienung etwas altmodisch. Es muss für mich eben schlicht und übersichtlich sein - ohne viele Spielereien. Und ja, hier werkelt sogar noch 'ne modifizierte Preh-Tastatur neben dem Airlite.

Hier ein Foto des aktuellen Layouts aus dem Jahr 2021 aus der Sicht vom Platz des Co-Moderators:

3 Likes

Das sind auch alles einfach nur Bilder, wie Tondose auch schon schrieb. Dass das 2013 halt etwas anders lief, ist nicht verwunderlich. In den 11 Jahren wurde mAirList deutlich weiterentwickelt. Die Bilder bindest du über GUI ein und legst sie dir dann halt im Layout-Designer zurecht. Das schrieb ich ja oben schon.

Auch alle anderen Elemente (Texte, Buttons, usw.) legst du unter GUI an und kannst sie im Layout-Designer verschieben und übereinander legen wie du möchtest. Dann hast du es so, wie im Bild.

2 Likes

Vermutlich liegt hier der Kern einer Reihe von Missverständnissen.
Meines Wissens, und ich nutze mAirList seit v1.x, gab es diese Funktion im Sinne von “nicht überdecken” noch nie.

Ich vermute, dass du denkst, es gäbe bei den jeweiligen Layout-Elementen eine “Hintergrundfarbe transparent”, so dass die unter dem Bildschirmelement liegende Grafik gewissermaßen automatisch zum Vorschein käme.

Dem ist nicht so.

Jedes Bildschirmelement, ob automatisch vorhanden (Playlist, Player sowie optional Toolbar, Browser und Cartwall) oder nachträglich über Konfiguration > GUI > Bildschirmobjekte hinzugefügt, hat immer eine Hintergrundfarbe und eine Schriftfarbe.
Und das überdeckt nun mal stets den Hintergrund.

Könnte hier ein möglicher Denkfehler liegen?

2 Likes

…oder ihr redet aneinander vorbei bzw. das Geschrieben kommt bei Dir falsch an?

Du kannst ein Bild einfügen und im Layout-Designer platzieren, wenn nötig über die ganze Breite.

Mit dem z-Index legst Du dann die Stapelung fest - geringere Werte werden von höheren Werten überlagert.

Setzt Du also den Z-Index für das Bildschirmobjekt auf 0 und alle anderen Objekte wie Player, PL etc. auf 1, hast Du ein frei platzierbares Hintergrundbild.

2 Likes

Ich werd mal die Tage einem Gedanken nachgehen, der mir beim Lesen eurer Antworten gekommen ist.

Ich meld mich und sage trotzdem Danke für die Hilfe bisher.

1 Like

so Mädels und Jungs.
ich hab eben komplett neu begonnen

ich hab mein Layout zurück gesetzt (Automatischen Layout) und habe alle Bildschirmobjekte deaktiviert die sich deaktivieren liesen.
bin in meine C:\ProgramData\mAirList\7.x\config\skin.ini gegangen und habe (für mich ein TestBild)

[MainWindow]
Background=C:\ProgramData\mAirList\7.x\config\hintergrund.jpg

eingefügt.

Es funktioniert.


genau dieses war mein Begehren.


Nun heißt es (für mich) ein schönes Hintergrundbild anfertigen (wie ich es möchte) und alle Elemente passend “anpassen”


das ist das was bei mir nicht funktioniert hatte aus einem noch nicht definierbaren Grund


Ich kann es leider nicht rekonstruieren warum es bis Gestern nicht funktionierte.
Ich habe alle Element mindestens einmal zur Seite gezogen um dahinter zu schauen ob das Hintergrund Bild vorhanden ist. Leider war es das nicht


Mir ist das folgende schon vorher bekannt gewesen!


folgendes glaube ich auch:


Danke trotzdem vielmals an alle beteiligten für Ihre Hilfe
Auch wenn man vielleicht den anderen missverstanden hat. passiert

LG Rene