↓以下HEAD内CSS(フォームに入れると改行が<br />になっちゃうのでむき出しで置きます)
<style type="text/css">
body{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;}
.deco{
margin: 0 auto;
width: 200px;
height: 200px;}
.deco a{text-decoration:none;}
.deco a:link{color:#ffffff;}
.deco a:visited{color:#ffffff;}
.deco a:active{color:#c0c0c0;}
.deco a:hover{color:#c0c0c0;}
.deco div a{display:block;}
.maru1{
background-color: #000000;
color: #ffffff;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 60px;
-webkit-transform: translate(72px,0);
-moz-transform: translate(72px,0);
-ms-transform: translate(72px,0);
-o-transform: translate(72px,0);
transform: translate(72px,0);}
.maru2{
background-color: #000000;
color: #ffffff;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 60px;
-webkit-transform: translate(6px,-5px);
-moz-transform: translate(6px,-5px);
-ms-transform: translate(6px,-5px);
-o-transform: translate(6px,-5px);
transform: translate(6px,-5px);}
.maru3{
background-color: #000000;
color: #ffffff;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 60px;
-webkit-transform: translate(135px,-65px);
-moz-transform: translate(135px,-65px);
-ms-transform: translate(135px,-65px);
-o-transform: translate(135px,-65px);
transform: translate(135px,-65px);}
.maru4{
background-color: #000000;
color: #ffffff;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 60px;
-webkit-transform: translate(30px,-50px);
-moz-transform: translate(30px,-50px);
-ms-transform: translate(30px,-50px);
-o-transform: translate(30px,-50px);
transform: translate(30px,-50px);}
.maru5{
background-color: #000000;
color: #ffffff;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 60px;
-webkit-transform: translate(115px,-110px);
-moz-transform: translate(115px,-110px);
-ms-transform: translate(115px,-110px);
-o-transform: translate(115px,-110px);
transform: translate(115px,-110px);}
.center{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
-webkit-transform: translate(72px,-226px);
-moz-transform: translate(72px,-226px);
-ms-transform: translate(72px,-226px);
-o-transform: translate(72px,-226px);
transform: translate(72px,-226px);}
</style>
↓以下レイアウト
文字色 ■ #000000
背景色 ■ #ffffff
リンク色 ■ #000000
訪問済み色 ■ #000000
アクティブリンク色 ■ #c0c0c0
DESIGN TEMPLATEへ/
TOPへ