Blog Pageのボタンの一部にType-2 Brownの画像を使用しておりますので、
デザインテーマを選択する際にType-2 Brown を選択するか、
画像
を画像パーツの$user.image005にアップロードしてください。
改変や使用報告、リンク等はご自由にどうぞ。
ただし再配布はご遠慮ください。
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: #47301C; background-color: #f7c4bf; } a { color: #47301C; } #Wrapper { width: 1020px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } .PageBar{ text-align: center; float: left; width: 600px; font-size: 10px; padding: 0px 0px 10px 30px; background-color: #ffffff; } .PageBar span{ float: left; display: block; width: 20px; height: 20px; text-align:center; white-space: nowrap; overflow: hidden; line-height: 20px; padding: 5px; margin: 0 5px 0 5px; color: #ffffff; background-color: #f7c4bf; } .PageBar span:hover { background-color:#f6ac96; cursor: pointer; } .PageBar .Selected { font-weight: bold; } /* ヘッダペイン */ #Header { float: left; width: 100%; height: auto; } #HeaderTitle { display: block; float: left; width: 100%; height: auto; 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: 2px 0 0 0; } #MenuBarLeft {float:left; white-space: nowrap;} #MenuBarRight { float: right; 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; } /* ヘッダペイン */ /* フッタペイン */ #Footer { clear: both; width: 100%; text-align: center; padding: 20px 0px 20px 0px; font-size: 10px; } /* フッタペイン */ </style> <!-- 共通スタイル部 --> <!-- メニューペイン --> <style> #SideBar { float: left; width: 300px; } #SideBarBody { float: left; width: 280px; height: auto; border: 0px; padding: 10px 0 0 10px; margin-left: auto; margin-right: auto; } #Ad300x250 { float: right; width: 300px; height: 280px; margin-left: auto; margin-right:40px; } .SideBarItem { float: left; width: 100%; padding: 0px 13px 10px 13px; text-align: center; } .SideBarItem .MyImg { float: left; width: 100%; border: none; text-align: left; } .SideBarItem .MyImg img { display: block; border: none; margin-left: 25px; margin-right: 10px; margin-bottom: 10px; } .SideBarItem .MyProfileCmd .CmdButton { border: solid 1px #47301C; text-decoration: none; background-color: #ffffff; } .SideBarItem .MyProfileCmd .CmdButton:HOVER { background-color: #f0f0f0; } .SideBarItem .MyProfileCmd .CmdButtonDisable { border: solid 1px #47301C; color: #ffffff; background-color: #cccccc; text-decoration: none; } .SideBarItem .MyProfileCmd .BlogParts { width:68px; height:9px; border:none; } .SideBarItem .MyLinkBanner { display: block; float: left; width: 250px; height: 40px; padding: 0px 25px 0px 25px; cursor: pointer; font-size: 16px; 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; } /*** サイドバーウィジェット ***/ .WidgetPane { float: left; width: 250px; height: auto; margin: 10px 27px 5px 27px; } .WidgetPane .WidgetTitle { width: 250px; height: 16px; padding: 4px 0 0 0; color: #ffffff; background-color: #47301C; } .WidgetPane .WidgetItemList { float: left; width: 250px; height: auto; color: #47301C; background-color: #ffffff; } .WidgetPane .WidgetItemList a { color: #47301C; text-decoration: none; } .WidgetPane .WidgetItemList a:hover { text-decoration: underline; } .WidgetPane .WidgetItemList .BlogTag { float: left; display: block; width: 60px; height: 60px; color: #ffffff; text-decoration: none; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } .WidgetPane .WidgetItemList .BlogTag .BlogNum { width: 60px; height: 20px; margin: 40px 0 0 0; color: #ffffff; text-align: center; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background-color: #47301C; } .WidgetPane .ReadMore { float: left; width: 100%; text-align: right; padding: 4px 0 0 0; font-size: 85%; } .WidgetPane .WidgetItemList .BlogThumb { text-decoration: none; display: block; width: 60px; height: 80px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } .WidgetPane .WidgetItemList .Category { width: 100%; text-align: left; padding: 2px 0 2px 5px; } .WidgetPane .WidgetItemList .Link{ display: block; width: 100%; text-align: left; padding: 5px 0 0 5px; } .WidgetPane .WidgetItemList .MyBlogParts{ padding: 0 0 5px 0; } #CategoryTab { float: left; width: 700px; height: 25px; border-bottom: 1px solid #f6ac96; } #CategoryTab .Category { float: left; text-align: center; overflow: hidden; white-space: nowrap; } #CategoryTab .Category a { display: block; width: 80px; height: 20px; text-decoration: none; font-size:12px; color: #000000; background-color:#f6ac96; padding: 5px 0 0 0; border-right: 1px solid #ec7b76; } #CategoryTab .Category a:hover { text-decoration: none; background-color:#ec7b76; } #CategoryTab .Category #Category$categoryId { background-color:#ffffff; font-weight: bold; color: #000000; border-top: 1px solid #f6ac96; border-right: 1px solid #f6ac96; border-bottom: 1px solid #fff7b2; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: right; width: 700px; height: auto; background-color: #ffffff; border-right: 1px dashed #f6ac96; border-left: 1px dashed #f6ac96; } .ContentsList { float: left; width: 680px; padding: 0px; margin-bottom: 20px; background-color: #ffffff; border: 0px solid #47301C; } .BlogThumb { font-size: x-small; text-align: center; float: left; width: 110px; height: 140px; background-color: #FFFFFF; border: 0px solid #47301C; } .BlogThumb .BlogImg { display: block; float: left; width: 90px; height: 100px; border: 1px solid #E3DBDB; background-position: 50% 50%; background-repeat: no-repeat; } .BlogThumb .BlogInfo{ float: left; width: 100%; } .BlogThumb .BlogInfo .BlogTitle { float: left; width: 92px; height: 15px; font-size: 10px; overflow: hidden; white-space: nowrap; margin: -30px 0 0 0; color: #ffffff; text-align: center; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background-color: #ec7b76; } .BlogThumb .BlogInfo .BlogDate { float: left; width: 90px; font-size: 8px; overflow: hidden; white-space: nowrap;} </style> </head> <body> $VBlogListHeaderPart <div id="Wrapper"> <!-- メニューペイン --> <div id="SideBar"> <div id="SideBarBody"> <div class="SideBarItem"> <div class="MyImg"> <a href="../$user.userId/"> <img src="$user.myProfileImage001" alt="ブログ一覧" width="100px" align="left"> <font style="font-size: 14px; font-weight:bold;">$user.nickname</font> </a><BR> あいうえお </div> <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> <!--<img src="$user.image009" />--> <!-- ウィジェット --> <!-- ブログカテゴリ --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">ブログカテゴリ</div> <div class="WidgetItemList">$categoryList</div> </div> --> <!-- ブログカテゴリ --> <!-- タグごとの投稿数 --> <div class="WidgetPane"> <div class="WidgetTitle">よく使うタグ</div> <div class="WidgetItemList">$blogNumByTag</div> </div> <!-- タグごとの投稿数 --> <!-- お気に入りタグ --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">お気に入りタグ</div> <div class="WidgetItemList">$favoriteTagList</div> </div> --> <!-- お気に入りタグ --> <!-- リンク --> <div class="WidgetPane"> <div class="WidgetTitle">リンク</div> <div class="WidgetItemList"> <a class="Link" href="#" title="リンク1" onclick="CheckLink('http://tegaki.pipa.jp/')">リンク1</a> <a class="Link" href="#" title="リンク2" onclick="CheckLink('http://tegaki.pipa.jp/')">リンク2</a> <a class="Link" href="#" title="リンク3" onclick="CheckLink('http://tegaki.pipa.jp/')">リンク3</a> </div> </div> <!-- リンク --> <!-- ブログパーツ --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">ブログパーツ</div> <div class="WidgetItemList"> <div class="MyBlogParts">$blogParts</div> </div> </div> --> <!-- ブログパーツ --> <!-- ウィジェット --> </div><!-- SideBarItem --> </div><!-- SideBarBody --> <!--<div id="SideBarEnd"></div>--> </div><!-- SideBar --> <!-- メニューペイン --> <!-- コンテンツペイン --> <div id="Contents"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- ヘッダペイン --> <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="CategoryTab"> $categoryList </div> <!-- ブログカテゴリ --> <div class="ContentsList"> <div style="width: 100%; margin: 15px 15px 15px 15px;"> <!-- 広告 --> <div id="Ad300x250"> $ad300x250 </div> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 ・広告のクリックを誘導することはできません。 --> #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"> </a> #else <div class="BlogImg" style="background-image: url('$tegaki.fileNameMedium');"title="$tegaki.title"> </div> #end <div class="BlogInfo"> <div class="BlogDate">$tegaki.uploadDateText</div> <div class="BlogTitle">$tegaki.title</div> </div> </div><!-- BlogThumb --> #end </div> <div class="PageBar">$pageMenu</div> </div><!-- ContentsList --> <!-- Contents --> <!-- コンテンツペイン --> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!-- Wrapper --> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>
Blog 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> #if ($tegaki.title != "") 『$tegaki.title』- #end $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: #47301C; background-color: #f7c4bf; } a {color: #47301C;} /* ラッパーの設定*/ #Wrapper { position:relative; width: 950px; margin-left: auto; margin-right: auto; } /* ヘッダの設定 */ #Header { float: left; width: 100%; } #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; } /* ヘッダペイン */ /* フッタペイン */ #Footer { clear: both; width: 100%; text-align: center; padding: 20px 0px 20px 0px; font-size: 10px; } /* フッタペイン */ </style> <!-- 共通スタイル部 --> <!-- メニューペイン --> <style> #SideBar{ float:left; width:300px; padding: 0px 10px 30px 0px; } #SideBarBody { float: left; width: 300px; height: auto; border: 0px; padding: 0px 0 10px 0; margin-left: auto; margin-right: auto; } #Ad300x250 { float: left; width: 300px; height: 260px; margin-left: auto; margin-right:auto; } .SideBarItem { float: left; width: 100%; padding: 20px 0px 0px 0px; } .SideBarItem .MyImg { float: left; width: 100%; border: none; } .SideBarItem .MyImg img { display: block; border: none; margin-left: 10px; margin-right: 10px; } .SideBarItem .MyProfileCmd { float: left; width: 100%; padding: 5px 0px 5px 20px; } .SideBarItem .MyProfileCmd .CmdButton { border: solid 1px #47301C; text-decoration: none; background-color: #ffffff; } .SideBarItem .MyProfileCmd .CmdButton:HOVER { background-color: #f0f0f0; } .SideBarItem .MyProfileCmd .CmdButtonDisable { border: solid 1px #47301C; color: #ffffff; background-color: #cccccc; text-decoration: none; } .SideBarItem .MyProfileCmd .BlogParts { width:68px; height:9px; border:none; } /*** サイドバーウィジェット ***/ .WidgetPane { float: left; width: 310px; height: auto; margin: 5px 0px 2px 10px; } .WidgetPane .WidgetTitle { width: 310px; height: 16px; padding: 4px 0 0 0; color: #ffffff; background-color:#47301c; } .WidgetPane .WidgetItemList { float: left; width: 310px; height: auto; color: #47301C; background-color:#ffffff; } .WidgetPane .WidgetItemList a { color: #47301C; text-decoration: none; } .WidgetPane .WidgetItemList a:hover { text-decoration: underline; } .WidgetPane .WidgetItemList .BlogTag { float: left; display: block; width: 60px; height: 60px; color: #ffffff; text-decoration: none; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } .WidgetPane .WidgetItemList .BlogTag .BlogNum { width: 60px; height: 20px; margin: 40px 0 0 0; color: #ffffff; text-align: center; filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background-color: #47301c; } .WidgetPane .ReadMore { float: left; width: 100%; text-align: right; padding: 4px 0 0 0; font-size: 85%; } .WidgetPane .WidgetItemList .BlogThumb { text-decoration: none; display: block; width: 60px; height: 80px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } .WidgetPane .WidgetItemList .Category { width: 100%; text-align: left; padding: 2px 0 2px 5px; } .WidgetPane .WidgetItemList .Link{ display: block; width: 100%; text-align: left; padding: 5px 0 0 5px; } .WidgetPane .WidgetItemList .MyBlogParts{ padding: 0 0 5px 0; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: right; width: 600px; height: auto; background-color: #ffffff; border-right: 1px dashed #f6ac96; border-left: 1px dashed #f6ac96; } .ContentsList { float: left; width: 600px; padding: 0px; margin-bottom: 20px; border: 0px solid #ffffff; } .ContentsListTitle { float: left; width: 580px; height: 40px; padding: 0 10px 0 10px; text-align: left; color: #ffffff; background-color: #47301C; } .BlogInfoBar{ float: left; width: 590px; height: 62px; padding: 5px 0px 5px 10px; text-align: left; color: #ffffff; background-color: #47301C; } .BlogInfoBar a{ color: #ffffff; } .BlogInfoBar .Link{ float: left; margin: 0 5px 0 0; border: 1px solid #E3DBDB; background-position: 50% 50%; background-repeat: no-repeat; } .BlogInfoBar .Link img { height: 60px; } .SocialButtons { float: left; width: 470px; height: 62px; padding: 5px 0px 5px 130px; text-align: center; color: #ffffff; background-color: #47301C; } .SocialButtons a { color: #ffffff; float: left; display: block; margin: 0 5px 0 0; width: 56px; height: 54px; font-size: 12px; text-align: center; text-decoration: none; padding: 4px 2px 2px 2px; background-image:url('$user.image005'); } .SocialButtons a:hover { color: #47301C; background-color: #ffffff; } .BlogInfoBar .Feedbacks { float: right; width: 140px; height: 50px; border: 0px solid #E3DBDB; } .BlogInfoBar .Feedbacks .Comment { font-size: 12px; font-weight: bold; text-align: center; } .BlogInfoBar .Feedbacks .Comment a { color: #ffffff; font-weight: bold; } .BlogInfoBar .Feedbacks .BlogCmdHeartIcon { } .ContentsListTitle .Date { font-size: 10px; } .ContentsListTitle .Title { float: left; width: 383px; height: 38px; padding: 2px 0 0 0; font-size: 16px; font-weight: bold; background-color: #47301C; overflow: hidden; white-space: nowrap; } .ContentsListTitle .Category { float: right; text-align: right; width: 150px; height: 35px; padding: 5px 0 0 0; font-size: 12px; font-weight: normal; padding: 5px 0 0 0; } .BlogThumbFull { float: left; width: 100%; text-align: center; } .BlogThumbFull .BlogThumbFullTitle { float: left; width: 574px; height: 10px; padding: 0px 20px 0px 7px; /*background-image:url('$user.image007'); background-position: left top; background-repeat: no-repeat;*/ background-color: #ffffff; } .BlogThumbFull .BlogThumbFullBody { float: left; width: 545px; padding: 0px 30px 0px 21px; /*background-image:url('$user.image008'); background-position: left bottom; background-repeat: repeat;*/ background-color: #ffffff; } .BlogThumbFull .BlogThumbFullEnd { float: left; width: 624px; height: 20px; padding: 0px 20px 0px 7px; /*background-image:url('$user.image007'); background-position: left bottom; background-repeat: no-repeat;*/ background-color: #ffffff; } .BlogThumbFull .NaviBar { width: 100%; margin: 5px 0px 5px 0px; } .BlogThumbFull .NaviBar .Navi_P, .BlogThumbFull .NaviBar .Navi_C, .BlogThumbFull .NaviBar .Navi_N { width: 33%; } .BlogThumbFull .BlogInfoFull { width: 100%; margin: 5px 0px 0px 0px; text-align: left; } .BlogThumbFull .BlogInfoFull img { } .BlogThumbFull .BlogInfoFull .BlogCmd { text-align: right; font-size: 0px; font-size: 0em; } .BlogThumbFull .BlogInfoFull .BlogCmd .EditHeartIcon { margin-left: 5px; } .BlogThumbFull .BlogInfoFull .BlogDate { font-size: 11px; } .BlogThumbFull .BlogInfoFull .BlogTitle { font-size: 26px; font-weight: bold; } .BlogThumbFull .BlogInfoFull .BlogTag { width: 80px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTag img { border: solid 0px #dddddd; } .BlogThumbFull .BlogInfoFull .BlogTemplate { width: 45px; height: 60px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTemplate img { height: 60px; border: solid 0px #dddddd; } .BlogThumbFull .BlogDetail img{ border: 1px solid #E3DBDB; } /*** コメント ***/ .CommentDetail { text-align: center; } .CommentDetail .CmtImg { text-align: center; border: solid 1px #dddddd; width: 480px; height: 160px; margin: 0px auto 0px auto; } .CommentDetail .CommentName { height: 15px; } #PalletPaneH { text-align: center; width: 484px; background-color:#ffffff; margin: 0px auto 0px auto; } #PalletPaneH .PalletButtonTitle { font-size: x-small; text-align: center; background-color: #dddddd; } #PalletPaneH #ColorButton, #PalletPaneH #PenButton { border-collapse:collapse; border:0px; } #PalletPaneH #ColorButton td, #PalletPaneH #PenButton td { border:none; padding:0px; text-align:center; background-color:#ffffff; cursor: pointer; } #PalletPaneH #PenButton td { width: 15px; } #PalletPaneH #ColorButton td:hover, #PalletPaneH #PenButton td:hover { background-color: #bbccff; } #PalletPaneH .PalleteCommand { text-align: center; } #PalletPaneH .PalleteCommand select { font-size: x-small; } #PalletPaneH #ColorButton .Color { width:14px; height:28px; border: solid 1px #eeeeee; margin:3px 1px 3px 1px; } #PalletPaneH #ColorButton .ColorRainbow { width:14px; height:15px; border: solid 1px #eeeeee; margin:3px 1px 3px 1px; } #PalletPaneH #ColorButton .ColorRainbow .ColorRainbowPart { border: none; width:14px; height:3px; font-size: 0em; } #PalletPaneH #PenButton .PenWidth { font-size: 1px; border: solid 1px #eeeeee; background-color:#000000; margin:3px 1px 3px 1px; margin-left: auto; margin-right: auto; height: 28px; } #PalletPaneH #UndoButton { color:#666666; font-size:xx-small; text-align:center; cursor:pointer; float:left; height:38px; width:34px; background: white url("http://img01.pipa.jp/tegaki/img/UndoV.png") no-repeat bottom center; margin: 0 auto; } #PalletPaneH #UndoButton:hover { background-color: #bbccff; } #UploadCmd { width: 100%; border-collapse:collapse; text-align: center; border: 0px; margin: 2px 0px 15px 0px; } #UploadCmd .UploadButton { width: 56px; height: 23px; border: none; background: url(http://img01.pipa.jp/tegaki/img/UploadButton3.png) no-repeat 0 0; font-size: 0em; color: #ffffff; cursor: pointer; vertical-align: top; } #PalletPaneH #RedoButton { color:#666666; font-size:xx-small; text-align:center; cursor:pointer; float:left; height:38px; width:34px; background: white url("http://img01.pipa.jp/tegaki/img/RedoV.png") no-repeat bottom center; margin: 0 auto; } #PalletPaneH #RedoButton:hover { background-color: #bbccff; } #Comments { display: none; } /*** コメント ***/ </style> </head> <body> $VBlogHeaderPart <div id="Wrapper"> <!-- ヘッダペイン --> <div id="Header"> </div><!-- Header --> <!-- ヘッダペイン --> <!-- メニューペイン --> <div id="SideBar"> <div id="SideBarBody"> <!-- 広告は削除できません --> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 --> <div class="SideBarItem"> <div id="Ad300x250"> $ad300x250 </div> </div> <!-- 広告は削除できません --> <div class="SideBarItem"> <div class="MyImg"> <a href="../$user.userId/"> <img src="$user.myProfileImage001" alt="ブログ一覧" width="100px" align="left"> </a> <font style="font-size: 14px; font-weight:bold;">$user.nickname</font> </div> <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> <!--<img src="$user.image009" />--> <!-- ウィジェット --> <!-- ブログカテゴリ --> <div class="WidgetPane"> <div class="WidgetTitle">ブログカテゴリ</div> <div class="WidgetItemList">$categoryList</div> </div> <!-- ブログカテゴリ --> <!-- タグごとの投稿数 --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">よく使うタグ</div> <div class="WidgetItemList">$blogNumByTag</div> </div> --> <!-- タグごとの投稿数 --> <!-- お気に入りタグ --> <div class="WidgetPane"> <div class="WidgetTitle">お気に入りタグ</div> <div class="WidgetItemList">$favoriteTagList</div> </div> <!-- お気に入りタグ --> <!-- リンク --> <div class="WidgetPane"> <div class="WidgetTitle">リンク</div> <div class="WidgetItemList"> <a class="Link" href="#" title="リンク1" onclick="CheckLink('http://tegaki.pipa.jp/')">リンク1</a> <a class="Link" href="#" title="リンク2" onclick="CheckLink('http://tegaki.pipa.jp/')">リンク2</a> <a class="Link" href="#" title="リンク3" onclick="CheckLink('http://tegaki.pipa.jp/')">リンク3</a> </div> </div> <!-- リンク --> <!-- ブログパーツ --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">ブログパーツ</div> <div class="WidgetItemList"> <div class="MyBlogParts">$blogParts</div> </div> </div> --> <!-- ブログパーツ --> <!-- ウィジェット --> </div><!-- SideBarItem --> </div><!-- SideBarBody --> <!--<div id="SideBarEnd"></div>--> <!-- SideBar --> <!-- メニューペイン --> </div> <!-- コンテンツペイン --> <div id="Contents"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <div class="ContentsListTitle"> <div class="Title"> <div class="Date"> $tegaki.uploadDateText </div> $tegaki.title </div> <div class="Category"> カテゴリ:$categoryName </div> </div> <div class="ContentsList"> <div class="BlogInfoBar"> #if(${tegaki.getImg(0).template.templateId} > 0) <div class="Link"> <a href="../VSearchBlogByTemplateS2.jsp?PD=${tegaki.getImg(0).template.templateId}" > <img src="${tegaki.getImg(0).template.fileName}_60.jpg" title="テンプレ" alt="テンプレ" /></a> </div> #end #foreach($tag in $tegaki.tagList) <a href="../VSearchBlogByTagS.jsp?GD=${tag.tagId}"> <img class="Tag" src="${tag.fileName}"/></a> #end <div class="Feedbacks"> #foreach($heart in $heartList) <a href="javascript:OpenDotList('../VBlogDotListS.jsp?PG=0&ID=$user.userId&TD=$tegaki.tegakiId');"><img class="BlogCmdHeartIcon" src="$heart" /></a> #end <div class="Comment"> <a href="#comments" class="Button4" onclick="$('#Comments').toggle(300)">コメント$tegaki.commentNum件</a> <a href="javascript:OpenDot('../VCreateDotS.jsp?ID=$user.userId&TD=$tegaki.tegakiId');"> <img class="EditHeartIcon" src="http://img01.pipa.jp/tegaki/img/EditHeartIcon.gif"border="0"></a> </div> </div> </div> <div class="BlogThumbFull"> <div class="BlogThumbFullBody"> <table class="NaviBar"> <tr> <td class="Navi_N"> #if($tegakiNext.tegakiId > 0) <a href="${tegakiNext.tegakiId}.html">< 次へ</a> #end </td> <td class="Navi_C"> <a href="index.html">ブログ一覧</a> </td> <td class="Navi_P"> #if($tegakiPrev.tegakiId > 0) <a href="${tegakiPrev.tegakiId}.html">前へ ></a> #end </td> </tr> </table> <div class="BlogDetail"> <img src="${tegaki.getImg(0).fileName}" class="BlogImgFull" alt="$tegaki.title" /> </div> <!-- 削除できません --> <a href="comments"></a> $comments <!-- 削除できません --> <table class="NaviBar"> <tr> <td class="Navi_N"> #if($tegakiNext.tegakiId > 0) <a href="${tegakiNext.tegakiId}.html">< 次へ</a> #end </td> <td class="Navi_C"> <a href="index.html">ブログ一覧</a> </td> <td class="Navi_P"> #if($tegakiPrev.tegakiId > 0) <a href="${tegakiPrev.tegakiId}.html">前へ ></a> #end </td> </tr> </table> </div> </div> <div class="SocialButtons"> <a href="$tweetURL" target="_blank">この記事をツイートする</a> <a href="$bookmarkURL">お気に入りに追加する</a> <a href="javascript:OpenDot('../VCreateDotS.jsp?ID=$user.userId&TD=$tegaki.tegakiId');"> ハートを送る</a> <a href="#comments" onclick="$('#Comments').toggle(300)">コメントをかく</a> #if($tegaki.themeId==6 || $tegaki.themeId==7) <a href="../VEditBlogS4.jsp?QD=$tegaki.tegakiId">引用してブログをかく</a> #end </div> </div> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!--Wrapper--> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>