Site Title
---MAIN CONTENTS
First
Update
Main
---SUB CONTENTS
BBS
Clap
Res
Bkm
RANKING LINKS---
○rank
○○○search
○○検索処
HP DESIGN---
はくがいがい
Visiter 12345 hits thx!
Site owner なまえ
------キリトリ------
リンクがボタン風。白色の枠内に置いたリンクはぜんぶ勝手にボタン風になります。独自タグ(##PAGE数字##←こんなの)を置いてもなります。
※google fonts使用。
※CSSってどこに貼ればいいの?っておっしゃるフォレストユーザーさんは
CSSとタグの使い方
も合わせてご覧ください。
CSS。毎度のことですがbackground:#bfd5aa url(リンクの背景素材URL)のカッコ→url()は消しちゃだめです。
<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'><style type="text/css"><!-- .main a{background:#bfd5aa url(リンクの背景素材URL) no-repeat 13% 0%;text-decoration:none;font:bold 16px/2 sans-serif;letter-spacing:0.1em;padding:5px 20px;border-radius:10px;-webkit-box-shadow:inset 2px 2px 3px rgba(255,255,255,0.5),inset -2px -2px 3px rgba(0,0,0,0.2);-moz-box-shadow:inset 2px 2px 3px rgba(255,255,255,0.5),inset -2px -2px 3px rgba(0,0,0,0.2);box-shadow:inset 2px 2px 3px rgba(255,255,255,0.5),inset -2px -2px 3px rgba(0,0,0,0.2);}.main a:hover{color:#6a8d47;-webkit-box-shadow:inset -2px -2px 3px rgba(255,255,255,0.5),inset 2px 2px 3px rgba(0,0,0,0.2);-moz-box-shadow:inset -2px -2px 3px rgba(255,255,255,0.5),inset 2px 2px 3px rgba(0,0,0,0.2);box-shadow:inset -2px -2px 3px rgba(255,255,255,0.5),inset 2px 2px 3px rgba(0,0,0,0.2);} --></style>
タグ。background:#ffffff url(枠内背景素材URL)のカッコ→url()は消しちゃだめです。
<div class="main" style="background:#ffffff url(枠内背景素材URL) no-repeat 100% 0%;width:90%;max-width:400px;margin:20px auto 5px;padding:30px 15px 15px;box-sizing:border-box;border-radius:20px;font:16px/1.3 'Coming Soon',sans-serif;"><div align="center"><span style="font:bold 30px/1 'Coming Soon',sans-serif;border-bottom:3px dotted #80aa55;padding:0 10px;">Site Title</span></div><br><br><font color="#80aa55">---MAIN CONTENTS</font><br><a href="URL">First</a><br><a href="URL">Update</a><br><a href="URL">Main</a><br><br><br><font color="#80aa55">---SUB CONTENTS</font><br><a href="URL">BBS</a><br><a href="URL">Clap</a><br><a href="URL">Res</a><br><a href="URL">Bkm</a></div><br><div class="main" style="background:#ffffff;width:90%;max-width:400px;margin:5px auto 20px;padding:15px;box-sizing:border-box;border-radius:20px;font:16px/1.3 'Coming Soon',sans-serif;text-align:right;"><font color="#80aa55">RANKING LINKS---</font><br><a href="URL">○rank</a><br><a href="URL">○○○search</a><br><a href="URL">○○検索処</a><br><br><br><font color="#80aa55">HP DESIGN---</font><br><a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a><br><br><div align="center">Visiter 12345 hits thx!<br>Site owner なまえ</div></div>
文字色
■
ブラック(#000000)
リンクの色
■
#40552b
クリック済みリンクの色
■
#40552b
クリック中リンクの色
■
#6a8d47
背景色
■
#aad5bf
▼使用素材
リンクの背景
↓
枠内背景
↓
[
TOPへ
]
[
カスタマイズ
]
©フォレストページ