Si potrebbe iniziare adattando il tema predefinito che viene fornito in bundle con Bowtie ed è anche solo HTML / CSS. Copialo dal pacchetto di applicazioni ( Bowtie.app/Contents/Themes/Default.bowtie
) a ~/Library/Application Support/Bowtie
e rinominalo ad es. Flurry.bowtie
.
Assicurati di modificare tutte le informazioni nel file .plist
contenuto, in particolare il nome ( BTThemeName
) e l'identificatore ( BTThemeIdentifier
) in valori personalizzati e univoci.
Per passare da questo tema a qualcosa di più simile a Flurry, è necessario modificare quanto segue:
-
-webkit-border-radius
in #artHolder
(Ho usato 18px
)
-
-webkit-box-shadow
, stessa posizione (ad esempio 0px 0px 4px #000
)
-
width
e height
, stessa posizione (ho usato 96px
).
- Rimuovi il tag
img
che fa riferimento a img/gloss.png
.
Il risultato sarà simile a questo:
Ciòchemancaèunbordoappropriatoeforseunoverlaylucido.Ilfileimg/gloss.png
neltemaproducel'effettodisovrapposizionelucidaneltemapredefinito.SostituisciilfileimmagineconiltuocontenenteunbordoealcunipuntisalientiinaltochecorrispondonoallostileFlurry.Hostrappatosenzavergognal'iconaAirPortFlurryperquesto,cancellatolosfondoeilcontenutodelbordo,ehousatoilrisultatocomeimmaginedisovrapposizione.Nonfarloamenochetunonsappiatantodieditingdelleimmaginicomefaccioio.
Laposizionedelbordosaràdisattivatadialcunipixel.Giocaconivaloriditop
eleft
nell'immagineCSSfinoaquandononcorrispondeallacopertina.Cambialadimensionedellacopertinaoladimensionedell'immaginedelbordofinchénoncorrispondonoallanecessità.
Eccocomeappareorasuunosfondopiùscuro:
A questo punto mancano le luci in alto e alcuni effetti lucidi, ma questo è tutto ciò che posso fare con un editor di immagini.
Naturalmente, questo è solo uno schema approssimativo. Molto dipende dai requisiti dettagliati che devi elaborare autonomamente, ad es. se vuoi anche capovolgere l'immagine di copertina per ottenere i controlli e come dovrebbero apparire.
Non sono sicuro delle licenze qui. Per essere sicuri, specialmente se vuoi pubblicare il tuo tema, rendilo originale, specialmente l'immagine del bordo / sovrapposizione.