Jump to content
Important Info
  • Register now to gain full access!
  • Full Info about Phoenix: HERE
  • Full Info about Inception: HERE
  • OSGM Competition: HERE
  • Big Guide for Newbies: HERE
  • Welcome to OldSquad Community

    Looking to have fun on a Professional Environment?
    Then you are in the best place!
    Join our MU Online Servers and feel the difference.

    SEASON 6 EP 3 - HARD ECONOMY SYSTEM

    - Progressive Gameplay.
    - Dynamic Low EXP.
    - Boosted EXP for Newbies!

    OUTSTANDING QUALITY & SUPPORT

    - Highly configured details in a Smart & Professional way.
    - 15/24 Support on Forum & Facebook.
    - Satisfaction Guaranteed!

    HIGH STABILITY & LONG TERM EDITIONS

    - Dedicated Project without monthly restarts.
    - 95% UP-TIME with announced Maintenances.
    - Weekly Updates & Improvements.

    REAL PLAY2WIN!

    - No WebShop / CashShop / VipServer.
    - Credits can be farmed easily INGAME.
    - 100% Balanced Services.

    [Market History] Table Visual Improvements


    ICrit
     Share

    Recommended Posts


    • Group:  Members
    • Content Count:  7
    • Reputation:   2
    • Joined:  11/08/2020
    • Status:  Offline

    • 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:
        • image.png.0783dc13d74008505e9c070401a066fe.png
      • 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:
        • image.png.e3d5b40718cd2b08887c32633f81317e.png
      • 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 :)
    Link to comment
    Share on other sites


    • Group:  Members
    • Content Count:  128
    • Reputation:   24
    • Joined:  04/28/2020
    • Status:  Offline

    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


    • Group:  Members
    • Content Count:  7
    • Reputation:   2
    • Joined:  11/08/2020
    • Status:  Offline

    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

    Guest
    This topic is now closed to further replies.
     Share

    ×
    ×
    • Create New...

    Important Information

    By using this site, you agree to our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.