jeddunk/fighting-game-icons
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
Jeddunk 2016-02-19 16:35:19 +01:00
commit 6be70b3b73
32 changed files with 223 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
css/fgi.css Normal file
View File

@ -0,0 +1,122 @@
.fgi
{
height:1.5em;
width:1.5em;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
display:inline-block;
vertical-align:middle
}
.fgi-forward{
background-image:url("fgi/forward.png")
}
.fgi-back{
background-image:url("fgi/back.png")
}
.fgi-jump{
background-image:url("fgi/jump.png")
}
.fgi-down{
background-image:url("fgi/down.png")
}
.fgi-df{
background-image:url("fgi/downforward.png")
}
.fgi-db{
background-image:url("fgi/downback.png")
}
.fgi-qcf{
background-image:url("fgi/qcf.png")
}
.fgi-qcb{
background-image:url("fgi/qcb.png")
}
.fgi-hcf{
background-image:url("fgi/hcf.png")
}
.fgi-hcb{
background-image:url("fgi/hcb.png")
}
.fgi-dp{
background-image:url("fgi/shoryf.png")
}
.fgi-dp-b{
background-image:url("fgi/shoryb.png")
}
.fgi-360{
background-image:url("fgi/360.png")
}
.fgi-punch{
background-image:url("fgi/sfpunch.png")
}
.fgi-kick{
background-image:url("fgi/sfkick.png")
}
.fgi-lp{
background-image:url("fgi/lp.png")
}
.fgi-lk{
background-image:url("fgi/lk.png")
}
.fgi-mp{
background-image:url("fgi/mp.png")
}
.fgi-mk{
background-image:url("fgi/mk.png")
}
.fgi-hp{
background-image:url("fgi/hp.png")
}
.fgi-hk{
background-image:url("fgi/hk.png")
}
.fgi-3p{
/* margin-top: 0.16em;*/
width: 3.66em;
background-image:url("fgi/3p.png")
}
.fgi-3k{
/* margin-top: 0.16em;*/
width: 3.66em;
background-image:url("fgi/3k.png")
}
.fgi-s{
background-image:url("fgi/button_s.png")
}
.fgi-hs{
background-image:url("fgi/button_hs.png")
}
.fgi-d{
background-image:url("fgi/button_d.png")
}
br.spaced {
margin-bottom: 1em;
}

BIN
css/fgi/360.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
css/fgi/3k.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 523 B

BIN
css/fgi/3p.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 702 B

BIN
css/fgi/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
css/fgi/bjump.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
css/fgi/button_d.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
css/fgi/button_hs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
css/fgi/button_s.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
css/fgi/down.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
css/fgi/downback.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
css/fgi/downforward.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
css/fgi/fjump.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
css/fgi/forward.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
css/fgi/hcb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
css/fgi/hcf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
css/fgi/hk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
css/fgi/hp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
css/fgi/jump.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
css/fgi/lk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
css/fgi/lp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
css/fgi/mk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
css/fgi/mp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
css/fgi/neutral.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
css/fgi/njump.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
css/fgi/qcb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
css/fgi/qcf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
css/fgi/sfkick.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 331 B

BIN
css/fgi/sfpunch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 432 B

BIN
css/fgi/shoryb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
css/fgi/shoryf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

101
index.html Normal file
View File

@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fighting Game Icons</title>
<meta name="description" content="Fighting Game Icons">
<meta name="author" content="Jeddunk">
<link rel="stylesheet" href="https://bootswatch.com/slate/bootstrap.min.css">
<link rel="stylesheet" href="css/fgi.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--script src="js/fgi.js"></script-->
<div class="container">
<header class="jumbotron">
<h1>Fighting Game Icons</h1>
</header>
<main>
<div>
<h1 class="page-header">List of all available icons:</h1>
<em>Hover over icon for code!</em>
<div>
<h2>Default Directional Inputs</h2>
<span class="fgi fgi-forward" title="fgi-forward"></span>
<span class="fgi fgi-df" title="fgi-df"></span>
<span class="fgi fgi-down" title="fgi-down"></span>
<span class="fgi fgi-db" title="fgi-db"></span>
<span class="fgi fgi-back" title="fgi-back"></span>
<span class="fgi fgi-jump" title="fgi-jump"></span>
</div>
<div>
<h2>Special Directional Inputs</h2>
<span class="fgi fgi-qcf" title="fgi-qcf"></span>
<span class="fgi fgi-qcb" title="fgi-qcb"></span>
<span class="fgi fgi-hcf" title="fgi-hcf"></span>
<span class="fgi fgi-hcb" title="fgi-hcb"></span>
<span class="fgi fgi-dp" title="fgi-dp"></span>
<span class="fgi fgi-dp-b" title="fgi-dp-b"></span>
<span class="fgi fgi-360" title="fgi-360"></span>
</div>
<div>
<h2>Buttons</h2>
<span class="fgi fgi-punch" title="fgi-punch"></span>
<span class="fgi fgi-kick" title="fgi-kick"></span>
<br/>
<span class="fgi fgi-lp" title="fgi-lp"></span>
<span class="fgi fgi-mp" title="fgi-mp"></span>
<span class="fgi fgi-hp" title="fgi-hp"></span>
<span class="fgi fgi-lk" title="fgi-lk"></span>
<span class="fgi fgi-mk" title="fgi-mk"></span>
<span class="fgi fgi-hk" title="fgi-hk"></span>
<br>
<span class="fgi fgi-3p" title="fgi-3p"></span>
<span class="fgi fgi-3k" title="fgi-3k"></span>
<br class="spaced"/><em>Guilty Gear</em><br/>
<span class="fgi fgi-s" title="fgi-s"></span>
<span class="fgi fgi-hs" title="fgi-hs"></span>
<span class="fgi fgi-d" title="fgi-d"></span>
</div>
</div>
<div>
<h1 class="page-header">Examples</h1>
<code>
&lt;i class="fgi fgi-dp">&lt;/i>+&lt;i class="fgi fgi-punch">&lt;/i>
</code>
<br/>
<i class="fgi fgi-dp"></i>+<i class="fgi fgi-punch"></i> - Ryu's Shoryuken
<br class="spaced"/>
<code>
&lt;i class="fgi fgi-360"></i>&lt;i class="fgi fgi-360"></i>+&lt;i class="fgi fgi-3p">&lt;/i>
</code>
<br/>
<i class="fgi fgi-360"></i><i class="fgi fgi-360"></i>+<i class="fgi fgi-3p"></i> - Zangief's Ultimate Atomic Buster
<br class="spaced"/>
<code>
&lt;i class="fgi fgi-qcf">&lt;/i>&lt;i class="fgi fgi-qcf">&lt;/i>+&lt;i class="fgi fgi-s">&lt;/i>
</code>
<br/>
<i class="fgi fgi-qcf"></i><i class="fgi fgi-qcf"></i>+<i class="fgi fgi-s"></i> - Faust's Shigekiteki Zetsumeiken
</div>
<div>
<h1 class="page-header">Todo</h1>
<ul>
<li>"Hold" directions and buttons</li>
<li>A, B, C, D (NeoGeo)</li>
<li>1, 2, 3, 4 or LP, RP, LK, RK (Tekken)</li>
</ul>
</div>
</main>
<footer></footer>
</div>
</body>
</html>