諸注意
画像は予めご変更ください。
※画像でimg009,img010を表示させると表示が崩れますので白紙にして下さい。
解る方は背景画像などはimg009,img010などをご使用下さい。
画像を使わない場合はかなり画像が余るかと思います。
タイトルは横幅560pxで固定です。高さはご自由にどうぞ。
使い方がどうしても解らないという方は使用しないで下さい＞＜；
img001〜img008まで使用します。
赤+白verですが、別の色に変更したい時は#ffffff以外の場所を好きな色に変更して下さい。
解る方は白(#ffffff)の部分を変更されても大丈夫です。
またリンクは普通に<a href="">で指定してます。
リンク先を増やしたいときはコピペで増やしてください。
bodyタグ以下の手ブロ説明の所が不要な方は文字を削除してください。
自己責任でお使い下さい。明らかなエラーについては対応します。
メールフォームか手ブロメッセージよりご連絡下さい。
改変はご自由に。色などは変更して下さい。変更の目安については下に。
※再配布はご遠慮下さい。原型を留めない改変後の再配布についてはこの限りではありません。
保存はコピー&ペーストでお願いします。
無料版の忍者サーバースペースを使用している為、テキストエリアを使用すると広告が混ざってしまうので、
お手数ですが、ドラッグしながらコピーして下さい。
ヘッダ画像について
画像の高さを変えたい場合はCSS部分のheight部分を画像の高さに変更して下さい。
※画像の幅は560pxで固定しています。
赤くなっている部分の数字を半角英数で指定して下さい。
#Header {float: left;width: 100%;height: 150px;margin-top: 10px;}
#HeaderTitle {float: left;width: 100%;height: 150px;background-position: left top;background-repeat: no-repeat;}
画像にリンクを貼りたい場合は<body>タグ以下の<!--と-->のタグと<!--と-->以下のimgタグを消してください。
今赤くなっている部分を消せばOKです。若しくは<!--と-->で囲って下さい。
<!--と-->はコメント化タグです。これに囲まれた部分はソースを開かないと見れない仕様となっています。
なので指示やメモとして使うことが多いです。覚えておくと便利かと思います。
<!-- ヘッダペイン -->
<div id="Header">
<!--
<a href="../$user.userId/" id="HeaderTitle">
<img src="$user.image001" border="0" />
</a>
-->
<img src="$user.image001" border="0" />
</div><!-- Header -->
<!-- ヘッダペイン -->
※ヘッダ画像が全く必要ないという場合は<body>タグ以下の上記の部分を<!--と-->で囲って下さい。
ヘッダ部分は全部消すとエラーを吐くみたいです。
例↓赤部分を変更してます。
<!-- ヘッダペイン -->
<div id="Header">
<!--
<a href="../$user.userId/" id="HeaderTitle">
<img src="$user.image001" border="0" />
</a>
<img src="$user.image001" border="0" />
--> ←ここに移動すればOK
</div><!-- Header -->
<!-- ヘッダペイン -->
またCSS部分をのヘッダ部分のheightを0pxにして下さい。
赤文字の様に変更して下さい。
#Header {float: left;width: 100%;height: 0px;margin-top: 10px;}
#HeaderTitle {float: left;width: 100%;height: 0px;background-position: left top;background-repeat: no-repeat;}
プロフィールタグについて
プロフタグは配布しないので、ご自分で現行verのスクショトリミングで対応して下さい。
必要ない場合は赤い部分の<img>タグをサクッと削除して下さい。
<div class="MyImg">
<img src="$user.image002" title="プロフィールタグ" /> ←この赤い部分を全部削除すればOK
<a href="../$user.userId/">
<img src="$user.myProfileImage001" title="ブログ一覧" />
</a>
</div>
画像の設定については以下の通りなのでupロード場所をお間違えなきように。
DLは右クリックでお持ち帰りして下さい。※この画像を使わなくてもOKです。
画像からテキストに戻す際は<img>タグを削除して文字を入れてください。
$user.image001 ヘッダ画像
$user.image002 プロフィール画像
$user.image003 お友達
$user.image004 お気に入り
$user.image005 メッセージ
$user.image006 お友達申請済み
$user.image007 お気に入り中
$user.image008 メッセージ(自分)
$user.image009 空き
$user.image010 空き
※色の薄い方が自分やお友達申請済み、お気に入り中です。画像は透過pngです。
四角の小さい白い画像は編集中のダミー用画像です。実際には黒いふちはありません。
ひとつひとつ持ち帰るのが面倒な方はこちらをどうぞ→img.zip
ZIPで圧縮しています。winなら多分解凍ソフトがなくてもダブルクリックか展開するで解凍できます。
リンクについて
<a href="http://〜" target="_blank" title="ここにリンクの説明">ここにリンク先名(例:ブログ)</a><br>
↑リンクを増やしたい時はコピペで増やして下さい。
※手ブロ詳細の方は最初はリンク非表示設定です。なので、使用したい場合は<!--と-->を外して下さい。
通常上にある手ブロトップやマイページへのリンクを好きな位置に移動できます。
※本来のリンクは非表示設定にしている為。
足したい場合は任意の位置に下のをコピペしてください。
手ブロトップ
<a href="http://tegaki.pipa.jp/">手書きブログトップ</a><br>
マイページ
<a href="../VMyPageS.jsp">マイページ</a><br>
マイハート送信
<a href="../VCreateDotS4.jsp?M=2&ID=$user.userId&TD=$tegaki.tegakiId" class="Text">マイハート送信</a><br>
マイハート編集
<a href="../VCreateDotS4.jsp?M=0&ID=$user.userId&TD=$tegaki.tegakiId" class="EditHeartIconHeader cboxElement">[編集]</a><br>
