SITE TITLE
必読
更新
読物
拍手
返信
連結
rank
rank
rank
訪問12345番目
最終更新日2014/04/20
開設日2000/00/00
管理人 ○○○
HP design-
はくがいがい
------キリトリ------
これを新選組好きなあなたに。パート2!
今回はオンカーソルでリンクが動きます。
※CSSとかタグってどこに貼ればいいの?っておっしゃるフォレストユーザーさんはこちらの解説へどうぞ→
CSSとタグの使い方
CSS。
<style type="text/css"><!-- body{scrollbar-base-color:#87cefa;font-size:14px;}.deco a{text-decoration:none;}.deco a:hover{border-bottom:1px dashed;position:relative;top:1px;left:1px;} --></style>
タグ。毎度のことですがurl(誠画像URL)の部分の括弧→url()は消さないこと。<img src="だんだら模様素材URL" border="0">は独自タグに差し替えてもOKです。
<div style="text-align:center;"><div class="deco" style="margin:0 auto;width:262px;padding:1px;line-height:1.5;color:black;background-color:#87cefa;background-image:url(誠画像URL);background-repeat:no-repeat;background-position:left top;"><br><div style="width:95%;margin:0 auto;text-align:left;"><div style="text-align:right;"><span style="font-size:x-large;color:white;">SITE TITLE</span></div><br><br><a href="URL">必読</a> <a href="URL">更新</a> <a href="URL">読物</a><br><a href="URL">拍手</a> <a href="URL">返信</a> <a href="URL">連結</a><br><br><a href="URL">rank</a> <a href="URL">rank</a> <a href="URL">rank</a><br><br><div style="font-size:small;">訪問12345番目<br>最終更新日2014/04/20<br>開設日2000/00/00<br>管理人 ○○○</div><br><div style="text-align:right;font-size:x-small;" align="right">HP design-<a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a></div></div><br><img src="だんだら模様素材URL" border="0"></div></div>
文字色
■
ブラック(#000000)
リンクの色
■
ブルー(#000080)
クリック済みリンクの色
■
#008080
クリック中リンクの色
■
#008080
背景色
■
ホワイト(#ffffff)
↓「誠」素材(サムネイルです。新選組テンプレにあるものと同じですが一応)
だんだら模様は上のテンプレから直接持って帰ってください。
------キリトリ------
SITE TITLE
▼
取扱説明
更新
|
創作物
拍手
|
返信
|
掲示板
連結
|
雑記
▼
登録番付
ranking1
ranking2
ranking3
▼
仕様
訪問12345番目
最終更新日2015/06/16
開設日2000/00/00
管理人 なまえ
designed by
はくがいがい
------キリトリ------
ひとつのボックス内に2個背景画像を設置する(CSS3)。つまり、画像をただ置いただけのときと違って、だんだら模様の上にも文字が書けるということ。
ちなみにこちら、box幅は390px。それ以下の幅の端末では、表示画面に対してbox幅は85%の割合でみえます。
CSS。
<style type="text/css"><!-- body{scrollbar-base-color:#87cefa;font-size:14px;}.deco a{text-decoration:none;}.deco a:hover{border-bottom:1px dashed;position:relative;top:1px;left:1px;} --></style>
タグ。background-image:url(誠の画像URL),url(だんだら模様のURL);と並んでますが、くれぐれも順番を逆にしないように。それと、毎度のことですがカッコ→url()は消してはだめですよ。
<div style="text-align:center;"><div class="deco" style="background-color:#87cefa;background-image:url(誠の画像URL),url(だんだら模様のURL);background-repeat:no-repeat,repeat-x;background-position:left top,center bottom;width:85%;max-width:390px;margin:0 auto;padding:2% 5% 1%;color:black;box-sizing:border-box;border:1px solid #87cefa;text-align:left;line-height:1.5;"><h2 style="text-align:center;font:bold 30px/1 serif;color:white;">SITE TITLE</h2><br><font color="white">▼</font><a href="URL">取扱説明</a><br><a href="URL">更新</a> | <a href="URL">創作物</a><br><a href="URL">拍手</a> | <a href="URL">返信</a> | <a href="URL">掲示板</a><br><a href="URL">連結</a> | <a href="URL">雑記</a><br><br><br><font color="white">▼</font>登録番付<br><a href="URL">ranking1</a><br><a href="URL">ranking2</a><br><a href="URL">ranking3</a><br><br><br><font color="white">▼</font>仕様<br>訪問12345番目<br>最終更新日2015/06/16<br>開設日2000/00/00<br>管理人 なまえ<br><div style="text-align:right;font-size:x-small;margin-top:40px;" align="right">designed by <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a></div></div></div>
[
TOPへ
]
[
カスタマイズ
]
©フォレストページ