2017年現在使用中のデザイン。
広告が表示されないんですが仕様なんでしょうか??
完全に自分用なので不具合等あればすみません。。。
改変や使用報告、リンク等はご自由にどうぞ。
ただし再配布はご遠慮ください。
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: #222; } a { color: #72c4db; text-decoration:none; } a:hover { color: #4e7d80; text-decoration:underline; } #Wrapper { width: 1000px; 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 10px; background-color: #ffffff; } .PageBar span{ float: left; display: block; width: 10px; height: 10px; text-align:center; white-space: nowrap; overflow: hidden; line-height: 20px; padding: 5px; margin: 0 5px 0 5px; color: #222; } .PageBar span:hover { color:#72c4db; cursor: pointer; } .PageBar .Selected { font-weight: bold; } /* ヘッダペイン */ #Header { float: left; width: 100%; height: 100px; } #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; padding: 0;} #MenuBarLeft {float:left; white-space: nowrap;} #MenuBarRight {display:none;} #MenuBar a { color:#72c4db; text-decoration: none; } /* ヘッダペイン */ /* フッタペイン */ #Footer { clear: both; width: 100%; text-align: center; padding: 20px 0px 20px 0px; font-size: 8px; } #Footer br{display:none;} /* フッタペイン */ </style> <!-- 共通スタイル部 --> <!-- メニューペイン --> <style> #SideBar { float: right; width: 300px; background-color: #ffffff; } #SideBarBody { float: right; width: 300px; height: auto; margin-left: auto; margin-right: auto; } .SideBarItem { float: left; width: 100%; padding: 0px 0px 10px 0px; text-align: center; } .SideBarItem .MyImg { float: left; width: 250px; border: none; text-align: left; margin-left: 25px; padding: 20px 0 0 0 ; } .SideBarItem .MyImg img { display: block; border: 1px solid #ddd; margin: 10px 0 0 35px; } .SideBarItem .MyProfileCmd { padding: 0 10px 0 50px ; } .CmdButton { padding: 1px; text-decoration: none; background-color: #eeeeee; color:#000000; } .CmdButton:HOVER { background-color: #72c4db; color:#ffffff; text-decoration: none; } .CmdButtonDisable { color: #ffffff; background-color: #eeeeee; text-decoration: none; } .SideBarItem .MyProfileCmd .BlogParts { width:68px; height:9px; border:none; } .SideBarItem .MyLinkBanner { display: block; float: left; width: 60px; height: 40px; padding: 0px 10px 0px 10px; 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; } /*** サイドバーウィジェット ***/ .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: #4e7d80; } .WidgetPane .WidgetItemList { float: left; width: 250px; height: auto; color: #47301C; background-color: #ffffff; } .WidgetPane .WidgetItemList a { color: #4e7d80; 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 .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: 692px; height: 25px; border-bottom: 1px solid #4e7d80; } #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:10px; color: #000000; background-color:#72c4db; padding: 5px 0 0 0; border-right: 1px solid #4e7d80; border-left: 1px solid #000; } #CategoryTab .Category a:hover { text-decoration: none; background-color:#4e7d80; } #CategoryTab .Category #Category$categoryId { background-color:#ffffff; font-weight: bold; color: #000000; border-top: 1px solid #4e7d80; border-right: 1px solid #4e7d80; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: left; width: 700px; height: auto; background-color: #ffffff; } .ContentsList { float: left; width: 690px; padding: 0px; margin-bottom: 20px; background-color: #ffffff; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; } #Ad300x250 { float: right; width: 300px; height: 270px; margin-left: auto; margin-right:40px; } .BlogThumb { font-size: x-small; text-align: center; float: left; width: 100px; height: 135px; margin-left: 10px; background-color: #FFFFFF; border: 0px solid #4e7d80; } .BlogThumb a:hover { border: 1px solid #72c4db; } .BlogThumb .BlogImg { display: block; float: left; width: 90px; height: 100px; border: 1px solid #fff; 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: #72c4db; } .BlogThumb .BlogInfo .BlogTitle a { color: #ffffff; border: 0px ; text-decoration:none; cursor: default; } .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 id="Ad300x250"> $ad300x250 </div> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 ・広告のクリックを誘導することはできません。 --> <!-- <a class="MyLinkBanner" title="twitter" onclick="CheckLink('http://twitter.com/')" style="backGround-image: url('$user.image010'); background-position: center 0px;"></a> <a class="MyLinkBanner" title=" " onclick="CheckLink('')" style="backGround-image: url('$user.image010'); background-position: center -80px;"></a> --><center><BR> </div><!-- SideBarItem --> </div><!-- SideBarBody --> </div><!-- SideBar --> <!-- メニューペイン --> <!-- コンテンツペイン --> <div id="Contents"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- ヘッダペイン --> <div id="Header"> <div class="MyImg" style="float:left;"> <img src="$user.myProfileImage001" width="150" height="150"> </div> <div style="float:right;"> <font style="font-size: 14px; font-weight:bold;">$user.nickname</font> #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">FO申請</a> #else <span class="CmdButtonDisable">FO申請済</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">FO申請</span> <span class="CmdButtonDisable">メッセージ</span> <a href="../bloglist.rss?ID=$user.userId" class="CmdButton">RSS</a> #end <BR><BR> もじもじもじ <BR> </div> <!-- Header --> <!-- ヘッダペイン --> <!-- ブログカテゴリ --> <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" > </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"> <a href="../$user.userId/${tegaki.tegakiId}.html"> $tegaki.title</a></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: #222; background-color: #fff; } a { color: #72c4db; text-decoration:none; } a:hover { color: #4e7d80; text-decoration:underline; } #Wrapper { width: 100%; margin-left: auto; margin-right: auto; } #main { width: 910px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } /* ヘッダペイン */ #Header { float: left; width: 100%; font-size:12px; font-weight: bold; } #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; padding: 0;} #MenuBarLeft {float:right; white-space: nowrap;} #MenuBarRight {display:none;} #MenuBar a { color:#72c4db; text-decoration: none; } /* ヘッダペイン */ /* フッタペイン */ #Footer { clear: both; width: 100%; text-align: center; padding: 10px 0px 10px 0px; font-size: 10px; } #Footer br{display:none;} /* フッタペイン */ </style> <!-- 共通スタイル部 --> <!-- メニューペイン --> <style> #SideBar { float: right; width: 330px; background-color: #ffffff; } #SideBarBody { float: right; width: 330px; height: auto; border: 0px; margin-left: auto; margin-right: auto; padding: 5px 0px 0px 0px; } #Ad300x250 { float: right; width: 300px; height: 252px; } .SideBarItem { float: right; width: 100%; padding: 0px 13px 10px 13px; text-align: center; } .SideBarItem .MyImg { float: right; width: 100%; margin: 10px 0 10px 0; } .SideBarItem .MyImg img { display: block; border: 0px solid #72c4db; margin-left: auto; margin-right: auto; } .SideBarItem .MyLinkBanner { display: block; float: right; 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: right; width: 244px; height: auto; margin: 5px 40px 5px 27px; background-color: #72c4db; color: #555555; } .WidgetPane .WidgetTitle { width: 244px; height: 16px; color: #000000; background-color: #72c4db; border-top: 1px solid #72c4db; border-left: 1px solid #72c4db; border-right: 1px solid #72c4db; } .WidgetPane .WidgetItemList { float: left; width: 244px; height: auto; color: #ffffff; border-left: 1px solid #72c4db; border-right: 1px solid #72c4db; border-bottom: 1px solid #72c4db; background-color: #ffffff; } .WidgetPane .WidgetItemList a { color: #72c4db; 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: #72c4db; } .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 15px 0; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: left; width: 570px; height: auto; background-color: #ffffff; } .ContentsList { float: left; width: 568px; padding: 0px; margin-bottom: 10px; } .ContentsListTitle { float: left; width: 550px; height: 20px; padding: 0 10px 0 8px; text-align: left; color: #000000; background-color:#72c4db; } .title1 { font-size:15px; font-weight:bold; } .BlogInfoBar{ float: left; width: 560px; height: 62px; padding: 5px 0px 5px 8px; text-align: left; color: #123456; background-color: #ffffff; } .BlogInfoBar a{ color: #ffffff; } .BlogInfoBar .Link{ float: left; margin: 0 3px 0 0; border: 0px solid #72c4db; background-position: 50% 50%; background-repeat: no-repeat; } .BlogInfoBar .Link a:hover { color: #72c4db; } .BlogInfoBar .Link img { width: auto; height: 60px; } .BlogInfoBar .SocialButtons { display: block; float: left; width: 60px; height: 60px; padding: 0px 5px 0px 0px; cursor: pointer; overflow: hidden; white-space: nowrap; background-repeat: no-repeat; border: 0px solid #ffa500; } .BlogInfoBar .Feedbacks { float: right; width: 150px; height: 50px; border: 0px solid #72c4db; margin: 3px 10px 0 0; } .BlogInfoBar .Feedbacks .Comment { font-size: 10px; font-weight: bold; text-align: center; } .BlogInfoBar .Feedbacks .Comment a { color: #72c4db; font-weight: bold; } .ContentsListTitle .Date { font-size: 10px; } .ContentsListTitle .Title { float: left; width: 420px; height: 38px; padding: 2px 0 0 0; font-size: 16px; background-color: #72c4db; white-space: nowrap; } .ContentsListTitle .Category { float: right; text-align: right; width: 85px; height: 35px; padding: 5px 0 0 0; font-size: 10px; font-weight: normal; padding: 5px 0 0 0; } .BlogThumbFull { float: left; width: 100%; text-align: center; 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%; font-size:10px; } .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 .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 .BlogTag { width: 80px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTag img { border: solid 0px #dddddd; } .BlogThumbFull .BlogInfoFull .BlogTemplate { width: 80px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTemplate img { height: 60px; border: solid 1px #dddddd; } .BlogThumbFull .BlogDetail img{ 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; font-size:10px; } #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; } /*** コメント ***/ #CategoryTab { float: left; width: 100%; padding: 0 0 50px 20px; } #CategoryTab .Category { float: left; overflow: hidden; white-space: nowrap; } #CategoryTab .Category a { display: block; padding: 0 10px 0 15px; } </style> </head> <body> $VBlogHeaderPart <div id="Wrapper"> <div id="main"> <!-- メニューペイン --> <div id="SideBar"> <div id="SideBarBody"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- 広告は削除できません --> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 --> <div class="SideBarItem"> <div id="Ad300x250"> $ad300x250 </div> </div> <!-- 広告は削除できません --> <div class="SideBarItem"> <div class="MyImg"> <a href="../$user.userId/"> <img src="$user.myProfileImage001"width="50%x"> </a> <BR> </center></div> #if($thisPage.isMyPage == false) #if($thisPage.isMyFavoritePage == false) <a href="$addFavoriteURL"></a> #else #end #if($thisPage.isMyFriendPage == false) <a href="$requestFrinedURL"></a> #else #end <a href="$sendMessageURL"></a> #end <!-- ウィジェット --> <!-- ブログカテゴリ --> <div class="WidgetPane"> <div class="WidgetTitle">ブログカテゴリ</div> <div class="WidgetItemList">$categoryList</div> </div> <!-- ブログカテゴリ --> </div><!-- SideBarItem --> </div><!-- SideBarBody --> <div id="SideBarEnd"></div> </div><!-- SideBar --> <!-- メニューペイン --> <!-- コンテンツペイン --> <div id="Contents"> <!-- ヘッダペイン --> <div id="Header"> <div class="BlogThumbFull"> <table class="NaviBar"> <tr> <td class="Navi_N"> #if($tegakiNext.tegakiId > 0) <a href="${tegakiNext.tegakiId}.html">< new</a> #end </td> <td class="Navi_C"> <a href="index.html">Blog list</a> </td> <td class="Navi_P"> #if($tegakiPrev.tegakiId > 0) <a href="${tegakiPrev.tegakiId}.html">old ></a> #end </td> </tr> </table></div> </div><!-- Header --> <!-- ヘッダペイン --> <div class="ContentsListTitle"> <div class="Title"> <div class="Date"> $tegaki.uploadDateText </div> </div> <div class="Category"> カテゴリ:$categoryName </div> </div> <div class="BlogInfoBar"> <div class="Link"> #if($tegaki.getImg(0).template.fileName != "") #if(${tegaki.getImg(0).template.templateId} > 0) <a href="../VSearchBlogByTemplateS2.jsp?PD=${tegaki.getImg(0).template.templateId}" > <img class="Template" src="${tegaki.getImg(0).template.fileName}_60.jpg" /></a> #end #end #foreach($tag in $tegaki.tagList) <a href="../VSearchBlogByTagS.jsp?GD=${tag.tagId}"> <img class="Tag" src="${tag.fileName}" onerror="this.onerror=null;this.src='http://img01.pipa.jp/tegaki/img06/DefaultTag.gif'" /></a> #end </div> <div class="Feedbacks"> <a class="EditHeartIconHeader cboxElement" href="../VCreateDotS4.jsp?M=0&ID=$user.userId&TD=$tegaki.tegakiId"> <img src="http://img01.pipa.jp/tegaki/img/EditHeartIcon.gif" /></a> #foreach($heart in $heartList) <a href="../VBlogDotListS.jsp?PG=0&ID=$user.userId&TD=$tegaki.tegakiId" target="_blank"> <img class="BlogCmdHeartIcon" src="$heart" /></a> #end <div class="Comment"> <a href="#comments" class="Button4" onclick="$('#Comments').toggle(300)">コメント$tegaki.commentNum件</a> </div> <BR> #if($tegaki.themeId==6 || $tegaki.themeId==7) <a href="../VEditBlogS4.jsp?QD=$tegaki.tegakiId">引用してブログをかく</a> #end </div> $bookmarkButton <div class="title1"> $tegaki.title </div> </div> <div class="ContentsList"> <div class="BlogThumbFull"> <div class="BlogThumbFullBody"> <div class="BlogDetail"> <img src="${tegaki.getImg(0).fileName}" class="BlogImgFull" alt="$tegaki.title" /> </div> <!-- 削除できません --> <a href="comments"id="coment"></a> $comments <!-- 削除できません --> <table class="NaviBar"> <tr> <td class="Navi_N"> #if($tegakiNext.tegakiId > 0) <a href="${tegakiNext.tegakiId}.html">< new</a> #end </td> <td class="Navi_C"> <a href="index.html">Blog list</a> </td> <td class="Navi_P"> #if($tegakiPrev.tegakiId > 0) <a href="${tegakiPrev.tegakiId}.html">old ></a> #end </td> </tr> </table> </div></div></div></div></div> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!--Wrapper--></div><!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>