画像を使わないシンプルなテンプレートです。。
改変や使用報告、リンク等はご自由にどうぞ。
ただし再配布はご遠慮ください。
【10/28追記】 お問合せ頂いたので、サムネイルの下に日付とタイトルを入れたものもご用意いたしました。
こちら
からどうぞ。
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: #777777; background-color:#ffffff; } a { color: #777777; } a:hover {color: #bbbbbb;} #Wrapper { width: 988px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } .PageBar{ float: left; width: 600px; font-size: 12px; 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: #000000; } .PageBar span:hover { background-color:#d6cb9f; cursor: pointer; } .PageBar .Selected { font-weight: bold; } /* ヘッダペイン */ #Header { float: left; width: 100%; } #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; 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: right; width: 327px; } #SideBarBody { float: left; width: 300px; height: auto; border: 0px; padding: 0px 20px 0px 7px; } #Ad300x250 { float: left; width: 300px; height: 252px; margin-left: auto; margin-right: auto; } .SideBarItem { float: left; width: 100%; padding: 0px 0px 10px 0px; text-align: center; } .SideBarItem .SideBarItemTitleProfile { float: left; width: 100%; height: 40px; background-image: url('$user.image006'); background-position: center 0px; background-repeat: no-repeat; } .SideBarItem .SideBarItemTitleLink { float: left; width: 100%; height: 40px; background-image: url('$user.image006'); background-position: center -40px; background-repeat: no-repeat; } .MyProfileCmd { float: left; width: 100%; padding: 5px 0px 5px 0px; } .MyProfileCmd .CmdButton { border: solid 1px #cccccc; text-decoration: none; background-color: #ffffff; } .MyProfileCmd .CmdButton:HOVER { background-color: #f0f0f0; } .MyProfileCmd .CmdButtonDisable { border: solid 1px #cccccc; 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: 246px; height: auto; margin: 5px 27px 20px 27px; background-color: #FFFFFF; color: #555555; } .WidgetPane .WidgetTitle { width: 244px; background-color: #dddddd; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .WidgetPane .WidgetItemList { float: left; width: 244px; height: auto; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #ffffff; } .WidgetPane .WidgetItemList a { color: #555555; text-decoration:none; } .WidgetPane .WidgetItemList a:hover { color: #bbbbbb; } .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: #888888; } .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; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: left; width: 651px; height: auto; } .ContentsList { float: left; width: 651px; padding: 0px; margin-bottom: 20px; background-color:#ffffff; border-left: 1px solid #d6cb9f; border-right: 1px solid #d6cb9f; border-bottom: 1px solid #d6cb9f; } .BlogThumb { font-size: x-small; text-align: center; float: left; padding:4px; width: 120px; height: 120px; } .BlogThumb a:hover { border: 1px solid #000000; } .BlogThumb .BlogImg { display: block; float: left; width: 120px; height: 120px; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #d6cb9f; } #CategoryTab { float: left; width: 653px; height: 25px; border-bottom: 1px solid #d6cb9f; } #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:#d6cb9f; padding: 5px 0 0 0; border-right: 1px solid #bfb58e; } #CategoryTab .Category a:hover { text-decoration: none; background-color:#bfb58e; } #CategoryTab .Category #Category$categoryId { background-color:#ffffff; font-weight: bold; color: #000000; border-top: 1px solid #d6cb9f; border-left: 1px solid #d6cb9f; border-right: 1px solid #d6cb9f; border-bottom: 1px solid #fff7b2; } </style> </head> <body> $VBlogListHeaderPart <div id="Wrapper"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- ヘッダペイン --> <div id="Header"></div><!-- Header --> <!-- ヘッダペイン --> <!-- コンテンツペイン --> <div id="Contents"> <table cellpadding="10"width="653px"><tr> <td width="200px" valign="top"> <div style="font-size:30px;font-weight: bold;"> <a href="../$user.userId/"> Tegaki BLOG </a></div> </td><td width="250px" align="right"> <p style="font-size:20px;font-weight: bold;"> $user.nickname</p> <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> </td><td width="120px"> <a href="$user.myProfileImage001"> <img src="$user.myProfileImage001" width="120px"border="0"> </a> </td></tr></table> <!-- ブログカテゴリ --> <div id="CategoryTab"> $categoryList </div> <!-- ブログカテゴリ --> <div class="ContentsList"> <div style="width: 100%;"> #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><!-- BlogThumb --> #end </div> <div class="PageBar">$pageMenu</div> </div><!-- ContentsList --> </div><!-- Contents --> <!-- コンテンツペイン --> <!-- メニューペイン --> <div id="SideBar"> <div id="SideBarBody"> <!-- 広告は削除できません --> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 --> <div class="SideBarItem" style="padding: 0;"> <div id="Ad300x250"> $ad300x250 </div> </div> <!-- 広告は削除できません --> <div class="SideBarItem"> <!-- ウィジェット --> <!-- 文字リンク --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">リンク</div> <div class="WidgetItemList"> <a class="Link" onclick="CheckLink('http://twitter.com/')">Twitter</a> <a class="Link" onclick="CheckLink('http://')">リンク2</a> <a class="Link" onclick="CheckLink('http://')">リンク3</a> </div> </div> --> <!-- 文字リンク --> <!-- 画像リンク --> <!-- <div class="SideBarItem"> <div class="SideBarItemTitleLink"></div> <div class="MyLinkBanner" title="リンク1" onclick="CheckLink('http://tegaki.pipa.jp/')" style="backGround-image: url('$user.image010'); background-position: center 0px;"></div> <div class="MyLinkBanner" title="リンク2" onclick="CheckLink('http://tegaki.pipa.jp/')" style="backGround-image: url('$user.image010'); background-position: center -40px;"></div> <div class="MyLinkBanner" title="リンク3" onclick="CheckLink('http://tegaki.pipa.jp/')" style="backGround-image: url('$user.image010'); background-position: center -80px;"></div> </div> --> <!-- 画像リンク --> <!-- ブログカテゴリ --> <!-- <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><!-- SideBarItem --> <!-- ブログパーツ--> <!-- <div class="SideBarItem"> <div class="MyBlogParts">$blogParts</div> </div> --> <!-- ブログパーツ--> </div><!-- SideBarBody --> </div><!-- SideBar --> <!-- メニューペイン --> <!-- 削除できません -->$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: #777777; background-color:#ffffff; } a { color: #777777; text-decoration:none; } a:hover { color: #dddddd; } #Wrapper { width: 900px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } /* ヘッダペイン */ #Header { float: left; } #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; 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 20px 0px 30px; } #SideBarBody { float: left; width: 300px; height: auto; border: 0px; } #Ad300x250 { float: left; width: 300px; height: 252px; margin-left: auto; margin-right: auto; } .SideBarItem { float: left; width: 100%; padding: 0px 0px 10px 0px; text-align: center; } .SideBarItem .SideBarItemTitleProfile { float: left; width: 100%; height: 40px; background-image: url('$user.image006'); background-position: center 0px; background-repeat: no-repeat; } .SideBarItem .SideBarItemTitleLink { float: left; width: 100%; height: 40px; background-image: url('$user.image006'); background-position: center -40px; background-repeat: no-repeat; } .SideBarItem .MyNickname { float: left; width: 100%; font-size: 20px; font-weight: bold; margin: 0; } .SideBarItem .MyImg { float: left; width: 100%; } .SideBarItem .MyImg img { display: block; border: none; margin-left: auto; margin-right: auto; } .SideBarItem .MyProfileCmd { float: left; width: 100%; padding: 5px 0px 5px 0px; } .SideBarItem .MyProfileCmd .CmdButton { border: solid 1px #cccccc; text-decoration: none; background-color: #ffffff; } .SideBarItem .MyProfileCmd .CmdButton:HOVER { background-color: #f0f0f0; } .SideBarItem .MyProfileCmd .CmdButtonDisable { border: solid 1px #cccccc; 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: 246px; height: auto; margin: 5px 27px 20px 27px; background-color: #FFFFFF; color: #555555; } .WidgetPane .WidgetTitle { width: 244px; background-color: #dddddd; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .WidgetPane .WidgetItemList { float: left; width: 244px; height: auto; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #ffffff; } .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: #888888; } .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; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: left; width: 550px; height: auto; } .ContentsList { float: left; width:550px; padding: 0px; margin-bottom: 20px; border: 0; } .ContentsListTitle { float: left; width: 542px; height: auto; padding: 0 10px 0 10px; text-align: left; color: #ffffff; background-color:#47301C; } .BlogInfoBar{ float: left; width: 552px; height: auto; /*padding: 10px 10px 5px 240px;*/ padding: 5px 0px 5px 10px; text-align: left; color: #ffffff; background-color: #47301C; } .BlogInfoBar a{ color: #ffffff; } .BlogInfoBar .Link{ float: left; margin: 0 3px 0 0; border: 1px solid #E3DBDB; background-position: 50% 50%; background-repeat: no-repeat; } .BlogInfoBar .Link img { width: auto; height: 60px; } .BlogInfoBar .SocialButtons { float: left; margin: 0 5px 0 10px; width: 280px; height: 60px; } .BlogInfoBar .Feedbacks { float: right; width: 150px; height: 50px; border: 0px solid #E3DBDB; margin: 3px 10px 0 0; } .BlogInfoBar .Feedbacks .Comment { font-size: 10px; font-weight: bold; text-align: center; } .BlogInfoBar .Feedbacks .Comment a { color: #ffffff; font-weight: bold; } .BlogThumbFull { float: left; width: 100%; text-align: center; } .BlogThumbFull .BlogThumbFullBody { float: left; width: 520px; padding: 0px 20px 0px 20px; border-left: 1px solid #47301C; border-right: 1px solid #47301C; border-bottom: 1px solid #47301C; background-position: left bottom; background-repeat: repeat; } .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 { border: none; } .BlogThumbFull .BlogInfoFull .BlogCmd { text-align: right; font-size: 0px; font-size: 0em; } .BlogThumbFull .BlogInfoFull .BlogCmd .BlogCmdHeartIcon { } .BlogThumbFull .BlogInfoFull .BlogCmd .EditHeartIcon { margin-left: 5px; } .BlogThumbFull .BlogInfoFull .BlogDate { font-size: 11px; } .BlogThumbFull .BlogInfoFull .BlogTitle { font-size: 26px; font-weight: bold; } .BlogThumbFull .BlogInfoFull .BlogTitle .BlogTitleComment { font-size: 11px; font-weight: normal; } .BlogThumbFull .BlogInfoFull .BlogTag { width: 80px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTag img { border: solid 1px #dddddd; } .BlogThumbFull .BlogInfoFull .BlogTemplate { width: 80px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTemplate img { height: 60px; border: solid 1px #dddddd; } /*** コメント ***/ .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"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- ヘッダペイン --> <div id="Header"> </div><!-- Header --> <!-- ヘッダペイン --> <!-- コンテンツペイン --> <div id="Contents"> <div class="ContentsListTitle"> <div class="Title"> <div class="Date"> $tegaki.uploadDateText カテゴリ:$categoryName $bookmarkButton <a href="$tweetURL" target="_blank"> <img src="http://img01.pipa.jp/tegaki/img/tweet_icon.png" border="0" alt="このブログをツイートする" style="vertical-align:middle;"/> </a> </div> $tegaki.title </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 #if($tegaki.tagId>1) <div class="Link"> <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId}"> <img src="${tegaki.tagFileName}" title="タグ" alt="タグ" /></a> </div> #end #if($tegaki.tagId2>1) <div class="Link"> <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId2}"> <img src="${tegaki.tagFileName2}" title="タグ" alt="タグ" /></a> </div> #end #if($tegaki.tagId3>1) <div class="Link"> <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId3}"> <img src="${tegaki.tagFileName3}" title="タグ" alt="タグ" /></a> </div> #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 <!-- 削除できません --> <a href="#comments" onclick="$('#Comments').toggle(300)">コメントをかく</a> #if($tegaki.themeId==6 || $tegaki.themeId==7) <a href="../VEditBlogS4.jsp?QD=$tegaki.tegakiId">引用してブログをかく</a> #end <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> </div> <!-- メニューペイン --> <div id="SideBar"> <div id="SideBarTitle"></div> <div id="SideBarBody"> <!-- 広告は削除できません --> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 --> <div class="SideBarItem" style="padding: 0;"> <div id="Ad300x250"> $ad300x250 </div> </div> <!-- 広告は削除できません --> <div class="SideBarItem"> <div class="MyNickname"> $user.nickname </div> <div class="MyImg"> <a href="../$user.userId/"> <img src="$user.myProfileImage001" alt="ブログ一覧" /> </a> <!-- <img src="$user.image009" /> --> </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> <!-- ウィジェット --> <!-- ブログカテゴリ --> <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><!-- SideBarItem --> <!-- 文字リンク --> <!-- <div class="WidgetPane"> <div class="WidgetTitle">リンク</div> <div class="WidgetItemList"> <a class="Link" onclick="CheckLink('http://twitter.com/')">Twitter</a> <a class="Link" onclick="CheckLink('http://')">リンク2</a> <a class="Link" onclick="CheckLink('http://')">リンク3</a> </div> </div> --> <!-- 文字リンク --> <!-- 画像リンク --> <!-- <div class="SideBarItem"> <div class="SideBarItemTitleLink"></div> <div class="MyLinkBanner" title="リンク1" onclick="CheckLink('http://tegaki.pipa.jp/')" style="backGround-image: url('$user.image010'); background-position: center 0px;"></div> <div class="MyLinkBanner" title="リンク2" onclick="CheckLink('http://tegaki.pipa.jp/')" style="backGround-image: url('$user.image010'); background-position: center -40px;"></div> <div class="MyLinkBanner" title="リンク3" onclick="CheckLink('http://tegaki.pipa.jp/')" style="backGround-image: url('$user.image010'); background-position: center -80px;"></div> </div> --> <!-- 画像リンク --> <!-- ブログパーツ--> <!-- <div class="SideBarItem"> <div class="MyBlogParts">$blogParts</div> </div> --> <!-- ブログパーツ--> </div><!-- SideBarBody --> <div id="SideBarEnd"></div> </div><!-- SideBar --> <!-- メニューペイン --> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!--Wrapper--> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>