POE Rank Mockup

Developer
Calvin
Size
4,156 Kb
Views
28,336
  1. POE Rank Mockup Previews
  2. POE Rank Mockup HTML Codes
  3. POE Rank Mockup CSS Codes
  4. POE Rank Mockup JS Codes

How do I make an poe rank mockup?

Mock up Table for POE Score. What is a poe rank mockup? How do you make a poe rank mockup? This script and codes were developed by Calvin on 11 August 2022, Thursday.

POE Rank Mockup Previews
IQ Test

POE Rank Mockup - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>POE Rank Mockup</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>
<div id="container">
<table class="tidy_table"><thead><tr>
<th title="Rank"">Rank</th>
<th title="Name"">Name</th>
<th title="Score"">Score</th></tr></thead>
<tbody><tr><td title="1">1</td><td title="Throzz"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Throzz">Throzz</a></td><td title="17477041.00">17477041.00</td></tr><tr><td title="2">2</td><td title="ZoRoXo"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/ZoRoXo">ZoRoXo</a></td><td title="16344198.67">16344198.67</td></tr><tr><td title="3">3</td><td title="FrAgGy"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/FrAgGy">FrAgGy</a></td><td title="16333429.67">16333429.67</td></tr><tr><td title="4">4</td><td title="Pam"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Pam">Pam</a></td><td title="16203969.33">16203969.33</td></tr><tr><td title="5">5</td><td title="Helman"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Helman">Helman</a></td><td title="15716988.33">15716988.33</td></tr><tr><td title="6">6</td><td title="cwu"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/cwu">cwu</a></td><td title="15455508.00">15455508.00</td></tr><tr><td title="7">7</td><td title="ctcsback"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/ctcsback">ctcsback</a></td><td title="15257878.00">15257878.00</td></tr><tr><td title="8">8</td><td title="tagpt"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/tagpt">tagpt</a></td><td title="14965920.33">14965920.33</td></tr><tr><td title="9">9</td><td title="Rithz"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Rithz">Rithz</a></td><td title="14904454.67">14904454.67</td></tr><tr><td title="10">10</td><td title="Fightgarr"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Fightgarr">Fightgarr</a></td><td title="14846863.67">14846863.67</td></tr><tr><td title="11">11</td><td title="lZeus"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/lZeus">lZeus</a></td><td title="14840834.67">14840834.67</td></tr><tr><td title="12">12</td><td title="w0wsuchdoge"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/w0wsuchdoge">w0wsuchdoge</a></td><td title="14836107.67">14836107.67</td></tr><tr><td title="13">13</td><td title="popcornyogi"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/popcornyogi">popcornyogi</a></td><td title="14827223.33">14827223.33</td></tr><tr><td title="14">14</td><td title="boof"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/boof">boof</a></td><td title="14782243.00">14782243.00</td></tr><tr><td title="15">15</td><td title="janimauk"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/janimauk">janimauk</a></td><td title="14650518.67">14650518.67</td></tr><tr><td title="16">16</td><td title="lPeeps"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/lPeeps">lPeeps</a></td><td title="14466314.33">14466314.33</td></tr><tr><td title="17">17</td><td title="Tolerancece"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Tolerancece">Tolerancece</a></td><td title="14445049.67">14445049.67</td></tr><tr><td title="18">18</td><td title="Paveltov"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Paveltov">Paveltov</a></td><td title="14053242.67">14053242.67</td></tr><tr><td title="19">19</td><td title="TheuberClips"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/TheuberClips">TheuberClips</a></td><td title="14040876.33">14040876.33</td></tr><tr><td title="20">20</td><td title="kyuzoudono"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/kyuzoudono">kyuzoudono</a></td><td title="13833297.33">13833297.33</td></tr><tr><td title="21">21</td><td title="Granger_Guildmage"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Granger_Guildmage">Granger_Guildmage</a></td><td title="13294287.00">13294287.00</td></tr><tr><td title="22">22</td><td title="GucciPradas"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/GucciPradas">GucciPradas</a></td><td title="13170533.33">13170533.33</td></tr><tr><td title="23">23</td><td title="Raiz2"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Raiz2">Raiz2</a></td><td title="13159707.33">13159707.33</td></tr><tr><td title="24">24</td><td title="cobaIt"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/cobaIt">cobaIt</a></td><td title="12961072.00">12961072.00</td></tr><tr><td title="25">25</td><td title="haste"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/haste">haste</a></td><td title="12591764.00">12591764.00</td></tr><tr><td title="26">26</td><td title="terrex"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/terrex">terrex</a></td><td title="12564425.33">12564425.33</td></tr><tr><td title="27">27</td><td title="jstq"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/jstq">jstq</a></td><td title="12340430.00">12340430.00</td></tr><tr><td title="28">28</td><td title="NJayWil"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/NJayWil">NJayWil</a></td><td title="12336844.33">12336844.33</td></tr><tr><td title="29">29</td><td title="buzzi"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/buzzi">buzzi</a></td><td title="12334396.00">12334396.00</td></tr><tr><td title="30">30</td><td title="Dsfarblarwaggle"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Dsfarblarwaggle">Dsfarblarwaggle</a></td><td title="12116076.67">12116076.67</td></tr><tr><td title="31">31</td><td title="Steelmage"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Steelmage">Steelmage</a></td><td title="12086463.67">12086463.67</td></tr><tr><td title="32">32</td><td title="shashk0"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/shashk0">shashk0</a></td><td title="11937917.33">11937917.33</td></tr><tr><td title="33">33</td><td title="MrShyPanda"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/MrShyPanda">MrShyPanda</a></td><td title="11900710.00">11900710.00</td></tr><tr><td title="34">34</td><td title="ithinkithink"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/ithinkithink">ithinkithink</a></td><td title="11875514.67">11875514.67</td></tr><tr><td title="35">35</td><td title="JonMicha"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/JonMicha">JonMicha</a></td><td title="11539691.67">11539691.67</td></tr><tr><td title="36">36</td><td title="Kurokaze22"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Kurokaze22">Kurokaze22</a></td><td title="11483629.67">11483629.67</td></tr><tr><td title="37">37</td><td title="Cataract"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Cataract">Cataract</a></td><td title="11482420.00">11482420.00</td></tr><tr><td title="38">38</td><td title="StuntmanBob"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/StuntmanBob">StuntmanBob</a></td><td title="11369970.00">11369970.00</td></tr><tr><td title="39">39</td><td title="Sivluu"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Sivluu">Sivluu</a></td><td title="11324821.67">11324821.67</td></tr><tr><td title="40">40</td><td title="Morsexier"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Morsexier">Morsexier</a></td><td title="11310615.00">11310615.00</td></tr><tr><td title="41">41</td><td title="Dayozee"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Dayozee">Dayozee</a></td><td title="11264892.67">11264892.67</td></tr><tr><td title="42">42</td><td title="chromengel"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/chromengel">chromengel</a></td><td title="11248682.00">11248682.00</td></tr><tr><td title="43">43</td><td title="McCheeze"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/McCheeze">McCheeze</a></td><td title="10849781.33">10849781.33</td></tr><tr><td title="44">44</td><td title="k1infran"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/k1infran">k1infran</a></td><td title="10781153.67">10781153.67</td></tr><tr><td title="45">45</td><td title="Lemeza"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Lemeza">Lemeza</a></td><td title="10581564.33">10581564.33</td></tr><tr><td title="46">46</td><td title="Karvarousku"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Karvarousku">Karvarousku</a></td><td title="10541242.67">10541242.67</td></tr><tr><td title="47">47</td><td title="Rqt"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Rqt">Rqt</a></td><td title="10333444.67">10333444.67</td></tr><tr><td title="48">48</td><td title="Aekissi"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Aekissi">Aekissi</a></td><td title="10327338.33">10327338.33</td></tr><tr><td title="49">49</td><td title="StupidFatHobbit"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/StupidFatHobbit">StupidFatHobbit</a></td><td title="10289227.00">10289227.00</td></tr><tr><td title="50">50</td><td title="Vexellent"><a target="_blank" href="http://www.pathofexile.com/account/view-profile/Vexellent">Vexellent</a></td><td title="10183267.67">10183267.67</td></tr></tbody></table></div>
</body> <script src="js/index.js"></script>
</body>
</html>

