手ブロベータ版の表示をツイッター風にするためのソースです。
改変や使用報告、リンク等はご自由にどうぞ。
ただし再配布はご遠慮ください。
画像ファイルをダウンロード
「画像パーツの編集」で解凍したファイルをアップロードしてください。
・userimage001.png→$user.image001へ
・userimage002.png→$user.image002へ
・userimage003.png→$user.image003へ
『手ブロ』『テスト』『リンク1(〜3)』の部分は各自で変更してください。
ブログ一覧
<!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> html{ background-image: url('$user.image002'); background-repeat: repeat-x; background-color:#c0deed; } body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,'MS Pゴシック','MS PGothic',sans-serif; font-size:11px; margin: 0; color: #000000; background-image: url('$user.image003'); background-repeat: repeat-x; height: 32px; } a { color: #0084b4; text-decoration: none; } a:hover { text-decoration: underline; } .uea a { color: #dddddd; text-decoration: none;} .uea a:hover { color: #ffffff; } #Wrapper { width: 980px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } /* ヘッダペイン */ #Header { float: left; width: 100%; height: 40px; } #HeaderTitle { display: block; float: left; width: 162px; height: 32px; background-position: left top; background-repeat: no-repeat; } /* ヘッダペイン */ /* フッタペイン */ #Footer { clear: both; width: 100%; text-align: center; padding: 20px 0px 20px 0px; font-size: 9px; background-color:#ffffff; } /* フッタペイン */ </style> <!-- 共通スタイル部 --> <!-- メニューペイン --> <style> #SideBar { float: right; width: 330px; height: auto; background-color:#ffffff; } #SideBarBody { float: left; width: 300px; height: auto; border: 0px; padding: 10px 20px 0px 7px; background-position: left top; background-repeat: repeat; } #Ad300x250 { float: left; width: 300px; height: 252px; margin-left: auto; margin-right: auto; } .SideBarItem { float: left; width: 100%; padding: 0px 0px 10px 0px; } .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; } #CategoryTab { float: left; width: 100%; } #CategoryTab .Category { float: left; overflow: hidden; white-space: nowrap; } #CategoryTab .Category a { display: block; color: #0084b4; padding: 0 10px 0 0; } /*** サイドバーウィジェット ***/ .WidgetPane { float: left; width: 246px; height: auto; margin: 5px 27px 20px 27px; background-color: #FFFFFF; color: #555555; } .WidgetPane .WidgetTitle { width: 244px; } .WidgetPane .WidgetItemList { float: left; width: 280px; height: auto; padding: 0 0 10px 5px; border-bottom: solid 1px #c5d5dc; } .WidgetPane .WidgetItemList a { color: #555555; } .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: 650px; height: auto; background-color:#ffffff; } .ContentsList { float: left; width: 550px; padding: 0px; margin-bottom: 20px; border: 0; } .ContentsListTitle { float: left; width: 550px; height: auto; padding: 10px 10px 0 10px; text-align: left; } .BlogInfoBar{ float: left; width: 600px; height: auto; /*padding: 10px 10px 5px 240px;*/ padding: 5px 0px 5px 10px; text-align: left; } .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: 130px; 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 .BlogThumbFullTitle { float: left; width: 500px; height: 10px; padding: 0px 20px 0px 7px; } .BlogThumbFull .BlogThumbFullBody { float: left; width: 600px; padding: 0px 30px 0px 21px; } .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: 13px; 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; } #CategoryName { margin: 0 0 5px 10px; } #Comments { display: none; } /*** コメント ***/ </style> </head> <body> $VBlogHeaderPart <div id="Wrapper"> <!-- ヘッダペイン --> <div id="Header"> <a href="../$user.userId/" id="HeaderTitle" style="background-image: url('$user.image001');"> </a> <table height="32px"width="600" class="uea"> <tr> <td valign="middle"> #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 <a href="../VFavoriteTemplate.jsp?$user.userId">新しく記事を書く</a> </td><td align=left width="200"> <a href="http://tegaki.pipa.jp/VTop.jsp">TEGAKI Blog</a> <a href="http://tegaki.pipa.jp/VMyPageS.jsp">MY PAGE</a> </td></tr> </table> </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="タグ"border="0"></a> </div> #end #if($tegaki.tagId2>1) <div class="Link"> <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId2}"> <img src="${tegaki.tagFileName2}" title="タグ" alt="タグ"border="0"></a> </div> #end #if($tegaki.tagId3>1) <div class="Link"> <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId3}"> <img src="${tegaki.tagFileName3}" title="タグ" alt="タグ"border="0"></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" border="0"></a> #end <div class="Comment"><img src="http://img01.pipa.jp/tegaki/img04/CommentIcon.gif" alt="コメント" /> x $tegaki.commentNum <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"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <!-- 広告は削除できません --> <!-- ・広告は1024x768pxのモニタでスクロールせずに全てが見える位置に表示する必要があります。 ・広告の一部及び全てを隠蔽するような加工をすることはできません。 ・広告の一部及び全てが不鮮明になるような加工をすることはできません。 --> <div class="SideBarItem" style="padding: 0;"> <div id="Ad300x250"> $ad300x250 </div> </div> <!-- 広告は削除できません --> <div class="SideBarItem"> <!-- ウィジェット --> <!-- ブログカテゴリ --> <div class="WidgetPane"> <div class="WidgetTitle"></div> ブログカテゴリ <div id="CategoryTab"> $categoryList </div></div> <!-- ブログカテゴリ --> </div> <!-- リンク --> <div class="WidgetPane"> <div class="WidgetTitle"></div> <a class="Link" href="#" title="リンク1" onclick="CheckLink('http://clap.webclap.com/clap.php?id=inari')">リンク1</a> | <a class="Link" href="#" title="リンク2" onclick="CheckLink('http://twitter.com/as_ina25')">リンク2</a> | <a class="Link" href="#" title="リンク3" onclick="CheckLink('http://theinterviews.jp/as_ina25/interview')">リンク3</a> <div class="WidgetItemList"></div> </div> <!-- リンク --> <!-- タグごとの投稿数 --> <div class="WidgetPane"> <div class="WidgetTitle">よく使うタグ</div> <div class="WidgetItemList">$blogNumByTag</a></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> --> <!-- ブログパーツ--> <!-- メニューペイン --> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!-- SideBarBody --> <div id="SideBarEnd"></div> </div><!-- SideBar --></div><!--Wrapper--> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>
ブログ詳細
<!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> html{ background-image: url('$user.image002'); background-repeat: repeat-x; background-color:#c0deed; } body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,'MS Pゴシック','MS PGothic',sans-serif; font-size:11px; margin: 0; color: #000000; background-image: url('$user.image003'); background-repeat: repeat-x; height: 32px; } a { color: #0084b4; text-decoration: none; } a:hover { text-decoration: underline; } a img { border-style:none;} .uea a { color: #dddddd; text-decoration: none;} .uea a:hover { color: #ffffff; } #Wrapper { width: 777px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } #MenuBar{display:none;} .PageBar{ text-align: center; float: left; width: 400px; font-size: 10px; margin: 10px 0px 40px 0px; } .PageBar span{ float: left; display: block; padding: 0; width: 25px; height: 25px; text-align:center; white-space: nowrap; overflow: hidden; line-height: 25px; padding: 2px; } .PageBar span:hover { background-color:#eeeeee; cursor: pointer; } .PageBar .Selected { font-weight: bold; } /* ヘッダペイン */ #Header { float: left; width: 100%; height: 40px; margin-top:0px white-space: nowrap; } #HeaderTitle { display: block; float: left; width: 162px; height: 31px; background-position: left top; background-repeat: no-repeat; } /* ヘッダペイン */ /* フッタペイン */ #Footer { clear: both; width: 100%; padding: 20px 0px 20px 0px; font-size: 8px; text-align:center; background-color:#dbedf5; } /* フッタペイン */ </style> <!-- 共通スタイル部 --> <!-- メニューペイン --> <style> #SideBar { float: right; width: 327px; height: auto; background-color:#dbedf5; } #SideBarBody { float: left; width: 300px; height: 100%; border: 0px; padding: 10px 20px 20px 10px; } #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 .MyNickname { float: left; width: 100%; font-size: 20px; font-weight: bold; margin: 0; } .MyImg { float: left; width: 100%; margin: 10px 10px 20px 10px; } .MyImg img { display: block; border: 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: 280px; height: auto; margin: 5px 10px 5px 10px; color: #555555; } .WidgetPane .WidgetTitle { width: 280px; text-align: left; } .WidgetPane .WidgetItemList { float: left; width: 280px; height: auto; padding: 0 0 10px 5px; border-bottom: solid 1px #c5d5dc; } .WidgetPane .WidgetItemList a { color: #555555; } .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: 20px; height: 20px; margin: 40px 40px 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: 430px; height: auto; background-color:#ffffff; padding: 10px 10px 50px 10px; } .ContentsList { float: left; width: 400px; } .BlogThumb { font-size: x-small; text-align: left; float: left; width: 430px; height: auto; padding: 7px 0 0 0; border-bottom: 1px solid #dddddd; } .BlogThumb:hover { background-color:#e5f2f7; } .BlogThumb .BlogImg { display: block; border: none; float: left; align: left; width: 40px; height: 40px; background-position: 50% 50%; background-repeat: no-repeat; margin: 0px 8px 5px 5px; } .BlogThumb .BlogInfo{ float: left; width: 100%; } .BlogThumb .BlogInfo .BlogTitle { float: left; width: 100%; height: 15px; line-height: 15px; font-size: 11px; overflow: hidden; white-space: nowrap; } .BlogThumb .BlogInfo .BlogDate { float: left; width: 100%; height: 15px; line-height: 15px; font-size: 9px; overflow: hidden; white-space: nowrap; } #CategoryTab { float: left; width: 100%; height: 25px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #eeeeee; } #CategoryTab .Category { float: left; text-align: center; overflow: hidden; white-space: nowrap; } #CategoryTab .Category a { display: block; width: 60px; height: 20px; text-decoration: none; font-size: 9px; color: #0084b4; background-color:#ffffff; padding: 5px 0 0 0; border-bottom: 1px solid #eeeeee; } #CategoryTab .Category a:hover { text-decoration: none; color: #0084b4; font-weight: bold; background-color:#eeeeee; } #CategoryTab .Category #Category$categoryId { background-color:#ffffff; font-weight: bold; color: #000000; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } .SideBarItem { float: left; width: 100%; text-align: center; } #MenuBar{display:none;} </style> </head> <body> $VBlogListHeaderPart <div id="Wrapper"> <!-- ヘッダペイン --> <div id="Header"> <a href="../$user.userId/" id="HeaderTitle" style="background-image: url('$user.image001');"> </a> <table height="32px"width="600" class="uea"> <tr> <td valign="middle"> #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 <a href="../VFavoriteTemplate.jsp?$user.userId">新しく記事を書く</a> </td><td align=left width="200"> <a href="http://tegaki.pipa.jp/VTop.jsp">TEGAKI Blog</a> <a href="http://tegaki.pipa.jp/VMyPageS.jsp">MY PAGE</a> </td></tr> </table> </div> <!-- Header --> <!-- ヘッダペイン --> <!-- コンテンツペイン --> <div id="Contents"> <!-- 削除できません -->$menuBar<!-- 削除できません --> <div class="MyImg"> <table><tr><td valign="top"> <a href="$user.myProfileImage001"> <img src="$user.myProfileImage001"width="100px"height="100px" alt="ブログ一覧"></a></td> <td> </td><td valign="top"> <font style="font-size: 23px; font-weight:bold;">$user.nickname</font><BR> <font style="font-size: 15px; font-weight:bold;">@$user.userId</font> 手ブロ<BR> テスト </td></tr></table> </div> <!-- ブログカテゴリ --> <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');"></a> #else <a class="BlogImg" style="background-image: url('$tegaki.fileNameMedium');"></a> #end <table border="0"><tr><td><b>$user.userId</b> <font color="#999999">$user.nickname</font><BR> $tegaki.title<BR><font color="#999999" style="font-size: 8px;"><a href="../$user.userId/${tegaki.tegakiId}.html">$tegaki.uploadDateText</a></font></td></tr></table> </div><!-- BlogThumb --> #end </div> <div class="PageBar">$pageMenu</div> </div><!-- ContentsList --> </div><!-- Contents --> <!-- コンテンツペイン --> <!-- メニューペイン --> <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"> <!-- ウィジェット --> <table><tr><td> <img src="$user.myProfileImage001"width="20px"height="20px" ></td><td>@$user.userId について</td></tr></table> </div> <!-- リンク --> <div class="WidgetPane"> <div class="WidgetTitle"></div> <a class="Link" href="#" title="リンク1" onclick="CheckLink('http://clap.webclap.com/clap.php?id=inari')">リンク1</a> | <a class="Link" href="#" title="リンク2" onclick="CheckLink('http://twitter.com/as_ina25')">リンク2</a> | <a class="Link" href="#" title="リンク3" onclick="CheckLink('http://theinterviews.jp/as_ina25/interview')">リンク3</a> <div class="WidgetItemList"></div> </div> <!-- リンク --> <!-- タグごとの投稿数 --> <div class="WidgetPane"> <div class="WidgetTitle">よく使うタグ</div> <div class="WidgetItemList">$blogNumByTag</a></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> --> <!-- ブログパーツ--> <!-- SideBar --> <!-- メニューペイン --> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!-- Wrapper --></div></div><!-- SideBarBody --> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>