オリジナルのタイトルはいまだに SEO に対応していないので変更してあります
<!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<!-- 削除できません --> #if($tegaki.title == "") <title>手書きブログ - $user.nickname さんのブログ</title> #else <title>$tegaki.title : 手書きブログ - $user.nickname さんのブログ</title> #end <!-- 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: #E3DBDB; } a { color: #47301C; } #Wrapper { width: 988px; margin-left: auto; margin-right: auto; padding: 0px 16px 0px 16px; } /* ヘッダペイン */ #Header { float: left; width: 100%; height: 100px; } #HeaderTitle { display: block; float: left; width: 100%; height: 200px; 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; padding: 0 10px 0 10px; } #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; background-color: #E3DBDB; } #SideBarTitle { float: left; width: 327px; height: 34px; padding: 6px 0 0 0; background-image: url('$user.image004'); background-position: left top; background-repeat: no-repeat; } #SideBarTitle .MyNickname a { float: left; width: 100%; font-size: 18px; font-weight: none; text-align: center; text-decoration: none; margin: 0 0 0 0; color: #ffffff; } #SideBarTitle .MyNickname a:hover { text-decoration: underline; } #SideBarBody { float: left; width: 327px; height: auto; border: 0px; padding: 10px 0 0 0; /*background-image: url('$user.image005'); background-position: left top; background-repeat: repeat;*/ background-color: #ffffff; border-left: 0px solid #47301C; border-right: 0px solid #47301C; border-bottom: 0px solid #47301C; margin-left: auto; margin-right: auto; } #SideBarEnd { float: left; width: 300px; height: 20px; padding: 0px 20px 0px 7px; /*background-image: url('$user.image004'); background-position: left bottom; background-repeat: no-repeat;*/ background-color: #ffffff; } #Ad300x250 { float: left; width: 300px; height: 252px; } .SideBarItem { float: left; width: 100%; padding: 0px 13px 10px 13px; 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: 14px; font-weight: bold; margin: 0; } .SideBarItem .MyImg { float: left; width: 300px; margin: 5px 0px 5px; } .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 #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: 246px; height: auto; margin: 5px 27px 20px 27px; background-color: #FFFFFF; color: #555555; } .WidgetPane .WidgetTitle { width: 246px; height: 16px; padding: 4px 0 0 0; color: #ffffff; background-image: url('$user.image002'); /*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; color: #47301C; border-left: 1px solid #47301C; border-right: 1px solid #47301C; border-bottom: 1px solid #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 15px 0; } /*** サイドバーウィジェット ***/ </style> <!-- メニューペイン --> <!-- コンテンツペイン --> <style> #Contents { float: left; width: 651px; height: auto; } .ContentsList { float: left; width: 651px; padding: 0px; margin-bottom: 20px; border: 1px solid #ffffff; } .ContentsListTitle { float: left; width: 633px; height: 40px; padding: 0 10px 0 10px; text-align: left; color: #ffffff; background-image: url('$user.image004'); background-position: left top; background-repeat: repeat; } .BlogInfoBar{ float: left; width: 641px; height: 62px; /*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 5px 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 20px; width: 280px; height: 60px; } /*.BlogInfoBar .SocialButtons .Button2 { background-color: #ffff00; } .BlogInfoBar .SocialButtons .Button3 { background-color: #ff00ff; } .BlogInfoBar .SocialButtons .Button1 { background-color: #00ffff; } .BlogInfoBar .SocialButtons .Button4 { background-color: #00ff00; }*/ .BlogInfoBar .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'); } .BlogInfoBar .SocialButtons a:hover { color: #47301C; background-color: #ffffff; } .BlogInfoBar .Feedbacks { float: right; width: 126px; height: 50px; background-image:url('$user.image008'); background-position: left top; background-repeat: no-repeat; border: 0px solid #E3DBDB; padding: 9px 4px 0 4px; margin: 3px 10px 0 0; color: #47301C; } .BlogInfoBar .Feedbacks .Comment { font-size: 12px; font-weight: bold; text-align: center; } .BlogInfoBar .Feedbacks .Comment a { color: #47301C; font-weight: bold; } .ContentsListTitle .Date { font-size: 10px; } .ContentsListTitle .Title { float: left; width: 483px; 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: 624px; 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: 600px; 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 .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 1px #dddddd; } .BlogThumbFull .BlogInfoFull .BlogTemplate { width: 80px; text-align: center; } .BlogThumbFull .BlogInfoFull .BlogTemplate img { height: 60px; border: solid 1px #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"> <!-- 削除できません -->$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="SideBar"> <div id="SideBarTitle"> <div class="MyNickname"> <a href="../$user.userId/">$user.nickname</a> </div> </div> <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="ブログ一覧" /> </a> </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> #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"> <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="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="BlogInfoBar"> <div class="Link"> #if($tegaki.tagId > 1) <a href="../VSearchBlogByTagS.jsp?GD=${tegaki.tagId}"> <img src="${tegaki.tagFileName}" title="タグ" alt="タグ" /></a> #else <img src="${tegaki.tagFileName}" title="タグ" alt="タグ" /> #end </div> <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}" > #end <img src="${tegaki.getImg(0).template.fileName}_60.jpg" title="テンプレ" alt="テンプレ" /> #if(${tegaki.getImg(0).template.templateId} > 0) </a> #end #end </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="var c = document.getElementById('Comments'); if(c.style.display=='block'){c.style.display='none';}else{c.style.display='block';}"> コメントをかく</a> </div> <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 class="Button4" href="#comments" onclick="var c = document.getElementById('Comments'); if(c.style.display=='block'){c.style.display='none';}else{c.style.display='block';}"> コメント$tegaki.commentNum件</a> </div> </div> </div> </div> </div> <!-- 削除できません -->$wrapperFooterPart<!-- 削除できません --> </div><!--Wrapper--> <!-- 削除できません -->$bodyFooterPart<!-- 削除できません --> </body> </html>
一覧用 手ブロ新デザイン : あたらしいテーマをカスタマイズしました
|
【手書きブログの最新記事】
- 手書きブログの『協賛会員』
- 既存の絵を MzEditor で参照する : 手書きブログ
- 1280の幅をめいっぱい使う : 手書きブログのデザイン
- 保存がてら、手書きブログの新デザインの内容
- 手書きブログの新デザインで、知らない間にメニューバーが設置されていたのですが、勝手に色設定してあるので見えませんでした。
- カスタムパレットツールの手動インストール
- 手ブロ新デザイン : 簡単な個別コンテンツの追加
- 手ブロ新デザイン : あとからカテゴリタブを追加する方法
- 手ブロ新デザイン : あたらしいテーマをカスタマイズしました
- 手ブロ新デザイン : シンプルテンプレート : 一覧部分
- 手ブロ新デザイン : シンプルテンプレート
- 手ブロ新デザイン : 右サイドをもう少し広く使える詳細画面のテンプレート
- 手ブロ新デザイン : 右サイドをもう少し大きく使える一覧画面のテンプレート
- 手ブロ新デザイン : 詳細部分のデフォルトテンプレート
- 手ブロ新デザイン : 一覧画面のデフォルトテンプレート
- 手ブロ新デザイン : 特定のテンプレートを使った時だけ、絵の上部にリンクを表示する
- 手ブロ新デザイン : 一般変数
- 手ブロ新デザイン : ページをナビゲートする HTML が出力される $pageMenu 変数
- 手ブロ新デザイン : 日付部分へ編集ページへのリンクを入れる
- 手ブロ新デザイン : 今すぐ、とにかく「リンク」を使いたい場合