Holiday

123456

info main memo mail

ここは###サイトです。主に%%%を扱っています。 ブックマークはこのページでお願いします。 …リョウ様、こんな感じでいかがでしょうか。 マリンっぽく…なっているでしょうか。イラストは水兵さんをイメージして描いてみました。 タグはとても簡単なので改変しやすいと思います。 作り直し可能ですので、気軽にご連絡ください。 素材↓ おまけ↓ HEAD <link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'><style type="text/css"> *{padding:0 auto; margin:0 auto;} #all{max-width: 500px; margin: 0px auto;}} body{padding:100px auto 30px auto; margin:100px auto 30px auto; font-size: 13px; color:#333366; line-height:2; font-family: 'Righteous','Special Elite','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif; text-align:left; overscroll-x:hidden; background-color:#fff; background-image:url(//static.nanos.jp/upload/s/snb373/mtr/0/0/20150817202948.gif),url(//static.nanos.jp/upload/s/snb373/mtr/0/0/20150817202948.gif); background-repeat:repeat-x,repeat-x; background-position:top,bottom;} a {font-size:10px; color:#0C0E47; border-bottom:double 2px #D03C5C; text-shadow:1px 1px 3px #fff,1px -1px 3px #fff,-1px 1px 3px #fff,-1px -1px 3px #fff; text-decoration: none;} a:hover {color:#D03C5C;} a:visited{color:#777;} .title{font-size:65px; color:rgba(12,14,74,0.7); text-shadow:5px 5px rgba(208,60,92,0.8); line-height:1; margin-top:25px;} p{color:#F0E68C; line-height:10px; font-size:10px;} .girl{max-width: 100%; height: auto;} #menu{margin-bottom:25px;} #menu a{color:#0C0E47; font-size:20px; margin:7px; border:none;} #menu a:nth-child(2n){color:#D03C5C;} #menu a:hover{color:#F0E68C;}</style> BODY <div id="all"><center><div class="title">Holiday</div><p>123456</p><Img src="//static.nanos.jp/upload/s/snb373/mtr/0/0/20150816023903.jpg"width="150px"class="girl"/><div id="menu"><a href="">info</a> <a href="">main</a> <a href="">memo</a> <a href="">mail</a></div></center>ここは###サイトです。主に%%%を扱っています。 ブックマークはこのページでお願いします。