Możesz zacząć od dostosowania domyślnego motywu dołączonego do Bowtie, a także HTML / CSS. Skopiuj go z pakietu aplikacji ( Bowtie.app/Contents/Themes/Default.bowtie
) do ~/Library/Application Support/Bowtie
i zmień nazwę na np. Flurry.bowtie
.
Pamiętaj, aby edytować wszystkie informacje zawarte w zawartym pliku .plist
plik, zwłaszcza nazwa ( BTThemeName
) i identyfikator ( BTThemeIdentifier
) do niestandardowych, unikalnych wartości.
Aby przejść od tego tematu do czegoś bardziej podobnego do Flurry, należy zmienić następujące elementy:
-webkit-border-radius
w #artHolder
(Użyłem 18px
)
-webkit-box-shadow
, ta sama lokalizacja (np. 0px 0px 4px #000
)
width
i height
, ta sama lokalizacja (użyłem 96px
).
- Usunąć
img
odwoływanie się do tagów img/gloss.png
.
Wynik będzie wyglądał następująco:
Brakuje odpowiedniej granicy i może błyszczącej nakładki. Plik img/gloss.png
w temacie tworzy efekt nakładki błyszczącej w kompozycji domyślnej. Zamień plik obrazu na własny zawierający obramowanie, a niektóre zaznacz na górze pasujące do stylu Flurry. Bezczelnie rozerwałem ikonę AirPort Flurry, usunąłem zawartość tła i obramowania i użyłem wyniku jako obrazu nakładki. Nie rób tego, chyba że wiesz tak mało o edycji obrazu, jak ja.
Pozycja obramowania zostanie wyłączona o kilka pikseli. Pobaw się z top
i left
wartości w CSS obrazu do momentu dopasowania do okładki. Zmień rozmiar okładki lub rozmiar obrazu obramowania, aż będą pasować do potrzeb.
Tak wygląda teraz na ciemniejszym tle:
Teraz brakuje świateł na górze i efektu błyszczącego, ale to wszystko, co mogę zrobić w edytorze obrazów.
Oczywiście jest to tylko zarys ogólny. Wiele zależy od szczegółowych wymagań, które musisz rozwiązać samodzielnie, np. czy chcesz także odwrócić obraz okładki, aby uzyskać elementy sterujące i jak powinny wyglądać
Nie jestem pewien co do licencji tutaj. Aby być bezpiecznym, zwłaszcza jeśli chcesz opublikować swój motyw, nadaj mu oryginalny wygląd, zwłaszcza obraz obramowania / nakładki.