Er mogen op dit forum GEEN verzoekjes of requests gevraagd worden, dit staat ook in de regels die je accepteert bij het registreren op dit forum, hiervoor krijg je direct een permanente ban.

Korte uitleg skins

Oude en opgeloste problemen van vorige versies van SpotLite vind je hier.

Moderator: Moderator Team


Topicstarter
Ypsos
Moderator Team Lid
Berichten: 1383
Lid geworden op: 28 feb 2011, 08:06
Topics answered: 9
Reputation: 13

Korte uitleg skins

#1

Bericht door Ypsos »

Korte uitleg skins

Met behulp van skins is het mogelijk de volgende zaken aan te passen:
  1. icoontjes aan de categorieenlijst aan de linkerkant van het scherm toevoegen.
  2. icoontjes in de spotlijst plaatsen.
  3. HTML template van de spotinformatie aanpassen
  4. Qt stylesheet aanpassen
Locatie skins
Elke skin moet in een aparte map komen.

Windows: c:\program files\spotlite\skins\naamvanskin
Linux: /usr/local/share/SpotLite/skins/naamvanskin
Mac OS X: SpotLite.app/contents/MacOS/skins/naamvanskin

SpotLite detecteert automatisch de skins die in de map staan.

Icoontjes aan de categorieenlijst toevoegen

Plaats de icoontjes in de map "naamvanskin\categorielijst"
Bestandsformaat .png, afmetingen van alle icoontjes moeten gelijk zijn.

De bestandsnaam moet overeenkomen met de naam van de "categorie".
Geaccepteerde namen:

"Beeld.png" ← hoofdcategorie beeld
"Beeld_DivX.png" ← subcategorie "divx" van hoofdcategorie beeld
"Beeld_default.png" ← standaard icoon voor subcategorieen binnen beeld, die geen eigen icoon hebben.

Let op hoofdlettergebruik. Windows is niet hoofdlettergevoelig, maar bijvoorbeeld Linux wel.
Zorg er dan ook voor dat de hoofdletters exact overeenkomen met de categorie.

Icoontjes in de spotlijst

Het is mogelijk subcategorie icoontjes aan de spotlijst toe te voegen.
Plaats de icoontjes in de map "naamvanskin\overzicht" Bestandsformaat .png, afmetingen van alle icoontjes moeten gelijk zijn.

De bestandsnaam moet gelijk zijn aan het NUMMER van de subcategorie.

Beeld
100.png : DivX
101.png : WMV
102.png : MPG
103.png : DVD5
104.png : HD (overig)
105.png : Afbeeldingen
106.png : Blu ray
107.png : HD (HD-DVD)
108.png : HD (WMV-HD)
109.png : x264
110.png : DVD9

Geluid
200.png : MP3
201.png : WMA
202.png : WAV
203.png : OGG
204.png : LL
205.png : DTS
206.png : AAC
207.png : APE
208.png : FLAC

Spelletjes
300.png : Win
301.png : Mac
302.png : Linux
303.png : PSX
304.png : PS2
305.png : PSP
306.png : XBox
307.png : 360
308.png : GBA
309.png : GC
310.png : NDS
311.png : Wii
312.png : PS3
313.png : WP7
314.png : iOs
315.png : Android

Applicaties
400.png : Win
401.png : Mac
402.png : Linux
403.png : OS2
404.png : WP7
405.png : Nav
406.png : Ios
407.png : Android

18+
900.png : Hetero
901.png : Gay
902.png : Lesbo
903.png : Bi

Het is mogelijk de HTML templates m.b.t. de spotinformatie aan te passen. Deze bestaan uit een
tweetal bestanden.Gebruik van Javascript is mogelijk.

Indien je alleen icoontjes wilt toevoegen, en niet van plan bent de HTML templates aan te passen, plaats
deze dan niet in de skins map.

Dan wordt automatisch de nieuwste versie van de standaard templates gebruikt

spot.tpl

Template velden:

{title} – titel van de spot
{description} – beschrijving van de spot
{date} – datum plaatsing spot
{time} – tijd plaatsing spot
{website} – link naar website
{size} – bestandsgrootte
{numfiles} – aantal bestanden
{firstfile} – eerste bestandsnaam
{lastfile} – laatste bestandsnaam
{newsgroup} – nieuwsgroep(en)
{categories} – categorieen (tekst)
{cat} – nummer hoofdcategorie
{subcat} – nummer subcategorie
{spotid} – intern nummer spot
{spotterlink} – naam van spotter (aanklikbaar)
{tag} - naam van tag
{taglink} – maak een filter aan op basis van tag, aanklik link
{comments} – hier komt de HTML van de reacties te staan.
{msgid} – message-id van de spot

comment.tpl

Per reactie worden de volgende template velden ingevuld:

{usernamelink} – schuilnaam van degene die de reactie plaatst (aanklikbaar)
{date} – datum/tijd van plaatsing

Qt stylesheet aanpassen

Meer informatie over Qt Stylesheets: http://doc.qt.nokia.com/latest/stylesheet.html
Indien er een bestand genaamd qt.css in de skin map staat wordt deze gebruikt.

Screenshot toevoegen
Plaats een 150x150 pixels screenshot van je skin genaamd "screenshot.png" in de naamvanskin map.

Deze wordt getoond in het "gebruikersinterface aanpassen" scherm, waar de gebruiker kan kiezen welke skin hij wilt zien.
Afbeelding
Spotlite bied een installatieprocedure voor skins aan.

Indien de gebruiker dubbelklikt op een .spotskin bestand worden de skin bestanden
automatisch op de juiste plek geïnstalleerd.

.spotskin bestand aanmaken

.spotskin bestanden zijn feitelijk .zip bestanden. Om deze aan te maken:
  • Maak een .zip bestand van de map met de skinbestanden. (pak ook de map zelf in, niet alleen de inhoud van de map).
    Hernoem het .zip bestand naar naamvanskin.spotskin
Er gelden de volgende restricties:
  • – Het .spotskin zip archief mag alleen bestanden met de volgende bestandextensies bevatten:
    – tpl png jpg jpeg gif html txt css js ico
    – Er mag maar 1 skin in het .spotskin archief zitten.
    – De skin mag niet de naam "standaard" hebben.
    – Er moet een naamvanskin\screenshot.png bestand in het archief zitten.
Indien niet aan de restricties is voldaan, weigert Spotlite de skin te installeren.

PDF bestand incl. voorbeeldskin

Met dank aan Quartermaster (SpotLite ontwikkelaar).
Zie ook Spotlite: uiterlijk aanpassen:

Edit:
Locatie spots.db, SpotLite.conf enz.:

Windows Vista/7
C:\Users\<JOUW NAAM>\AppData\Local\SpotLite\SpotLite\

Windows XP
C:\Documents and Settings\<JOUW NAAM>\Local Settings\ApplicationData\SpotLite\SpotLite\

MAC OS
/Gebruikers/<JOUW NAAM>/Bibliotheek/Application Support/SpotLite/SpotLite/
MAC OS X 10.7 (Lion) zie ook OS X Lion: De Bibliotheek map zichtbaar maken

Linux
/home/<JOUW NAAM>/.local/share/data/SpotLite/SpotLite/
Spot-net.nl Forums : Disclaimer