Site name
info
main
memo
link
clap
mail
re:
▽Last up 2014/05/02
▽Site open 2000/00/00
▽Master ○○○
▽Ranking
rank
/
rank
/
rank
▽Design
はくがいがい
キリトリ
今回はスクロールバーの配色を細かく指定。と言ってもIEにしかきかんらしいが…
あと文字間(letter-spacing)を2px開けてます。
※CSSとかタグってどこに貼ればいいの?っておっしゃるフォレストユーザーさんはこちらの解説へどうぞ→
CSSとタグの使い方
CSS。
<style type="text/css"><!-- body{line-height:1.7;letter-spacing:2px;scrollbar-face-color:#fafafa;scrollbar-track-color:#fafafa;scrollbar-arrow-color:#fafafa;scrollbar-highlight-color:#fafafa;scrollbar-shadow-color:#fafafa;scrollbar-3dlight-color:#7b68ee;scrollbar-darkshadow-color:#7b68ee;}br{letter-spacing:normal;}.deco a{text-decoration:none;border-bottom:1px dashed;}.deco a:hover{position:relative;top:1px;left:1px;} --></style>
上の枠内。url(素材URL)のカッコ→url()は消しちゃだめです。
<div style="text-align:center;"><div class="deco" style="margin:0 auto;width:300px;padding:0;line-height:1.5;color:#000000;background-color:#ffffff;background-image:url(素材URL);background-repeat:no-repeat;background-position:0 0;text-align:right;"><br><br><div style="text-align:left;font-size:x-large;color:#000000;" align="left"> Site name</div><br><br><br><a href="URL">info</a> <a href="URL">main</a> <a href="URL">memo</a> <a href="URL">link</a><br><a href="URL">clap</a> <a href="URL">mail</a> <a href="URL">re:</a><br><br></div></div>
下の枠内。
<div style="text-align:center;"><div class="deco" style="margin:0 auto;width:300px;padding:0;line-height:1.5;color:#000000;background-color:#ffffff;text-align:left;">▽Last up 2014/05/02<br>▽Site open 2000/00/00<br>▽Master ○○○<br>▽Ranking<br> <a href="URL">rank</a> / <a href="URL">rank</a> / <a href="URL">rank</a><br><br><div style="font-size:x-small;" align="right">▽Design <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a></div></div></div>
文字色
■
ブラック(#000000)
リンクの色
■
#7b68ee
クリック済みリンクの色
■
#778899
クリック中リンクの色
■
#778899
背景色
■
#fafafa
↓枠内背景素材。300×200pxJPG画像。サムネイルです。
[
TOPへ
]
[
カスタマイズ
]
©フォレストページ