Pagina 1 van 1

SpotLite skin maken

Geplaatst: 01 apr 2011, 17:59
door hjvbft
Geïnstalleerde versie: SpotLite 1.0.4 DE2 Beta

Ben bezig geweest met de voorbeeld skin. Het doet ongeveer wat de bedoeling.
De bedoeling is de basis skin met 3 nzb knoppen. Zag dat daar vraag naar was.
Eventueel later aangevuld met de knoppen: "google" ({title}, plaats op klembord (bestandsnaam)" en "imdb" {title}.
Kom een paar problemen tegen.

1 Bij het selecteren van tekst in sommige spots (niet alle) is er een hoge cpu belasting.
Dit is niet bij het selecteren van tekst in de zelfde spot met een andere skin.
Het verwijderen van de cache lost dit niet op.
Waarschijnlijk op te lossen met <table>. Kom hier echter niet uit.
Kan een probleem spot vermelden met datum en tijd als dit is toegestaan.

2 Wil de titel van de spot selecteerbaar maken.
Tijdelijke oplossing: boven Weblink toegevoegd: <tr><td><b>Titel</b><td>:<td>{title}

3 Wil de nzb knoppen (later aangevuld met andere knoppen) rechtsboven hebben.
Krijg ze alleen Linksboven. Andere oplossing:
Onder nieuwsgroep toegevoegd: <tr><td><b>Zoeken<b/><td>:<td><script>maak_nzb_link();</script></td>

Heb een deel van deze skin (credits Ep Woody) gebruikt. De 3 knoppen werken zoals bedoeld.

Het belangrijkste probleem is het 1e probleem.
Zoals het er nu uit ziet.

Aanvulling: Het probleem bestaat ook met de voorbeeld skin zonder aanpassingen.

Re: SpotLite skin maken.

Geplaatst: 01 apr 2011, 21:37
door Ep Woody
1. Het performance probleem is inderdaad een issue. Dit komt door de nested DIV's. (lekker technisch). De oplossing is de template aanpassen en alle DIV's eruit halen en de opmaak vervangen door Table's.

2. Prima oplossing :)

3. <span style="width:100%; text-align:right;"><script>maak_nzb_link();</script></span>
Als je dat boven de div's zet hij de links rechtsbovenin ;)

Om een template te maken moet je behoorlijk bedreven zijn in HTML en CSS. Desalwelteplus, hulde voor het initiatief en veel plezier met het maken van een mooi template!

Re: SpotLite skin maken

Geplaatst: 01 apr 2011, 22:36
door hjvbft
De oplossing is de template aanpassen en alle DIV's eruit halen en de opmaak vervangen door Table's.
Dat dacht ik al.
Om een template te maken moet je behoorlijk bedreven zijn in HTML en CSS.
Dat ben ik helaas niet.

Bedankt voor nr. 3. Ziet er logisch uit nu ik het zo zie staan.

Re: SpotLite skin maken.

Geplaatst: 01 apr 2011, 22:49
door Ep Woody

Code: Selecteer alles

<table width=100% cellpadding=0 cellspacing=0 border=0><tr height=16px><td id="tlc" width=10px><td id="tb"><td id="trc" width=30px>
	<tr><td id="lb"><td id="content">
	{description}
	<td id="rb">
	<tr height=16px><td id="blc"><td id="bb"><td id="brc">
	</table>
Als je dit in plaats van alles wat tussen <div id=box>...</div> zet, dan moet het al een heel stuk soepeler gaan :)

Edit: type 30px ipv 3/0px.

Re: SpotLite skin maken

Geplaatst: 02 apr 2011, 00:19
door hjvbft
Bedankt, ga het van het weekend aanpassen.
Eerst de standaard "spot template" en daarna "Basis_en_3_NZB_Knoppen".
Als het gelukt is dan plaats ik hier de aangepaste voorbeeld skin.
Zodat een ander dit niet meer hoeft aan te passen.

Re: SpotLite skin maken

Geplaatst: 03 apr 2011, 15:30
door hjvbft
Ben er mee bezig geweest. Helaas lukt beide (1 en 3) niet.
Na aanpassen blijven de knoppen links en selecteren tekst geeft nog een hoge cpu belasting.
Probeer het wel via een knop die de titel kopieert.

Aanvulling:
Heb ervoor gekozen om de knoppen bij "Zoeken" te laten staan.
Ook 5 andere knoppen toegevoegd (Google, IMDb, Moviemeter en kopieer titel, bestandsnaam).
De 2 kopieer knoppen voor bestandsnaam en titel zijn niet zoals het hoort. Het is echter te gebruiken.

Voor wie ook een skin wilt maken kan deze uitleg gebruiken.

Re: SpotLite skin maken

Geplaatst: 08 apr 2011, 17:39
door hjvbft
Het probleem is opgelost. Oplossing:
comment.tpl vervangen (met 1.0.4 DE2 versie) + aanpassingen verwerkt van spot.tpl 1.0.4 DE2 t.o.v. 1.0.4 DE1.

Resultaat:
Basis en 3 NZB Knoppen v1
Basis en 3 NZB Knoppen v2