te3:toplist_tutorial3
no way to compare when less than two revisions
Differences
This shows you the differences between two versions of the page.
— | te3:toplist_tutorial3 [2014/11/17 06:20] (current) – created moderator | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== Create a thumb toplist ====== | ||
+ | ~~NOTOC~~ | ||
+ | |||
+ | <WRAP caution> | ||
+ | We'll be using three fictitious trades (''< | ||
+ | </ | ||
+ | |||
+ | Since **thumb toplist** gets much more attention than the ordinary text toplist, we should try to create one: | ||
+ | |||
+ | ===== 1. Download thumbs ===== | ||
+ | |||
+ | The first thing you need are images. TE3 can automatically grab images from your trades and crop them to preferred size. Navigate to the Toplist / [[te3: | ||
+ | |||
+ | “Thumb grabber” module can be set to crawl trades in your database every x hours and to **automatically** download a specified amount of thumbs from trader' | ||
+ | |||
+ | ==== Step by step ==== | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | {{: | ||
+ | In this menu you can manage all “Images” for all trades from a single page. Simply place your mouse pointer over {{: | ||
+ | |||
+ | |||
+ | ---- | ||
+ | |||
+ | |||
+ | ===== 2. Create a thumb toplist template ===== | ||
+ | |||
+ | TE3 toplist module can build toplists from your trades database, based on a template file and the first thing you need to do is to **build a toplist template** using TE3 template tags. | ||
+ | |||
+ | ++++ List of TE3 template tags | | ||
+ | |||
+ | |< 100% 15% 25% 60% >| | ||
+ | ^ Parameter ^ Description ^ Example ^ | ||
+ | | <color blue>## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | | ''## | ||
+ | |||
+ | ++++ | ||
+ | |||
+ | TE3 template tags allow you to create completely unique toplists, but for the purpose of this tutorial use the example template we've prepared below: | ||
+ | |||
+ | < | ||
+ | |||
+ | <table style=" | ||
+ | < | ||
+ | |||
+ | <td style=" | ||
+ | < | ||
+ | <a href="/ | ||
+ | < | ||
+ | </ | ||
+ | </td> | ||
+ | |||
+ | <td style=" | ||
+ | < | ||
+ | <a href="/ | ||
+ | < | ||
+ | </ | ||
+ | </td> | ||
+ | |||
+ | <td style=" | ||
+ | < | ||
+ | <a href="/ | ||
+ | < | ||
+ | </ | ||
+ | </td> | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== 3. Add new toplist ===== | ||
+ | |||
+ | Once you have created a toplist template, you have to **add it to yor TE3.** | ||
+ | |||
+ | |||
+ | ==== Step by step ==== | ||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | Navigate to the '' | ||
+ | |||
+ | {{: | ||
+ | You can choose between two different [[te3: | ||
+ | |||
+ | {{: | ||
+ | Now you have to add a toplist template into the textarea (if you use "File input" method, it is assumed, you have already uploaded your template at this stage). Copy-paste the example template we've prepared above. | ||
+ | |||
+ | {{: | ||
+ | Specify where would you like to save your template e.g., ''/ | ||
+ | (this is a toplist file with template tags) | ||
+ | |||
+ | {{: | ||
+ | Next, you have to enter File output path, e.g., ''/ | ||
+ | (this is an output file - template tags get replaced with real values) | ||
+ | |||
+ | {{: | ||
+ | Click {{: | ||
+ | |||
+ | |||
+ | |||
+ | ---- | ||
+ | |||
+ | |||
+ | ===== 4. Preview and edit the toplist ===== | ||
+ | |||
+ | The new toplist is already added to the " | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Close "Add new" window and click {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | |||
+ | Take a look at html source for our output. You can see that TE3 template tags were replaced with real values - description tags ''## | ||
+ | |||
+ | {{: | ||
+ | |||
+ | You can easily edit your toplist and test its output - click {{: | ||
+ | |||
+ | ---- | ||
+ | |||
+ | |||
+ | ===== 5. Include toplist into your web page ===== | ||
+ | |||
+ | After you have created and added a toplist, it has to be [[te3: | ||
+ | |||
+ | ---- | ||
+ | |||
+ | |||
+ | ===== Related topics ===== | ||
+ | |||
+ | * [[te3: | ||
+ | |||
+ | * [[te3: | ||
+ | |||
+ | * [[te3: |
te3/toplist_tutorial3.txt · Last modified: 2014/11/17 06:20 by moderator