Single post in Kirozey's World of Wonder
Forum Index > PokéFarm > Journals > Kirozey's World of Wonder >
Table for my badge progress as I reach Wishalloy for all 18
Feel free to do whatever you like with it.
If you have any comments/questions/feedback feel free to PM~
Journey To Alloy | ||
---|---|---|
Code
[table][tr][th=3x1]Journey To Alloy[/th][/tr]
[tr][td][css=display: inline-block;width:110px;][progress="[inventory=Normal Gem]/4300"][tip=Normal][number][inventory=Normal Gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/normal-7.png[/img] => [img]https://pfq-static.com/img/badges-2/normal-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=fire gem]/4300"][tip=Fire][number][inventory=fire gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/fire-7.png[/img] => [img]https://pfq-static.com/img/badges-2/fire-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=water gem]/4300"][tip=Water][number][inventory=water gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/water-6.png[/img] => [img]https://pfq-static.com/img/badges-2/water-9.png[/img][/progress][/css][/td][/tr]
[tr][td][css=display: inline-block;width:110px;][progress="[inventory=electric gem]/1"]~[color=#ffc23d][size=12]★[/size][/color]~
[img]https://pfq-static.com/img/badges-2/electric-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=grass gem]/4300"][tip=Grass][number][inventory=grass gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/grass-7.png[/img] => [img]https://pfq-static.com/img/badges-2/grass-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=ice gem]/4300"][tip=Ice][number][inventory=ice gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/ice-6.png[/img] => [img]https://pfq-static.com/img/badges-2/ice-9.png[/img][/progress][/css][/td][/tr]
[tr][td][css=display: inline-block;width:110px;][progress="[inventory=fighting gem]/4300"][tip=Fighting][number][inventory=fighting gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/fighting-6.png[/img] => [img]https://pfq-static.com/img/badges-2/fighting-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=poison gem]/4300"][tip=Poison][number][inventory=poison gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/poison-7.png[/img] => [img]https://pfq-static.com/img/badges-2/poison-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=ground gem]/4300"][tip=Ground][number][inventory=ground gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/ground-7.png[/img] => [img]https://pfq-static.com/img/badges-2/ground-9.png[/img][/progress][/css][/td][/tr]
[tr][td][css=display: inline-block;width:110px;][progress="[inventory=flying gem]/4300"][tip=Flying][number][inventory=flying gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/flying-6.png[/img] => [img]https://pfq-static.com/img/badges-2/flying-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=psychic gem]/4300"][tip=Psychic][number][inventory=psychic gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/psychic-6.png[/img] => [img]https://pfq-static.com/img/badges-2/psychic-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=bug gem]/1"][tip=Bug]~[color=#ffc23d][size=12]★[/size][/color]~[/tip]
[img]https://pfq-static.com/img/badges-2/bug-9.png[/img][/progress][/css][/td][/tr]
[tr][td][css=display: inline-block;width:110px;][progress="[inventory=rock gem]/4300"][tip=Rock][number][inventory=rock gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/rock-7.png[/img] => [img]https://pfq-static.com/img/badges-2/rock-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=ghost gem]/4300"][tip=Ghost][number][inventory=ghost gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/ghost-6.png[/img] => [img]https://pfq-static.com/img/badges-2/ghost-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=dragon gem]/4300"][tip=Dragon][number][inventory=dragon gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/dragon-6.png[/img] => [img]https://pfq-static.com/img/badges-2/dragon-9.png[/img][/progress][/css][/td][/tr]
[tr][td][css=display: inline-block;width:110px;][progress="[inventory=dark gem]/4300"][tip=Dark][number][inventory=dark gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/dark-6.png[/img] => [img]https://pfq-static.com/img/badges-2/dark-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=steel gem]/4300"][tip=Steel][number][inventory=steel gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/steel-6.png[/img] => [img]https://pfq-static.com/img/badges-2/steel-9.png[/img][/progress][/css][/td]
[td][css=display: inline-block;width:110px;][progress="[inventory=fairy gem]/4300"][tip=Fairy][number][inventory=fairy gem][/number]/4,300[/tip]
[img]https://pfq-static.com/img/badges-2/fairy-6.png[/img] => [img]https://pfq-static.com/img/badges-2/fairy-9.png[/img][/progress][/css][/td][/tr][/table]
[Style]
Table {
margin: 0 auto;
border-radius: 5px;
}
tr {
background: none;
th {
background-image: url('https://cdn.discordapp.com/attachments/494614045500899328/746780906701848676/unknown.png');
background-size: 50px 20px;
color: white;
padding: 10px;
}
}
.expbar {
/* bar and text */
color: white;
background-color: #020024;
border: 1px black solid;
border-radius: 10px;
&>div {
/* bar fill*/
background: linear-gradient(to right, #4f4f90,#383866,#020024);
border: hidden;
}
}
table {
border-collapse: separate;
border: hidden;
border-radius: 5px;
background-image: url('https://cdn.discordapp.com/attachments/494614045500899328/746780906701848676/unknown.png');
background-repeat: no-repeat;
background-size: cover;
}
td, th {
border: hidden;
border-radius: 5px;
text-align:center;
}
th {
border: hidden;
border-radius: 5px;
}
td:first-child, th:first-child {
border-radius: 5px;
}[/Style]
Credit
Badges: Pokefarm
Backgrounds: Myself
Coding: Myself with help from online guides, shoutout to w3school.com and css/styeclass coding compatibility guides from Pokefarm.
Free to use, free to edit, have fun~
Badge Number Tip:
1- Nickel (was Bronze)
2- Zinc (was Silver)
3- Bronze (was Gold)
4- Silver (was Platinum)
5- Gold (was Titanium)
6- Platinum (was Mythril)
7- Mythril (was Adamantium)
8- Nintendium (Nintendont)
9- Wishalloy
-Master-
10/1- Red
11/2- Blue
12/3- Green
13/4- Silver
I need to fix this...help.
[Credit]
[Credit]