POE Rank Mockup - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);
body { background-color: #12110f;	font-family: droid serif;
}
html { width: 100%; height: 100%;
}
/** Rank Table Color */
table.tidy_table td:nth-child(1) {
border-right: 1px solid #EEEEEE;
color: #5097e7;
}
/** Score Table Color */
table.tidy_table td:nth-last-child(1) {
border-right: none;
letter-spacing: .5px;
font-family: droid serif;
color: #51c81b;
}
/** Background of Table */
table.tidy_table th, table.tidy_table td {
padding: 6px 20px 6px 20px;
text-align: left;
}
table.tidy_table thead { background: #eee; color:#000;
border: 1px solid #474747;
text-transform: uppercase;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: 1px;
}
table.tidy_table {
border-collapse: collapse;
border: 1px solid #474747;
cursor: pointer;
white-space: nowrap;
width: 100%;
}
/** Rank Column */
table.tidy_table th:nth-child(1), table.tidy_table td:nth-child(1) {
width: 10px;
border-right: 1px solid #b8b8b8;
}
table.tidy_table th, table.tidy_table td {
padding: 6px 20px 6px 20px;
border-right: 1px solid #b8b8b8;
}
table.tidy_table td:nth-last-child(1) {
border-right: none;
letter-spacing:.5px;
font-family: droid serif;
}
a { color:#fff;	text-decoration: none; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in;
}
a:hover,
a:focus {	text-decoration: none;	color: #ff0000;	background:none;
}
::-moz-selection { text-shadow: none; background: #fcfcfc; background: rgba(0,0,0,.5);
}
::selection { text-shadow: none; background: #fcfcfc; background: rgba(0,0,0,.5);
}

POE Rank Mockup - Script Codes JS Codes

$(document).ready(function() { var hash = window.location.hash; var url=""; if(hash=="#250") { url = "/api/top/250"; }else { url = "/api/top/50"; } $.get(url, function(data){ var t=[]; for(var i=0; i<data.length; i++) { t.push([data[i].rank, data[i].name, data[i].score]); } $('#container') .TidyTable({ enableCheckbox: false, enableMenu: false, reverseSortDir: true }, { columnTitles: ['Rank', 'Name', 'Score'], columnValues: t, postProcess: { column: linkifyNames }, menuOptions: [ ['- Action -', null], ] }); });	}); function linkifyNames(td){ if($(td).index()==1) { $(td).html("<a target=\"_blank\" href=\"http://www.pathofexile.com/account/view-profile/"+$(td).html()+"\">"+$(td).html()+"</a>"); } }
POE Rank Mockup - Script Codes
POE Rank Mockup - Script Codes
Home Page Home
Developer Calvin
Username CalvinMorett
Uploaded August 11, 2022
Rating 3
Size 4,156 Kb
Views 28,336
Do you need developer help for POE Rank Mockup?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Calvin (CalvinMorett) Script Codes
Name
Image Stack Test SCSS
PORTFOLIO - CEMENT
Column
Portfolio Idea
FireHazard Landing Page
The word good is bad.
Showcase 1 Gallery
Social Button Transition
Portfolio Xperiment
IDEA BLOCKS
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!