Used Divs m8

This commit is contained in:
alisolarflare 2017-04-27 16:59:55 -04:00
parent bd1ac96dd2
commit 8024c5b451
2 changed files with 44 additions and 26 deletions

View file

@ -20,18 +20,42 @@ h1{
}
h3{
font-family: "Verdana", serif;
text-align: center;
font-size: 1.5em;
font-size: 1.7em;
color: white;
text-shadow: 3px 3px 3px #222222;
}
a{
color: white;
}
#buttonDiv {
width: 500px
height: 170px
}
.bitcoinQRcode{
margin:auto;
width: 50%;
#dynmap {
margin-right: auto;
margin-left: auto;
text-align: center;
}
#reddit {
margin-right: auto;
margin-left: auto;
text-align: center;
}
#discord {
margin-right: auto;
margin-left: auto;
text-align: center;
}
#donate{
margin-right: auto;
margin-left: auto;
text-align: center;
}
#bitcoinQRcode{
margin-right: auto;
margin-left: auto;
text-align: center;
}

View file

@ -5,34 +5,28 @@
<HEAD>
<LINK href="custom.css" rel="stylesheet" type="text/css">
</HEAD>
<div id="buttonTitle">
<h1>
The Button Minecraft
</h1>
<h1>The Button Minecraft</h1>
</div>
<div id="buttonDiv">
<canvas id="buttonCanvas" width="570" height = "170"></canvas>
<script src="buttonInteractive.js"></script>
</div>
<div id="joinus">
<h3>
Join the experiment at <a href="https://www.reddit.com/r/ChromaGamers"> /r/ChromaGamers<a>
</h3>
<h3>
Play with us on server.figytuna.com
</h3>
</div>
<br>
<div id="dynmap">
<h3>
Explore the world on our dynamic map:
</h3>
<h3>
<a href="http://server.figytuna.com:8123/">
Dynmap
</a>
</h3>
<h3><a href="http://server.figytuna.com:8123/">Dynmap</a></h3>
</div>
<div id="reddit">
<h3><a href="http://www.reddit.com/r/chromagamers">Reddit</a></h3>
</div>
<div id="discord">
<h3><a href="https://discord.gg/5zr49aB">Discord</a></h3>
</div>
<br>
<div id="donate">
<h3>The server is relies on donations to run.</h3>
@ -45,7 +39,7 @@
<h3>Bitcoin:</h3>
<a href="bitcoin:163Sh5YJwiLbZkgLyD9dd8iPy7BNgF1Bn1?amount=0.03254785&amp;label=TheButtonServer" align="middle">
<div class="bitcoinQRcode">
<div id="bitcoinQRcode">
<img style="width:222px" src="http://figytuna.com/server/images/bitcoin.png" align="middle">
</div>
<p>163Sh5YJwiLbZkgLyD9dd8iPy7BNgF1Bn1</p></a>