Differences

This shows you the differences between two versions of the page.

--- te3:toplist_images [2014/09/17 13:53] – [Toplist images] moderator
+++ te3:toplist_images [2014/12/11 08:23] (current) – [Manage images] moderator
@@ Line 1: / Line 1: @@
 ====== Toplist images ======
+{{:te3:button_menu4.png?nolink|}}
+~~NOTOC~~
-{{:te3:button_menu_toplist.png?nolink|}} / Images
-{{INLINETOC}}
-----
-===== Description =====
 In the "Toplist images" menu you can view and manage images downloaded by the [[te3:toplist_thumb_grabber|Thumb grabber]]. Based on these images, you can create a "Thumb toplist".
-There is an alternative method to manage "Images". Navigate to the [[te3:overview|Overview]] menu, click ''Edit'' icon for a desired trade and expand "Toplist images" accordion.
+There is an alternative method to manage "Images". Navigate to the [[te3:overview|Overview]] menu, click {{:te3:overview_edit_icon.png?nolink|}} Edit icon for a desired trade and expand "Toplist images" accordion.
 ----
-==== Manage images ====
+===== Manage images =====
 In the "Toplist / Images" menu you can manage all "Images" for all trades from a single page.
-|< 100% 16% 84% >|
+{{:te3:toplist_img4.png?nolink|}}
-^ Parameter ^ Description ^
-| Add new | We strongly recommend you to use [[te3:toplist_thumb_grabber|Thumb grabber]] to download images automatically from your trades. If you prefer, you can add new images manually, but this can be time consuming. Click  {{:te3:interface_plus.png?nolink|}}icon once to add a single image or multiple times to add multiple. Enter the ''Image path'', optionally you can enter ''Image group'' (read more about it [[te3:toplist_images#Image groups|below]]) and click ''Save'' button. |
+|< 100% 3% 13% 84% >|
-| Edit existing | You can edit "Image paths" directly in the "Images" table. When you're finished with modifying, click ''Save'' button. |
+^ # ^ Action ^ Description ^
-| Delete single | Click {{:te3:backup_delete.png?nolink|''+ icon''}} for each image you would like to delete. Images are NOT instantly deleted. You have to click ''Save'' button to proceed. |
+| 1. | Checkbox | you can checkbox one or multiple records for manipulation. There is a ''mass checkbox'' option - click on it to select or deselect all entries. |
-| Delete multiple | Check box trades from which you would like to delete all images and click ''Delete'' button. You can use ''Mass select'' in the table header to select/deselect all trades at once. |
+| 2. | Add record | we strongly recommend you to use [[te3:toplist_thumb_grabber|Thumb grabber]] to download images automatically from your trades. If you prefer, you can add new images manually, but this can be time consuming. Click  {{:te3:interface_plus.png?nolink|}}icon once to add a single image or multiple times to add multiple. |
+| 3. | Preview single | place your mouse pointer over {{:te3:icon_preview.png?nolink|}} icon to preview the respective thumb. |
+| 4. | Size | width and height of the respective thumb. You have to specify the values in the [[te3:toplist_thumb_grabber|Thumb grabber]] module, before you download thumbs. |
+| 5. | Group | you can sort toplist images into image groups. |
+| 6. | Delete single | click {{:te3:backup_delete.png?nolink|''+ icon''}} for each image you would like to delete. Images are NOT instantly deleted. You have to click {{:te3:button_save.png?39x17nolink|}} button to proceed. |
+| 7. | Domain | domain name for the respective trade. Trades ([[te3:trade_types#Normal trades|active and inactive]]) are sorted alphabetically. |
+| 8. | Delete multiple | check box trades from which you would like to delete all images and click {{:te3:button_delete.png?40x17nolink|}} button. You can use ''Mass select'' in the table header to select/deselect all trades at once. |
+| 9. | Save | click {{:te3:button_save.png?39x17nolink|}} button to save any changes you have made in the "Toplist images" menu. |
+| 10. | Preview multiple | click {{:te3:button_preview.png?50x17nolink|}} button and view all downloaded thumbs in the "Thumbs preview" pop-up window. |
 ----
+===== Images tags =====
-==== Tags with examples ====
-=== Standard image ===
+|< 100% 15% 23% 62% >|
+^ Parameter ^ Description ^ Example ^
+| ''##img:x##'' | **Standard image tag** | ''##img:4##'' will print image path for trade ranked ''#4''. If multiple images exist for the respective trade, they'll be randomly rotated each time toplist is generated.|
+| ''##img-x:x##'' | **Image with specified position** | ''##img-3:5##'' will print "3rd toplist image path" for trade ranked ''#5''. Make sure you have at least 3 toplist images added, otherwise this example won't work as expected. |
+| ''##image_group:img:x##'' | **Image group** | ''##small:img:4##'' will print Image path for trade ranked ''#4'' with "Image group" small. Make sure that image with "Image group" small for trade ranked #4 exists, otherwise this example won't work as expected. |
-This toplist tag will print "Image path".
+----
-   ##img:x##
+===== Create a thumb toplist =====
-   Example: ##img:4## will print image path for trade ranked #4. If multiple images
+We have prepared tutorials for various types of toplists - learn how to create a:
-   exist for the respective trade, they'll be randomly rotated each time toplist is
-   generated.
-=== Image with specified position ===
+  *  [[te3:toplist_tutorial3|Basic thumb toplist]]
-If you have added multiple images for each trade, you can print "Image path" with a specified position, e.g. #1, #2, #3...
-   ##img-x:x##
-   Example: ##img-3:5## will print "3rd toplist image path" for trade ranked #5. Make
-   sure you have at least 3 toplist images added, otherwise this example won't work
-   as expected.
-=== Image groups ===
+----
-Webmasters specialized in the toplist trading often add multiple "Images" for each trade. If you are one of them, you will find "Image group" very useful. With "Image group" you can (optionally) group images across trades.
-Add two images (small and large) for each trade. Enter ''small'' into the ''Image group'' field for all small images and ''long'' for all long images. You can now display these two image groups (small and large) separately where you need them.
+===== Related topics =====
-   ##image_group:img:x##
+  * [[te3:toplist_thumb_grabber|Thumb grabber]]
-   Example: ##small:img:4## will print Image path for trade ranked #4 with "Image
+  * [[te3:toplist_index|Toplist templates]] - view toplist template syntax, learn how to add and manage toplists
-   group" small. Make sure that image with "Image group" small for trade ranked #4
-   exists, otherwise this example won't work as expected.