Usted podría comenzar por adaptar el tema por defecto que viene incluido con Bowtie y es sólo HTML / CSS también. Cópielo del paquete de aplicaciones ( Bowtie.app/Contents/Themes/Default.bowtie ) a ~/Library/Application Support/Bowtie y cambiar el nombre a, por ejemplo Flurry.bowtie .
Asegúrese de editar toda la información contenida .plist especialmente el nombre ( BTThemeName ) y el identificador ( BTThemeIdentifier ) a valores personalizados y únicos.
Para pasar de este tema a algo más parecido a Flurry, hay que cambiar lo siguiente:
-webkit-border-radius en #artHolder (He utilizado 18px )-webkit-box-shadow , en el mismo lugar (por ejemplo 0px 0px 4px #000 )width y height , la misma ubicación (utilicé 96px ).- Retire el
img referencia a la etiqueta img/gloss.png .
El resultado será así:
![Screenshot of intermediate Flurry style]()
Lo que falta es un borde adecuado y tal vez alguna superposición brillante. El archivo img/gloss.png en el tema produce el efecto de superposición brillante en el tema por defecto. Reemplaza el archivo de imagen con el tuyo propio que contenga un borde y algo de brillo en la parte superior que coincida con el estilo de Flurry. Para ello, he arrancado descaradamente el icono de AirPort Flurry, he eliminado el contenido del fondo y del borde y he utilizado el resultado como imagen superpuesta. No hagas esto a menos que sepas tan poco de edición de imágenes como yo.
La posición del borde se desviará unos pocos píxeles. Juegue con el top y left en la imagen CSS hasta que coincida con la carátula. Cambia el tamaño de la carátula o el tamaño de la imagen del borde hasta que coincidan según sea necesario.
Este es el aspecto que tiene ahora sobre un fondo más oscuro:
![Screenshot of final Flurry style]()
Ahora bien, a esto le faltan las luces de la parte superior y algún efecto de brillo, pero esto es todo lo que puedo hacer en un editor de imágenes.
Por supuesto, esto es sólo un esbozo. Depende en gran medida de los requisitos detallados que tenga que resolver usted mismo, por ejemplo, si también quiere voltear la imagen de la cubierta para obtener los controles, y cómo deberían ser.
No estoy seguro de la licencia aquí. Para estar seguro, especialmente si quieres publicar tu tema, hazlo original, especialmente la imagen del borde/sobreimpresión.
