SITE TITLE
first
update
main
clap
re
link
キリトリ
タップのしやすさを重視したデカめレイアウト。
完全にCSSまかせで古いガラケーでは崩れる可能性大。タグは簡単です。
↓レイアウト全投下。
CSS(＜style type="text/css"＞〜＜/style＞←これ)が長いですが、詳しくないひとはいじらないほうがいいです。
<style type="text/css"><!-- body{margin:0;padding: 0;text-align: center;box-align:center;font-size: 16px;}div#header{color:white;background:salmon;display:block;border:1px #a0522d solid;width:85%;font-size:24px;text-align:left;margin:0 auto;padding:3px;}div#menu{background:white;display:block;border:1px #a0522d solid;width:85%;font-size:24px;text-align:center;margin:0 auto;padding:3px;}div#menu a{border:1px #a0522d solid;display:block;text-align:right;color:white;background:darksalmon;width:150px;padding:3px;margin:0 auto;line-height: 1.0;}div#menu a:visited{color:navajowhite;}div#menu a:hover{color:white;background:lightsalmon;position:relative;top:1px;left:1px;}div#footer{color:white;background:salmon;display:block;border:1px #a0522d solid;width:85%;font-size:80%;text-align:right;margin:0 auto;padding:3px;}.deco a{text-decoration:none;} --></style><br><br><div id="header">SITE TITLE</div><br><div id="menu"><div class="deco"><br><a href="URL">first</a><br><a href="URL">update</a><br><a href="URL">main</a><br><a href="URL">clap</a><br><a href="URL">re</a><br><a href="URL">link</a><br></div></div><br><div id="footer">count-12345<br>master-○○○<br>sitedesign-<a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a></div>
文字色
■
ブラック(#000000)
リンクの色
■
#73a20a
クリック済みリンクの色
■
オリーブ(#808000)
クリック中リンクの色
■
オリーブ(#808000)
背景色
■
ベージュ(#f5f5dc)
[
TOPへ
]
[
ｶｽﾀﾏｲｽﾞ
]
©フォレストページ