C'è un tema Bowtie che assomiglia a un'icona Flurry?

2

Ho un numero di icone Flurry sul mio desktop collegate ad applicazioni che uso frequentemente. Immagino un'icona dall'aspetto quasi identico, ma anziché un'icona e un nome file, mostra la copertina dell'album e il nome del brano attualmente in riproduzione utilizzando Bowtie .

Esiste un tema simile? In caso contrario, qual è il modo più semplice per crearne uno da zero?

(Informazioni sullo sviluppo di temi per Bowtie possono essere trovate qui . Sono principalmente HTML e CSS. )

    
posta Timothy Mueller-Harder 21.03.2012 - 02:58
fonte

1 risposta

3

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.pngneltemaproducel'effettodisovrapposizionelucidaneltemapredefinito.SostituisciilfileimmagineconiltuocontenenteunbordoealcunipuntisalientiinaltochecorrispondonoallostileFlurry.Hostrappatosenzavergognal'iconaAirPortFlurryperquesto,cancellatolosfondoeilcontenutodelbordo,ehousatoilrisultatocomeimmaginedisovrapposizione.Nonfarloamenochetunonsappiatantodieditingdelleimmaginicomefaccioio.

Laposizionedelbordosaràdisattivatadialcunipixel.Giocaconivaloriditopeleftnell'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.

    
risposta data 23.03.2012 - 22:28
fonte

Leggi altre domande sui tag