ICrit Posted November 10, 2020 Group: Members Content Count: 7 Reputation: 2 Joined: 11/08/2020 Status: Offline Report Share Posted November 10, 2020 Character Name: CritsKills Suggestion Type: Website Suggestion content: The recent market history table update is a really nice improvement from the old 'template', but it can go even further, especially the table displaying the details of each transaction since it looks like this currently: All that's needed is just some tiny tweeks to the 'style="..."' attribute of the cells and it could end up looking somewhere closer to this: An example of that code for that would be this: <spoiler> <table class="ranking-table" style="line-height:15px;"> <thead> <tr class="main-tr"> <th style="text-align:center;">#</th> <th style="text-align:center;">Item</th> <th style="text-align:center;">Added on</th> <th style="text-align:center;">Merchant</th> <th style="text-align:center;">Buyer</th> <th style="text-align:center;">Bought On</th> <th style="text-align:center;">Price</th> </tr> </thead> <tbody> <tr> <td style="align-content:center; border: 1px solid black;">1</td> <td style="align-content:center; border: 1px solid black;"> <span id="market_item_223619" data-info="0101530015343402009000FFFFFFFFFF"> <a style="cursor:pointer"><span style="color:green;font-family: tahoma;font-size: 12px;">Exl. Dragon Pants </span></a> </span> </td> <td style="align-content:center; border: 1px solid black;">05/11/2020 15:11</td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/50657750657743726974/Max30RR">PewPewCrit</a> </td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/4861646573/Max30RR">Hades</a> </td> <td style="align-content:center; border: 1px solid black;">10/11/2020 05:37</td> <td style="align-content:center; border: 1px solid black; width: 100px;"> <span class="market_bless " style=""> 1 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/bless.gif" alt="MuOnlineWebs" title="Jewel of Bless" /> </span> <br/> </td> </tr> <tr> <td style="align-content:center; border: 1px solid black;">2</td> <td style="align-content:center; border: 1px solid black;"> <span id="market_item_223297" data-info="10C250001325FE00004000FFFFFFFFFF"> <a style="cursor:pointer"><span style="color:#E68A2E;font-family: tahoma;font-size: 12px;">Saint Crossbow +8</span></a> </span> </td> <td style="align-content:center; border: 1px solid black;">05/11/2020 15:12</td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/50657750657743726974/Max30RR">PewPewCrit</a> </td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/5461646575737a/Max30RR">Tadeusz</a> </td> <td style="align-content:center; border: 1px solid black;">09/11/2020 17:38</td> <td style="align-content:center; border: 1px solid black; width: 100px;"> <span class="market_bless " style=""> 1 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/bless.gif" alt="MuOnlineWebs" title="Jewel of Bless" /> </span> <br/> </td> </tr> <tr> <td style="align-content:center; border: 1px solid black;">3</td> <td style="align-content:center; border: 1px solid black;"> <span id="market_item_222098" data-info="0040D400156A3C0000C000FFFFFFFFFF"> <a style="cursor:pointer"><span style="font-family: tahoma;font-size: 12px;">Wings of Elf +8</span></a> </span> </td> <td style="align-content:center; border: 1px solid black;">05/11/2020 15:11</td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/50657750657743726974/Max30RR">PewPewCrit</a> </td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/43756d7061/Max30RR">Cumpa</a> </td> <td style="align-content:center; border: 1px solid black;">07/11/2020 15:03</td> <td style="align-content:center; border: 1px solid black; width: 100px;"> <span class="market_chaos " style=""> 5 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/chaos.gif" alt="MuOnlineWebs" title="Jewel of Chaos" /> </span> <br/> </td> </tr> <tr> <td style="align-content:center; border: 1px solid black;">4</td> <td style="align-content:center; border: 1px solid black;"> <span id="market_item_222094" data-info="0B0229001098190A00B000FFFFFFFFFF"> <a style="cursor:pointer"><span style="color:green;font-family: tahoma;font-size: 12px;">Exl. Silk Boots </span></a> </span> </td> <td style="align-content:center; border: 1px solid black;">05/11/2020 15:11</td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/50657750657743726974/Max30RR">PewPewCrit</a> </td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/43756d7061/Max30RR">Cumpa</a> </td> <td style="align-content:center; border: 1px solid black;">07/11/2020 15:01</td> <td style="align-content:center; border: 1px solid black; width: 100px;"> <span class="market_chaos " style=""> 3 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/chaos.gif" alt="MuOnlineWebs" title="Jewel of Chaos" /> </span> <br/> </td> </tr> <tr> <td style="align-content:center; border: 1px solid black;">5</td> <td style="align-content:center; border: 1px solid black;"> <span id="market_item_221603" data-info="0338A00010F6450000C000FFFFFFFFFF"> <a style="cursor:pointer"><span style="font-family: tahoma;font-size: 12px;">Wings of Spirits +7</span></a> </span> </td> <td style="align-content:center; border: 1px solid black;">06/11/2020 00:07</td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/50657750657743726974/Max30RR">PewPewCrit</a> </td> <td style="align-content:center; border: 1px solid black;"> <a href="https://mu.oldsquad.ro/details/character/6c4368756b756e646168/Max30RR">lChukundah</a> </td> <td style="align-content:center; border: 1px solid black;">06/11/2020 16:11</td> <td style="align-content:center; border: 1px solid black; width: 100px;"> <span class="market_credits " style=""> 250 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/credits.gif" alt="MuOnlineWebs" title="Credits" /> </span> <br/> <span class="market_bless " style=""> 30 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/bless.gif" alt="MuOnlineWebs" title="Jewel of Bless" /> </span> <br/> <span class="market_soul " style=""> 30 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/soul.gif" alt="MuOnlineWebs" title="Jewel of Soul" /> </span> <br/> <span class="market_chaos " style=""> 5 x <img width="30" height="50" style="padding-right: 10px;" src="https://mu.oldsquad.ro/assets/jewels/chaos.gif" alt="MuOnlineWebs" title="Jewel of Chaos" /> </span> <br/> </td> </tr> </tbody> </table> </spoiler> These changes can be made in the market history template that dynamicaly generates the view (populates it with real dynamic data), but I think you already know what I'm talking about; How this would bring value: Well that's straight forward, it is a really easy and fast to do modification that improves how all of us visualise that history table and allows us to cleanly and fastly read through it without having to stress our eyes trying to distinguish column from column, row from row, etc. It's a quality of life improvement that I'm sure no one will really have anything against it. How would I personally implement it: Well I already left you a picture and a code snip of a 'sketch' that already improved the visualisation of the table Gion 1 Link to comment Share on other sites More sharing options...
Hvman Posted November 12, 2020 Group: Members Content Count: 128 Reputation: 24 Joined: 04/28/2020 Status: Offline Report Share Posted November 12, 2020 Give me your main-char name in game. I don't wanna f**k with a guy that can code. ONTOPIC: I think your improvement is a lot better for the simple eye. Link to comment Share on other sites More sharing options...
ICrit Posted November 12, 2020 Group: Members Content Count: 7 Reputation: 2 Joined: 11/08/2020 Status: Offline Author Report Share Posted November 12, 2020 5 hours ago, Hvman said: Give me your main-char name in game. I don't wanna f**k with a guy that can code. ONTOPIC: I think your improvement is a lot better for the simple eye. It's written in the post itself lel. Anw, that's not really what I would call coding. The template itself doesn't look like that and it includes alot of PHP code most likely (unless it has a frontend written fully in JS), either way if needed I can help pin-point the exact changes (it's not really a big of a 'code change' it's just some remake of the elements style, that's really all); Link to comment Share on other sites More sharing options...
Recommended Posts