ハロウィンの時に使用していたものです。
画像ファイル
$user.image001(ヘッダ画像)
$user.image007(背景用画像)
上記の画像を使用される場合は、「画像パーツの編集」から該当する場所へアップロードしてください。
改変や使用報告、リンク等はご自由にどうぞ。
ただし再配布はご遠慮ください。
Blog-List Page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?xml version="1.0" encoding="UTF-8" ?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <!-- 削除できません -->$headerPart<!-- 削除できません --> <title>手書きブログ - $user.nickname さんのブログ一覧</title> <!-- HTML編集規定 --> <!-- 本規定は必要に応じて予告無く変更することがございます。 【遵守事項】 ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 ・広告のクリックを誘導することはできません。 ・株式会社pipa.jpが掲載する広告以外の広告を直接的及び間接的に掲載することはできません。 ・Java Scriptやobjectタグを用いたブログパーツ等を利用することはできません。 (手書きブログのブログパーツを除く) ・その他HTMLソース内部に記載された指示に従って下さい。 【免責事項】 ・β版のため任意のタイミングでデザインに関するデータをすべて消去する可能性があります。 運営側でバックアップを取ることはできませんので各自バックアップ必ずお取り下さい。 ・利用方法に関する個別のお問い合わせには対応いたしません。 --> <!-- HTML編集規定 --> <!-- 共通スタイル部 --> <style> body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,'MS Pゴシック','MS PGothic',sans-serif; font-size:11px; margin: 0; color: #dddddd; background-image:url('$user.image007'); } a { color: #bf725b; } /* ラッパーの設定*/ #Wrapper { position:relative; width: 950px; margin-left: auto; margin-right: auto; } .PageBar{ text-align: center; float: left; width: 450px; font-size: 10px; padding: 10px 2px 0px 0px; } .PageBar span{ float: left; display: block; width: 15px; height: 15px; text-align:center; white-space: nowrap; overflow: hidden; line-height: 15px; padding: 3px; margin: 0 2px 0 2px; color: #ffffff; background-color:#bf725b; } .PageBar span:hover { background-color:#633a30; cursor: pointer; } /* ヘッダーの設定*/ #Header { float: left; width: 950px; height: 155px; } #HeaderTitle { display: block; float: left; width: 950px; height: 150px; background-position: left top; background-repeat: no-repeat; } #MyPageTitle { display: block; font-size: 28px; float: left; width: 100%; height: 40px; line-height: 40px; text-align: left; overflow: hidden; white-space: nowrap; } #MyPageSummary { display: block; float: left; width: 100%; height: 125px; text-align: left; overflow: hidden; } #MenuBar { float: left; width: 100%; height: 25px; font-size: 9px; font-weight: bold; padding: 0 0 0 0; } #MenuBarLeft {float:left; white-space: nowrap;} #MenuBarRight { float: right; padding: 0 18px 0 0; text-align: right; } #MenuBarRight .MenuItem { float: right; padding: 0 0 0 10px; } #MenuBarRight .MenuItem a { float: left; display: block; width: 109px; height: 23px; } #MenuBar a { color:#47301C; text-decoration: none; } /* ヘッダ */ /* 左側の設定*/ #left{ float:left; width:210px; height:410px; background-color:#000000; padding: 0px 10px 10px 10px; } /* 真ん中の設定*/ #center{ float:left; width:400px; height:425px; } /* 右側の設定*/ #right{ float:left; width:300px; height:400px; background-color:#000000; padding: 20px 10px 0px 10px; } /* フッターーの設定*/ #Footer { clear: both; width: 100%; text-align: center; font-size: 10px; background-color:#000000; padding: 15px 0px 15px 0px; } <!-- コンテンツペイン --> #Contents { float: right; width: 400px; height: auto; } .ContentsList { float: left; width: 400px; height:400px; padding: 0px; margin-bottom: 0px; background-color: #000000; border: 0px solid #47301C; } .BlogThumb { font-size: x-small; text-align: center; float: left; width: 75px; height: 80px; border: 0px solid #47301C; background-position: center top; background-repeat: no-repeat; } .BlogThumb .BlogImg { display: block; float: left; width: 60px; height: 60px; border: 1px solid #44261f; background-position: 50% 50%; } #CategoryTab { float: left; width: 100%; height: 20px; border: 0px solid #000; } #CategoryTab .Category { float: left; text-align: center; overflow: hidden; white-space: nowrap; } #CategoryTab .Category a { display: block; width: 65px; height: 20px; text-decoration: none; font-size: 9px; color: #fff; padding: 2px 0 0 0; background-color:#bf725b; } #CategoryTab .Category a:hover { text-decoration: underline; color: #ffffff; font-weight: bold; background-color:#633a30; } #CategoryTab .Category #Category$categoryId { background-color:#000000; font-weight: bold; color: #ffffff; } .SideBarItem { float: left; width: 100%; text-align: center; } .SideBarItem .MyLinkBanner { display: block; float: left; width: 60px; height: 40px; padding: 0px 5px 0px 5px; cursor: pointer; line-height: 30px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-decoration: underline; background-repeat: no-repeat; } </style> </head> <body> $VBlogListHeaderPart <div id="Wrapper"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- ********* メインコンテンツ ******** --> <!-- このボックス(ID=wrap)はleft,center,right,footを包んでいます。 ブラウザーのサイズを変えてもデザインが崩れないようにする役割を果たしています。 必要に応じて背景色を#leftか#rightと同じにすると良いでしょう。 --> <!-- ヘッダペイン --> <div id="Header"> <a href="../$user.userId/" id="HeaderTitle" style="background-image: url('$user.image001'); "> <span id="MyPageTitle"></span> <span id="MyPageSummary"></span> </a> </div><!-- Header --> <!-- ヘッダペイン --> <!-- ********* 左側 ******** --> <div id="left"> <a href="../$user.userId/">$user.nickname</a> <BR> <a href="../$user.userId/"> <img src="$user.myProfileImage001" alt="ブログ一覧"border="0"> </a> <BR> <div class="MyProfileCmd"> #if($thisPage.isMyPage == false) #if($thisPage.isMyFavoritePage == false) <a href="$addFavoriteURL" class="CmdButton">お気に入り</a> #else <span class="CmdButtonDisable">お気に入り中</span> #end #if($thisPage.isMyFriendPage == false) <a href="$requestFrinedURL" class="CmdButton">友達申請</a> #else <span class="CmdButtonDisable">友達申請済</span> #end <a href="$sendMessageURL" class="CmdButton">メッセージ</a> <a href="../bloglist.rss?ID=$user.userId" class="CmdButton">RSS</a> #else <span class="CmdButtonDisable">お気に入り</span> <span class="CmdButtonDisable">友達申請</span> <span class="CmdButtonDisable">メッセージ</span> <a href="../bloglist.rss?ID=$user.userId" class="CmdButton">RSS</a> #end </div> </div> <!-- ********* 真ん中 ******** --> <div id="center"><!-- コンテンツペイン --> <div id="Contents"> <!-- ブログカテゴリ --> <div id="CategoryTab"> $categoryList </div> <!-- ブログカテゴリ --> <div class="ContentsList"> <div style="width: 100%; margin: 15px 15px 15px 15px;"> #foreach($tegaki in $tegakiList) <div class="BlogThumb"> #if($tegaki.tegakiId!=-1) <a href="../$user.userId/${tegaki.tegakiId}.html" class="BlogImg" style="background-image: url('$tegaki.fileNameMedium');" title="${tegaki.title}(コメント${tegaki.commentNum}件)"> </a> #else <div class="BlogImg" style="background-image: url('$tegaki.fileNameMedium');" title="$tegaki.title"> </div> #end <!--<div class="BlogInfo"> <div class="BlogTitle">$tegaki.title</div> <div class="BlogDate"> <img src="http://img01.pipa.jp/tegaki/img04/CommentIcon.gif" title="コメント$tegaki.commentNum件" alt="コメント$tegaki.commentNum件" />x$tegaki.commentNum $tegaki.uploadDateText </div> </div>--> </div><!-- BlogThumb --> #end </div> <div class="PageBar">$pageMenu</div> </div><!-- ContentsList --> </div><!-- Contents --> <!-- コンテンツペイン --> </div> <!-- ********* 右側 ******** --> <div id="right"> <!-- 広告は削除できません --> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 --> $ad300x250 <!-- 広告は削除できません --> </div> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!-- Wrapper --> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>