Lay out designer

Alweer bedankt voor jullie support. Wat is de volgende stap?

1 Like

Weet even je naam niet vind ik wel zo netjes communiceren… Ik heb gedaan wat je zei. wat nu?
Bij jou is het een “ini” bestand bij mij nog niet.Bij mij staan er zowieso geen ïni bestanden in.

Ja, natuurlijk, zie hier je foto.

Ik begrijp je niet zo goed .Hoe krijg ik het een ïni bestand?

De skin.ini open je met een teksteditor (vanuit Windows) of een andere software, bijvoorbeeld Notepad++.

Je kunt het zelfs openen met een Tekstverwerkingsprogramma als je het opnieuw opslaat als “plain text” (dat is het formaat).

Bij mij ziet het er zo uit (voorbeeld):

Sorry dat ik je lastig val maar het lukt echt niet. Ik heb ook het programma ook maar als ik het bestand op wil slaan krijg ik een foutmelding.


Twee keer openen in twee verschillende programma’s?
U kunt een bestand niet opslaan als het ook ergens anders geopend is. Dit leidt tot conflicten met schrijftoegang (welke versie mag welke overschrijven?).

Hiep hiep hoera. Het is gelukt!! Super bedankt.
Achter de de benaming staan allemaal cijfer code’s voor de kleuren e.d.
voorbeeld; ( ToolbarBackgroundColor=#333333) . Is daar een lijst van of zoiets.
P.S. Heb je misschien nog "mooie voorbeelden van layouts?

De hexadecimale codes volgen het RGB-schema (rood, groen, blauw):
#RRGGBB

Een kleur heeft de hexadecimale waarde van 00 (0; 0%) tot FF (255; 100%).
Een rood veld heet #FF0000.
Hieruit ontstaan ​​de kleurmengingen.

Er zijn talloze tabellen en hulpprogramma’s die de bijbehorende waarden voor de kleuren berekenen.

De Nederlandse vlag :netherlands: zou als volgt worden omschreven:

#AF1623
#FFFFFF
#1A448C

:sunglasses:

super bedankt je heb mij heel goed geholpen.

1 Like

Hallo Kris.
Nogmaals bedankt voor je hulp. Zo,n skin maken is wel leuk om te doen maar ook zeer tijdrovend. Heb jij misschien een skin.ini bestand van een kompleet skin en layout die klaar is.

Jammer genoeg niet. Bij ons staat die gewoon in de basic geleverde versie. Er zou nooit consensus zijn over hoe hij eruit zou moeten zien…

Beste Jos,

Hierbij de ini die ik al een aantal jaar gebruik, je zult uiteraard zelf nog één en ander moeten aanpassen want deze heb ik speciaal voor mijn specifieke situatie gemaakt.

Succes!

Ed

[DatabaseLibrary]
FontName=Calibri
FontSize=9


[MainWindow]

Color=#aac4d2

[Toolbar]
FontName=Calibri
FontSize=9
// FontColor=#ff0000			// werkt nog niet


[BrowserToolbar]
FontName=Calibri
FontSize=9
// FontColor=#ff0000


[CartWall]
WindowBackgroundColor=#aac4d2
OnAirBackgroundColor=#899eaa
OffAirBackgroundColor=#aac4d2
PFLBackgroundColor=#899eaa
OnAirPlayingColor=#0b0330
PFLPlayingColor=#0b0330
IndexFontName=Digital-7
IndexFontSize=12
TitleFontName=Calibri
TitleFontSize=12
TimeFontName=Digital-7
TimeFontSize=16

// ButtonSize=20
// ButtonColor=#c4bf8e
// ButtonBorderColor=#003F8E
// LoadedColor=#B5CAFF
// EmptyColor=#6181CE
// PlayingColor=#FF0000
// NameFontName=Tahoma
// NameFontSize=8
// NameFontColor=#003F8E
// TitleFontName=Tahoma
// TitleFontSize=8
// TitleFontColor=#003F8E
// TimeFontName=Tahoma
// TimeFontSize=10
// TimeFontColor=#003F8E
// StateFontSize=0
// ProgressBarRemainColor=#B5CAFF
// ProgressBarElapsedColor=#003F8E
// ProgressBarHeight=10


[CartwallToolbar]
NextButtonVisible=off
// DesignModeButtonVisible=off


[PlaylistToolbar]
ButtonActiveColor=#0b0330
ButtonActiveBorderColor=#aac4d2
ButtonActiveFontName=Digital-7
ButtonActiveFontColor=#ff0000
ButtonActiveFontSize=20

ButtonActiveHoverColor=#0b0330
ButtonActiveHoverBorderColor=#aac4d2
ButtonActiveHoverFontName=Digital-7
ButtonActiveHoverFontColor=#ff0000		// voorheen #ff8804
ButtonActiveHoverFontSize=20

ButtonInactiveHoverColor=#0b0330
ButtonInactiveHoverBorderColor=#aac4d2
ButtonInactiveHoverFontName=Digital-7
ButtonInactiveHoverFontColor=#aac4d2
ButtonInactiveHoverFontSize=20

ButtonInactiveColor=#0b0330
ButtonInactiveBorderColor=#0b0330
ButtonInactiveFontName=Digital-7
ButtonInactiveFontSize=20
ButtonInactiveFontColor=#939090

BackgroundColor=#0b0330


[Playlist]
FontName=Calibri                               // Font en stijl van alle overige elementen
FontSize=10
FontStyle=0
FontColor=#939090
RowColor=#0b0330				// voorheen (donkerder)
// AlternateRowColor=#050218			// voorheen #7b8e99
// PlayingFontColor=#00ffff
// NextFontColor=#ff8804
PlayedFontColor=#ffffff				// voorheen #ffc04c
// PlayingRowColor=#6E7F89                         // voorheen #62717A		
FocusedSelectionColor=#160666                  // #7b8e99
FocusedSelectionBorderColor=#0b0330            // #7b8e99
UnfocusedSelectionColor=#aac4d2
UnfocusedSelectionBorderColor=#aac4d2
// TimeFontName=Digital-7
// TimeFontSize=12
// TimeFontStyle=0
// TimeFontColor=#939090
DurationFontName=Calibri
DurationFontSize=10
DurationFontColor=#939090
BacktimingFontName=Calibri
BackTimingFontSize=12
BacktimingFontColor=#939090
FadeBacktimingFontColor=#ffffff
PlayingBacktimingFontColor=#939090
NextBacktimingFontColor=#939090
LoadedBacktimingFontColor=#939090
PlayingPlayerNameFontColor=#00ffff
NextPlayerNameFontColor=#ff8804
LoadedPlayerNameFontColor=#939090

AttributeFontName=Calibri
AttributeFontSize=10
AttributeFontColor=#939090

BackgroundColor=#0b0330				   // Kleur van de lege playlist
GridLineStyle=dotted
VertGridLines=off
HideSelection=on
TreeLineColor=#939090

ArtistFontName=Calibri
ArtistFontSize=13
ArtistFontStyle=1
TitleFontName=Calibri
TitleFontSize=13
TitleFontStyle=0

PlayingFontColor=#00ffff
NextFontColor=#ff8804
PausedFontColor=#bebcbc
FadingFontColor=#ff0000
DummyRowColor=#ffc04c
// DummyFontColor=#000000
SkippedRowColor=#ffc04c
SkippedFontColor=#000000
OverflowRowColor=#ffc04c
OverflowFontColor=#000000
UnderrunRowColor=#ffc04c
UnderrunFontColor=#000000
EmptyRoWColor=#ffc04c
// EmptyFontColor=#000000
ErrorRowColor=#ffc04c
ErrorFontColor=#000000
StreamRowColor=#ffc04c
StreamFontColor=#000000

GridLines=off				   // beter aan houden voor de duidelijkheid

ProgressBar=on
ProgressBarBackgroundColor=#8F9196                 // grijs
ProgressBarBorderColor=#0b0330
ProgressBarBorderRadius=10
ProgressBarRemainColor=#aac4d2                     // algemene achtergrondkleur
ProgressBarRamp1Color=#ff0000			   // rood
ProgressBarRamp2Color=#cc0000			   // rood
ProgressBarRamp3Color=#990000		      	   // rood
ProgressBarElapsedColor=#0b0330
ProgressBarRampColor=#281804
ProgressBarElapsedRampColor=#0b0330                // #A0A0A0 of #899eaa
ProgressBarHeight=14

// StateFontSize=9
// DropMarkColor=#281804
// DropTargetBorderColor=#8F9196
// FocusedSelectionBorderColor=#660000             // de grenzen tussen de kolommen
// FocusedSelectionColor=#7f0000                   // de selectiekleur zelf!
// UnfocusedSelectionBorderColor=#8F9196
// UnfocusedSelectionColor=#A0A0A0

OverlayFontName=Digital-7
OverlayFontSize=170	
OverlayFontColor=#aac4d2
OverlayOutlineWidth=1
OverlayOutlineColor=#0b0330
OverlayPosition=N
OverlayPaddingY=160


[Player]
// BorderColor=#ff005f

PlayingColor=#0b0330
PlayingNameFontColor=#00ffff
PlayingArtistFontColor=#00ffff
PlayingTitleFontColor=#00ffff
PlayingTimeFontColor=#00ffff
PlayingStateFontColor=#ff0000
PlayingStateFontSize=19
PlayingStartButtonVisible=on				// NIEUW

LoadedColor=#0b0330
LoadedNameFontColor=#939090
LoadedArtistFontColor=#939090
LoadedTitleFontColor=#939090
LoadedTimeFontColor=#939090
LoadedStateFontColor=#939090

NextColor=#0b0330
NextNameFontColor=#ff8804
NextArtistFontColor=#ff8804
NextTitleFontColor=#ff8804
NextTimeFontColor=#ff8804
NextStateFontColor=#ff8804

EmptyColor=#0b0330
EmptyNameFontColor=#ff0000

LoadingColor=#0b0330
LoadingNameFontColor=#cc0000
LoadingArtistFontColor=#cc0000
LoadingTitleFontColor=#cc0000
LoadingTimeFontColor=#cc0000
LoadingStateFontColor=#cc0000

FadingColor=#0b0330
FadingNameFontColor=#939090
FadingArtistFontColor=#939090
FadingTitleFontColor=#939090
FadingTimeFontColor=#939090
FadingStateFontColor=#939090

PausedColor=#0b0330
PausedNameFontColor=#00ffff
PausedArtistFontColor=#939090
PausedTitleFontColor=#939090
PausedTimeFontColor=#939090
PausedStateFontColor=#ff0000

ErrorColor=#ff0000
ErrorNameFontColor=#939090
ErrorArtistFontColor=#939090
ErrorTitleFontColor=#939090
ErrorTimeFontColor=#939090
ErrorStateFontColor=#939090

FlashEOFColor=#160666

NameFontName=Digital-7
NameFontSize=40

ArtistFontName=Digital-7
ArtistFontSize=19
ArtistFontStyle=0

TitleFontName=Digital-7
TitleFontSize=16
TitleFontStyle=0

TimeFontName=Digital-7
TimeFontSize=20
TimeFontStyle=0

StateFontName=Digital-7
StateFontStyle=0
StateFontSize=19

// ButtonColor=#B5CAFF

ButtonBorderColor=#0b0330
ProgressBarRemainColor=#aac4d2
ProgressBarElapsedColor=#0b0330
ProgressBarElapsedRampColor=#0b0330
ProgressBarHeight=12
ProgressBarIdleColor=#0b0330
ProgressBarIdleBorderColor=#0b0330
ProgressBarBorderColor=#0b0330
ProgressBarRamp1Color=#ff0000			   // rood
ProgressBarRamp2Color=#cc0000			   // rood
ProgressBarRamp3Color=#990000		      	   // rood

// RampPrefix=Ramp-
// ButtonSize=35

WaveformInactiveColor=#0b0330
WaveformInactiveBorderColor=#0b0330
WaveformBackgroundColor=#0b0330
// WaveformNormalColor=#00FF00
WaveformPlayedColor=#494949


[Browser]
BackgroundColor=#899eaa
WindowBackgroundColor=#aac4d2


[EncoderStatus]
BackgroundColor=#aac4d2
FontName=Calibri
FontSize=9
// FontColor=#FF0000

Super bedankt Ed
Hier kan ik iets mee . Nog een vraagje: het ligt niet aan jouw skin…maar ik krijg de players niet kleiner. Dan bedoel ik dus het formaat( in de layout designer) gaat wel maar dan verdwijnt een gedeelte van de tekst…die moet dus ook kleiner. Jij een idee waar in het moet zoeken in het skin.ini bestand?
Gr Jos

Graag gedaan, het is voornamelijk trial and error om het te krijgen zoals je het hebben wil.

In de ini vindt je onder [Player] alle instellingen voor de players waaronder het lettertype en de grootte:

NameFontName=Digital-7
NameFontSize=40

Hierbij mij layout.ini:

[Browser]
Left=1449
Top=325
Width=453
Height=433
ZOrder=5
Detached=off

[Cartwall]
Left=19
Top=492
Width=1406
Height=266
ZOrder=12
Detached=off

[Player0_0]
Left=17
Top=781
Width=455
Height=205
ZOrder=8
Detached=off

[Player0_1]
Left=494
Top=781
Width=455
Height=205
ZOrder=9
Detached=off

[Player0_2]
Left=971
Top=781
Width=455
Height=205
ZOrder=10
Detached=off

[Player0_3]
Left=1448
Top=781
Width=455
Height=205
ZOrder=11
Detached=off

[Playlist0]
Left=19
Top=91
Width=1406
Height=667
ZOrder=7
Detached=off

[ScreenObject0]
Left=1449
Top=265
Width=453
Height=31
ZOrder=2
Detached=off

[ScreenObject1]
Left=1449
Top=232
Width=453
Height=43
ZOrder=3
Detached=off

[ScreenObject2]
Left=1449
Top=211
Width=453
Height=30
ZOrder=18
Detached=off

[ScreenObject3]
Left=1449
Top=151
Width=453
Height=60
ZOrder=5
Detached=off

[ScreenObject4]
Left=1449
Top=19
Width=453
Height=160
ZOrder=6
Detached=off

[Toolbar]
Left=19
Top=19
Width=987
Height=47
ZOrder=15
Detached=off

[ScreenObject5]
Left=1449
Top=296
Width=453
Height=63
ZOrder=4
Detached=off

[ScreenObject6]
Left=1798
Top=23
Width=103
Height=32
ZOrder=8
Detached=off

[ScreenObject7]
Left=0
Top=0
Width=1920
Height=1003
ZOrder=1
Detached=off

En de background die ikzelf gebruik:

Zou zo moeten lukken toch? :wink:

Alles bij elkaar krijg je dan dit:

Klopt inderdaad ik heb nu nog de demo versie maar schaf tzt de advanced versie aan. Hopelijk neem ik dan alle instellingen mee.

Wow mooi man!!

Ik zie dat je al je mp3 files mooi allemaal hetzelfde hebt. Heb je dat in windows gedaan. of is er in mairlist een tool?

De instellingen blijven behouden. mAirList hoeft niet opnieuw te worden geïnstalleerd.
U kunt de License Manager van de applicatie gebruiken om uw gekochte licentie te activeren.

In mAirList heb je de mogelijkheid van luidheidsnormalisatie volgens EBU R 128, ook met je eigen waarden (bijvoorbeeld instelbaar tot R 128 s2).
De bestanden zelf worden niet gewijzigd.

Wat is de code om titel en artiest onder elkaar te krijgen? Heb het ooit gehad en toen ook ergens terug kunnen vinden maar kan het niet meer terug vinden.

Are you looking for this, @BjornKrijt ?

1 Like