無料ブログをかんたん作成
無料ブログ作成ならJUGEM(ジュゲム)
ホーム
ブログ作成
ブログを書く
ブログを見る
無料ブログ作成
JUGEM PLUS お申し込み
サービス紹介
JUGEM（無料ブログ）
JUGEM PLUS（有料プラン）
ブログ機能一覧表
デザイン
公式ブログデザイン
PC版
スマートフォン版
ユーザー作成
ユーザー作成
JUGEM を楽しむ
投稿する・みんなとつながる
ブログテーマ
ブログのお題
その他のコンテンツ
芸能人・有名人のブログ
スペシャルインタビュー
JUGEM を楽しむ 一覧
サポート
管理者ページ・マニュアル
FAQ
お知らせ
新着情報
メンテナンス情報
障害情報
おすすめブログ紹介
このページでは JavaScript を使用しています。JavaScript を有効にしてください。
ホーム
>
ブログデザイン一覧
>
ユーザー作成テンプレート「utf」
>
テンプレートHTML・CSSについて
公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について
弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。
テンプレート名 :
simply-red
テンプレートイメージ表示ページへ戻る
HTML・CSSをコピーして使う
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <!-- ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー Template : simply-red ver.1.1 (C)*drop by drop* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー --> <meta http-equiv="Content-Type" content="text/html; charset={site_encoding}" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>{site_title}</title> <link rel="stylesheet" href="{site_css}" type="text/css" /> <link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" /> <link rel="alternate" type="application/atom+xml" href="{site_atom}" /> <link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" /> <script type="text/javascript" src="./template/js/cookie.js"></script> </head> <body onload="javascript:initval();"> <div id="blog{index}{eid}{pid}"> <div id="blogbody"> <!-- BEGIN title --> <div class="bloghead"> <h1 id="pagetop">{blog_name}</h1> <p>{blog_description}</p> </div> <!-- END title --> <!--ーーーー メインカラム ーーーー--> <div id="main"> <!-- BEGIN entry --> <!--＊エントリー--> <div class="entryframe"> <table border="0" cellspacing="0" cellpadding="0" summary="投稿日・タイトル" class="entrytop"><tr> <td class="entrytime"> {entry_year}.{entry_month}.{entry_day} </td> <td width="19" height="19"> <!--＊--> <table border="0" cellspacing="0" cellpadding="0" summary="＞" class="decoration"><tr> <td width="1" class="color"></td> <td colspan="18" width="18"></td> </tr><tr> <td width="1" class="color"></td> <td width="1" class="color"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td width="1" class="color"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td width="1" class="color"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td width="1" class="color"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td width="1" class="color"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td width="1" class="color"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td width="1" class="color"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td width="1" class="color"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="9" colspan="9" class="color"></td> <td width="1" class="color"></td> <td width="9" colspan="9"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td width="1" class="color"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td width="1" class="color"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td width="1" class="color"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td width="1" class="color"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td width="1" class="color"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td width="1" class="color"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td width="1" class="color"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="1" colspan="1" class="color"></td> <td width="1" class="color"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="1" class="color"></td> <td width="18" colspan="18"></td> </tr></table> <!--＊終--> </td> <td><h2><a href="{entry_permalink}">{entry_title}</a></h2></td> </tr></table> <div class="entrytext"> {entry_description} <!-- BEGIN entry_sequel_link --> <div class="readmore"> <a href="./?eid={entry_sequel_id}#sequel">―READ MORE―</a> </div> <!-- END entry_sequel_link --> <!-- BEGIN entry_sequel_items -->{entry_sequel_text}<!-- END entry_sequel_items --> </div> </div> <div class="entrystatus"> <a href="{entry_permalink}">{entry_time_only}</a><span>+</span>{category_name}<span>+</span> <a href="{entry_permalink}#trackback">TB:{trackback_num_only}</a><span>+</span><a href="{entry_permalink}#comment">CM:{comment_num_only}</a> </div> {trackback_auto_discovery} <!-- END entry --> <!--＊エントリー終--> <!-- BEGIN sequel --> <div class="navi"> <script type="text/javascript"><!-- nextpermaurl="{next_permalink}"; ntitle="{next_title}".substr(0, 10); if (nextpermaurl=="") { document.write(); } else { document.write("<span class='nexttitle'>"); if ("{next_title}".length > 10) document.write("<a href='"+nextpermaurl+"' title='{next_title}' class='help'>"+ntitle+"…<\/a><\/span><span>+<\/span>"); else document.write("<a href='"+nextpermaurl+"'>"+ntitle+"<\/a><\/span><span>+<\/span>"); } // --></script><noscript><span class="nexttitle"><a href="{next_permalink}">{next_title}</a></span><span>+</span></noscript><a href="./">HOME</a><script type="text/javascript"><!-- prevpermurl="{prev_permalink}"; ptitle="{prev_title}".substr(0, 10); if (prevpermurl=="") { document.write(); } else { document.write("<span>+<\/span><span class='prevtitle'>"); if ("{prev_title}".length > 10) document.write("<a href='"+prevpermurl+"' title='{prev_title}' class='help'>"+ptitle+"…<\/a><\/span>"); else document.write("<a href='"+prevpermurl+"'>"+ptitle+"<\/a><\/span>"); } // --></script><noscript><span>+</span><span class="prevtitle"><a href="{prev_permalink}">{prev_title}</a></span></noscript> </div> <!-- END sequel --> <!--＊コメント--> <!-- BEGIN comment_area --> <table border="0" cellspacing="0" cellpadding="0" summary="見出し" class="commenttop"><tr> <td colspan="2" height="1" class="decoframe"></td> <td colspan="3" height="1"></td> </tr><tr> <td width="1" class="decoframe"></td> <td class="commentheadline"> <h3 id="comment">COMMENT</h3> </td> <td width="19" height="19"> <!--＊--> <table border="0" cellspacing="0" cellpadding="0" summary="\" class="decoration"><tr> <td class="decoframe"></td> <td colspan="18" width="18"></td> </tr><tr> <td width="1" class="color"></td> <td class="decoframe"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td class="decoframe"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td class="decoframe"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td class="decoframe"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td class="decoframe"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td class="decoframe"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td class="decoframe"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td class="decoframe"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="9" colspan="9" class="color"></td> <td class="decoframe"></td> <td width="9" colspan="9"></td> </tr><tr> <td width="10" colspan="10" class="color"></td> <td class="decoframe"></td> <td width="8" colspan="8"></td> </tr><tr> <td width="11" colspan="11" class="color"></td> <td class="decoframe"></td> <td width="7" colspan="7"></td> </tr><tr> <td width="12" colspan="12" class="color"></td> <td class="decoframe"></td> <td width="6" colspan="6"></td> </tr><tr> <td width="13" colspan="13" class="color"></td> <td class="decoframe"></td> <td width="5" colspan="5"></td> </tr><tr> <td width="14" colspan="14" class="color"></td> <td class="decoframe"></td> <td width="4" colspan="4"></td> </tr><tr> <td width="15" colspan="15" class="color"></td> <td class="decoframe"></td> <td width="3" colspan="3"></td> </tr><tr> <td width="16" colspan="16" class="color"></td> <td class="decoframe"></td> <td width="2" colspan="2"></td> </tr><tr> <td width="17" colspan="17" class="color"></td> <td class="decoframe"></td> <td width="1"></td> </tr><tr> <td width="18" colspan="18" class="color"></td> <td class="decoframe"></td> </tr></table> <!--＊終--> </td> <td class="commentdecospace"></td> <td width="1"></td> </tr><tr> <td width="1" height="1" class="decoframe"></td> <td colspan="2" height="1" class="color"></td> <td colspan="2" height="1" class="decoframe"></td> </tr></table> <div class="commentframe"> <!-- BEGIN comment --> <h4 id="comment{comment_id}">{comment_name_only}</h4> <div class="commenttext">{comment_description}</div> <div class="commentstatus"> {comment_year}.{comment_month}.{comment_day}({comment_eng_week_short}) {comment_hour_24}:{comment_minute}<script type="text/javascript"><!-- url="{comment_url}"; if (url=="") document.write(); else document.write("<span>+<\/span><a href='"+url+"' target=","'_blank","'>URL<\/a>"); // --></script><noscript><span>+</span><a href="{comment_url}" target="_blank">URL</a></noscript> </div> <!-- END comment --> <!--＊コメント投稿--> <table border="0" cellspacing="0" cellpadding="0" summary="見出し" class="commenttop"> <tr> <td height="1" class="decoframe"></td> <td colspan="2" height="1"></td> </tr><tr> <td class="commentheadline"> <h3 id="commentpost">COMMENT FORM</h3> </td> <td width="19" height="19"> <!--＊--> <table border="0" cellspacing="0" cellpadding="0" summary="\" class="decoration"><tr> <td class="decoframe"></td> <td colspan="18" width="18"></td> </tr><tr> <td width="1" class="color"></td> <td class="decoframe"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td class="decoframe"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td class="decoframe"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td class="decoframe"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td class="decoframe"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td class="decoframe"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td class="decoframe"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td class="decoframe"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="9" colspan="9" class="color"></td> <td class="decoframe"></td> <td width="9" colspan="9"></td> </tr><tr> <td width="10" colspan="10" class="color"></td> <td class="decoframe"></td> <td width="8" colspan="8"></td> </tr><tr> <td width="11" colspan="11" class="color"></td> <td class="decoframe"></td> <td width="7" colspan="7"></td> </tr><tr> <td width="12" colspan="12" class="color"></td> <td class="decoframe"></td> <td width="6" colspan="6"></td> </tr><tr> <td width="13" colspan="13" class="color"></td> <td class="decoframe"></td> <td width="5" colspan="5"></td> </tr><tr> <td width="14" colspan="14" class="color"></td> <td class="decoframe"></td> <td width="4" colspan="4"></td> </tr><tr> <td width="15" colspan="15" class="color"></td> <td class="decoframe"></td> <td width="3" colspan="3"></td> </tr><tr> <td width="16" colspan="16" class="color"></td> <td class="decoframe"></td> <td width="2" colspan="2"></td> </tr><tr> <td width="17" colspan="17" class="color"></td> <td class="decoframe"></td> <td width="1"></td> </tr><tr> <td width="18" colspan="18" class="color"></td> <td class="decoframe"></td> </tr></table> <!--＊終--> </td> <td class="commentformdecospace"></td> </tr><tr> <td colspan="2" height="1" class="color"></td> <td height="1" class="decoframe"></td> </tr></table> <form name="comment_area" id="comment_area" method="post" action="./?mode=comment"> <input type="hidden" name="entry_id" value="{entry_id}" /> <table border="0" cellspacing="0" cellpadding="0" summary="コメント投稿フォーム" class="formtable" align="center"><tr> <td><label for="name">NAME</label></td> <td align="right"> <input type="text" tabindex="1" id="name" name="name" value="{cookie_name}" size="39" /> </td> </tr><tr> <td><label for="email">MAIL</label></td> <td align="right"> <input type="text" tabindex="2" id="email" name="email" value="{cookie_email}" size="39" /> </td> </tr><tr> <td><label for="url">URL</label></td> <td align="right"> <input type="text" tabindex="3" id="url" name="url" value="{cookie_url}" size="39" /> </td> </tr><tr> <td colspan="2" align="right"> <textarea tabindex="4" cols="42" rows="5" name="description"></textarea> </td> </tr><tr> <td colspan="2" align="center"> <input tabindex="5" type="checkbox" id="set_cookie" name="set_cookie" value="1" /> <label for="set_cookie">COOKIE</label> <input type="image" tabindex="6" src="http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254312.gif" alt="SUBMIT" class="button" value="SUBMIT" onclick="javascript:setval();" onkeypress="javascript:setval();" /> </td> </tr></table> </form> <!--＊コメント投稿終--> </div> <!-- END comment_area --> <!--＊コメント終--> <!--＊トラックバック--> <!-- BEGIN trackback_area --> <div class="navi"> <a href="./">HOME</a><span>+</span><a href="#pagetop">PAGE TOP</a> </div> <table border="0" cellspacing="0" cellpadding="0" summary="見出し" class="commenttop"> <tr> <td colspan="2" height="1" class="decoframe"></td> <td colspan="3" height="1"></td> </tr><tr> <td width="1" class="decoframe"></td> <td class="commentheadline"> <h3 id="trackback">TRACKBACK</h3> </td> <td width="19" height="19"> <!--＊--> <table border="0" cellspacing="0" cellpadding="0" summary="\" class="decoration"><tr> <td class="decoframe"></td> <td colspan="18" width="18"></td> </tr><tr> <td width="1" class="color"></td> <td class="decoframe"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td class="decoframe"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td class="decoframe"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td class="decoframe"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td class="decoframe"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td class="decoframe"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td class="decoframe"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td class="decoframe"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="9" colspan="9" class="color"></td> <td class="decoframe"></td> <td width="9" colspan="9"></td> </tr><tr> <td width="10" colspan="10" class="color"></td> <td class="decoframe"></td> <td width="8" colspan="8"></td> </tr><tr> <td width="11" colspan="11" class="color"></td> <td class="decoframe"></td> <td width="7" colspan="7"></td> </tr><tr> <td width="12" colspan="12" class="color"></td> <td class="decoframe"></td> <td width="6" colspan="6"></td> </tr><tr> <td width="13" colspan="13" class="color"></td> <td class="decoframe"></td> <td width="5" colspan="5"></td> </tr><tr> <td width="14" colspan="14" class="color"></td> <td class="decoframe"></td> <td width="4" colspan="4"></td> </tr><tr> <td width="15" colspan="15" class="color"></td> <td class="decoframe"></td> <td width="3" colspan="3"></td> </tr><tr> <td width="16" colspan="16" class="color"></td> <td class="decoframe"></td> <td width="2" colspan="2"></td> </tr><tr> <td width="17" colspan="17" class="color"></td> <td class="decoframe"></td> <td width="1"></td> </tr><tr> <td width="18" colspan="18" class="color"></td> <td class="decoframe"></td> </tr></table> <!--＊終--> </td> <td class="trackbackdecospace"></td> <td width="1"></td> </tr><tr> <td width="1" height="1" class="decoframe"></td> <td colspan="2" height="1" class="color"></td> <td colspan="2" height="1" class="decoframe"></td> </tr></table> <div class="commentframe"> <p class="trackbackurl"> Trackback URL：<a href="{trackback_url}" target="_blank">{trackback_url}</a> </p> <!-- BEGIN trackback --> <h4 id="trackback{trackback_id}">{trackback_title}</h4> <div class="commenttext">{trackback_excerpt}</div> <div class="commentstatus"> {trackback_year}.{trackback_month}.{trackback_day}({trackback_eng_week_short}) {trackback_hour_24}:{trackback_minute}<span>+</span>{trackback_blog_name} </div> <!-- END trackback --> </div> <!-- END trackback_area --> <!--＊トラックバック終--> <!-- BEGIN profile_area --> <div class="profframe"> <table border="0" cellspacing="0" cellpadding="0" summary="見出し" class="entrytop"><tr> <td class="entrytime"> PROFILE </td> <td width="19" height="19"> <!--＊--> <table border="0" cellspacing="0" cellpadding="0" summary="\" class="decoration"><tr> <td width="1" class="color"></td> <td colspan="18" width="18"></td> </tr><tr> <td width="1" class="color"></td> <td width="1" class="color"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td width="1" class="color"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td width="1" class="color"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td width="1" class="color"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td width="1" class="color"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td width="1" class="color"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td width="1" class="color"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td width="1" class="color"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="9" colspan="9" class="color"></td> <td width="1" class="color"></td> <td width="9" colspan="9"></td> </tr><tr> <td width="8" colspan="8" class="color"></td> <td width="1" class="color"></td> <td width="10" colspan="10"></td> </tr><tr> <td width="7" colspan="7" class="color"></td> <td width="1" class="color"></td> <td width="11" colspan="11"></td> </tr><tr> <td width="6" colspan="6" class="color"></td> <td width="1" class="color"></td> <td width="12" colspan="12"></td> </tr><tr> <td width="5" colspan="5" class="color"></td> <td width="1" class="color"></td> <td width="13" colspan="13"></td> </tr><tr> <td width="4" colspan="4" class="color"></td> <td width="1" class="color"></td> <td width="14" colspan="14"></td> </tr><tr> <td width="3" colspan="3" class="color"></td> <td width="1" class="color"></td> <td width="15" colspan="15"></td> </tr><tr> <td width="2" colspan="2" class="color"></td> <td width="1" class="color"></td> <td width="16" colspan="16"></td> </tr><tr> <td width="1" colspan="1" class="color"></td> <td width="1" class="color"></td> <td width="17" colspan="17"></td> </tr><tr> <td width="1" class="color"></td> <td width="18" colspan="18"></td> </tr></table> <!--＊終--> </td> <td><h2>{profile_name}</h2></td> </tr></table> <div class="proftext">{profile_description}</div> </div> <div class="navi"> <a href="./">HOME</a><span>+</span><a href="#pagetop">PAGE TOP</a> </div> <!-- END profile_area --> <!-- BEGIN page --> <div class="navi"> <div class="pageno">{page_now}/{page_num}</div> <script type="text/javascript"><!-- prevpageurl="{prev_page_url}"; if (prevpageurl=="") document.write(); else document.write("<a href='"+prevpageurl+"'>BACK<\/a><span>+<\/span>"); // --></script><noscript><a href="{prev_page_url}">BACK</a><span>+</span></noscript><a href="#pagetop">PAGE TOP</a><script type="text/javascript"><!-- nextpageurl="{next_page_url}"; if (nextpageurl=="") document.write(); else document.write("<span>+<\/span><a href='"+nextpageurl+"'>NEXT<\/a>"); // --></script><noscript><span>+</span><a href="{next_page_url}">NEXT</a></noscript> </div> <!-- END page --> </div> <!--ーーーー メインカラム終 ーーーー--> <!--ーーーー メニュー ーーーー--> <div id="menu"> <div class="space"> <!-- BEGIN calendar --> <div class="frame"><h2> <a href="./?month={calendar_prev_yearmonth}" title="{calendar_prev_yearmonth}" class="help"><img src="http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254314.gif" width="6" height="9" alt="←" border="0" onmouseover="this.src='http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254315.gif'" onmouseout="this.src='http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254314.gif'" /></a><span>{calendar_str_month} {calendar_this_year}</span><a href="./?month={calendar_next_yearmonth}" title="{calendar_next_yearmonth}" class="help"><img src="http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254316.gif" width="6" height="9" alt="→" border="0" onmouseover="this.src='http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254317.gif'" onmouseout="this.src='http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254316.gif'" /></a> </h2></div> <div id="calender"> <table border="0" cellspacing="1" cellpadding="0" summary="カレンダー"><tr> <th abbr="日曜日" scope="row" class="sun">S</th> <th abbr="月曜日" scope="row">M</th> <th abbr="火曜日" scope="row">T</th> <th abbr="水曜日" scope="row">W</th> <th abbr="木曜日" scope="row">T</th> <th abbr="金曜日" scope="row">F</th> <th abbr="土曜日" scope="row" class="sat">S</th> </tr> </table> {calendar_only} </div> <!-- END calendar --> <!-- BEGIN category --> <div class="frame"><h2>CATEGORIES</h2></div> <ul><!-- BEGIN category_items --> <li><span class="listmark">■</span><a href="./?cid={category_item_id}">{category_item_name} ({category_item_num})</a></li> <!-- END category_items --></ul> <!-- END category --> <!-- BEGIN latest_entry --> <div class="frame"><h2>LATEST ENTRIES</h2></div> <ul><!-- BEGIN latest_entry_items --> <li><span class="listmark">■</span><a href="./?eid={latest_entry_item_id}" title="{latest_entry_item_month}.{latest_entry_item_day}">{latest_entry_item_title}</a></li> <!-- END latest_entry_items --></ul> <!-- END latest_entry --> <!-- BEGIN selected_entry --> <div id="selected"> <div class="frame"><h2>SELECTED ENTRIES</h2></div> <ul><!-- BEGIN selected_entry_items --> <li><span class="listmark">■</span><a href="./?eid={selected_entry_item_id}" title="{selected_entry_item_month}.{selected_entry_item_day}">{selected_entry_item_title}</a></li> <!-- END selected_entry_items --></ul> </div> <!-- END selected_entry --> <!-- BEGIN recent_comment --> <div class="frame"><h2>RECENT COMMENTS</h2></div> <ul><!-- BEGIN recent_comment_items --> <li><span class="listmark">■</span><a href="./?eid={recent_comment_item_entry_id}#comment{recent_comment_item_comment_id}" title="→ {recent_comment_item_title}">{recent_comment_item_name} ({recent_comment_item_month}.{recent_comment_item_day})</a></li> <!-- END recent_comment_items --></ul> <!-- END recent_comment --> <!-- BEGIN recent_trackback --> <div class="frame"><h2>RECENT TRACKBACKS</h2></div> <ul><!-- BEGIN recent_trackback_items --> <li><span class="listmark">■</span><a href="./?eid={recent_trackback_item_entry_id}#trackback{recent_trackback_item_trackback_id}" title="→ {recent_trackback_item_title}">{recent_trackback_item_blog_name} ({recent_trackback_item_month}.{recent_trackback_item_day})</a></li> <!-- END recent_trackback_items --></ul> <!-- END recent_trackback --> <!-- BEGIN archives --> <div class="frame"><h2>ARCHIVES</h2></div> <ul><!-- BEGIN archives_items --> <li><span class="listmark">■</span><a href="./?month={archives_item_year}{archives_item_num_month}">{archives_item_eng} ({archives_item_num})</a></li> <!-- END archives_items --></ul> <!-- END archives --> <!-- BEGIN user --> <div class="frame"><h2>PROFILE</h2></div> <ul><!-- BEGIN user_items --> <li><span class="listmark">■</span><a href="./?pid={user_item_id}">{user_item_name}</a></li> <!-- END user_items --></ul> <!-- END user --> <!-- BEGIN link --> <div class="frame"><h2>LINKS</h2></div> <ul><!-- BEGIN link_items --> <li><span class="listmark">■</span><a href="{link_item_url}">{link_item_name}</a></li> <!-- END link_items --></ul> <!-- END link --> <!-- BEGIN freespace1 --> <div class="frame"><h2>{freespace_title1}</h2></div> <div class="linktext">{freespace_contents1}</div> <!-- END freespace1 --> <!-- BEGIN freespace2 --> <div class="frame"><h2>{freespace_title2}</h2></div> <div class="linktext">{freespace_contents2}</div> <!-- END freespace2 --> <!-- BEGIN freespace3 --> <div class="frame"><h2>{freespace_title3}</h2></div> <div class="linktext">{freespace_contents3}</div> <!-- END freespace3 --> <!-- BEGIN freespace4 --> <div class="frame"><h2>{freespace_title4}</h2></div> <div class="linktext">{freespace_contents4}</div> <!-- END freespace4 --> <!-- BEGIN freespace5 --> <div class="frame"><h2>{freespace_title5}</h2></div> <div class="linktext">{freespace_contents5}</div> <!-- END freespace5 --> <!-- パワード --> <div class="frame"><h2>OTHERS</h2></div> <ul> <li><span class="listmark">■</span><a href="./admin/">Admin</a></li> <li><span class="listmark">■</span><a href="./?mode=rss">RSS 1.0</a></li> <li><span class="listmark">■</span><a href="./?mode=atom">Atom 0.3</a></li> <!-- ーーーーーーーーーーーーーーーーーーーーーーーーー▽著作権表示 --> <li><span class="listmark">■</span><a href="http://38b.jugem.jp/" target="_blank">Template: *drop by drop*</a></li> <li><span class="listmark">■</span><a href="https://jugem.jp/" target="_blank">Powered: JUGEM</a></li> <li><span class="listmark">■</span><a href="http://paperboy.co.jp" target="_blank">Service Provided: paperboy&co.</a></li> <!-- ーーーーーーーーーーーーーーーー＊改変・削除はしないで下さい△ --> </ul> <!-- ／パワード --> <!-- Amazon Web サービス --> <div class="frame"><h2>RECOMMENDS</h2></div> <div class="linktext"> <!-- BEGIN amazon --> <div class="amazon"> <a href="{amazon_url}" target="_blank" class="help"><img src="{amazon_ImageUrlSmall}" border="0" alt="{amazon_ProductName}" title="{amazon_Creator}" class="amazon_pict" /><br /> {amazon_ProductName}</a> </div> <!-- END amazon --> </div> <!-- ／Amazon Web サービス --> <!--＊Search--> <div class="frame"><h2>SEARCH</h2></div> <form action="./" method="get"> <input type="text" id="search" name="search" size="15" maxlength="200" value="" /> <input type="image" src="http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254312.gif" alt="SUBMIT" class="button" value="SUBMIT" /> </form> <!--＊Search終--> <!-- QRコード --> <div class="qr">{site_qrcode}</div> <!-- ／QRコード --> <div class="ad">{ad}</div> </div> </div> <!--ーーーー 右メニュー終 ーーーー--> <div id="hoot">{copyright}</div> </div> </div> <script type="text/javascript"><!-- odiv = this.document.getElementsByTagName('div'); for (i = 0; i < odiv.length; i++) { if (odiv[i].id == 'hoot') { linkjugem = odiv[i].getElementsByTagName('a'); for (j = 0; j < linkjugem.length; j++) { if (linkjugem[j].href == 'https://jugem.jp/') { linkjugem[j].title = ''; linkjugem[j].href = './'; blogtitle = document.title.split('|'); linkjugem[j].innerHTML = blogtitle[0]; } } } if (odiv[i].className == 'entrytext') { anchorsequel = odiv[i].getElementsByTagName('a'); for (j = 0; j < anchorsequel.length; j++) { if (anchorsequel[j].name == 'sequel') { anchorsequel[j].innerHTML = '―POSTSCRIPT―'; anchorsequel[j].className = 'ps'; } } } } // --></script> </body> </html>
CSS
/* ーーーーーーーーーーーーーーーーーーーーーーーーーー 全体 */ body { margin:0; padding:10px 0; text-align:center; background:#fff; } body , th , td { color:#000; font-size:10px; font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } body , html { scrollbar-base-color:#cc0000; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#ffffff; } a:link , a:visited { color:#000; background:#fff; text-decoration:none; } a:active , a:hover { color:#fff; background:#cc0000; text-decoration:none; } a.help {cursor:help;} br {letter-spacing:normal;} img {border:none;} /* ーーーーーーーーーーーーーーーーーーーーーーー レイアウト */ #blogbody { width:511px; margin:0 auto; text-align:left; } #main { width:355px; float:left; overflow:hidden; } #menu { width:156px; float:right; overflow:hidden; } .space {padding-left:10px; line-height:140%;} #hoot { width:511px; clear:both; font-size:10px; color:#cc0000; line-height:100%; letter-spacing:0.5px; text-align:center; text-transform:uppercase; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } #hoot span {text-transform:none;} #hoot a:link , #hoot a:visited { color:#cc0000; background:#fff; text-decoration:none; } #hoot a:active , #hoot a:hover { color:#fff; background:#cc0000; text-decoration:none; } /* ーーーーーーーーーーーーーーーーーーーーーーーーー トップ */ .bloghead {text-align:center; padding-bottom:10px;} h1 { font-size:14px; font-weight:bold; line-height:100%; letter-spacing:0.8px; margin:0; padding:0; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } h1 a:link , h1 a:visited { color:#cc0000; background:#fff; text-decoration:none; } h1 a:active , h1 a:hover { color:#fff; background:#cc0000; text-decoration:none; } .bloghead p {margin:0; padding:3px 0 0 0;} /* ーーーーーーーーーーーーーーーーーーーーーー メインカラム */ .color {background:#cc0000;} .decoframe {background:#000;} .decoration .decoframe {width:1px;} .decoration td {height:1px;} /* ーーーーー エントリー */ .entryframe { background:#fff; border-width:1px 1px 0 1px; border-style:solid solid none solid; border-color:#000; } .entrytop { width:100%; height:19px; background:#fff; } .entrytop td {vertical-align:middle;} .entrytime { font-size:10px; color:#fff; background:#cc0000; font-weight:normal; line-height:100%; letter-spacing:0.7px; padding-left:5px; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } .entrytime { width:115px; voice-family: "\"}\""; voice-family:inherit; width:110px; } html>body .entrytime {width:110px;} #main h2 { font-size:10px; font-weight:normal; line-height:130%; padding:0 0 0 5px; margin:0; } .entrytext { line-height:150%; padding:5px; border-width:1px 0; border-style:dashed none; border-color:#000; } .entrytext a.ps { display:block; cursor:text; text-align:center; color:#cc0000; line-height:100%; letter-spacing:0.5px; margin:10px 0 3px 0; padding:0; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } .entrytext a.ps:link , .entrytext a.ps:visited , .entrytext a.ps:active , .entrytext a.ps:hover { color:#cc0000; background:#fff; text-decoration:none; } .readmore { text-align:center; line-height:100%; letter-spacing:0.5px; padding-top:2px; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } .entrytext a:link , .entrytext a:visited , .commenttext a:link , .commenttext a:visited , .proftext a:link , .proftext a:visited { color:#cc0000; background:#fff; text-decoration:none; } .entrytext a:active , .entrytext a:hover , .commenttext a:active , .commenttext a:hover , .proftext a:active , .proftext a:hover { color:#fff; background:#cc0000; text-decoration:none; } .entrytext img {border:1px solid #888;} img.emoji { border:none; vertical-align:text-bottom; padding:0 0 0 2px; margin:0; } .entrytext a:link img , .entrytext a:visited img {border:1px solid #888;} .entrytext a:active img , .entrytext a:hover img {border:1px solid #cc0000;} .entrystatus { font-size:9px; text-align:center; line-height:100%; background:#fff; padding:5px; margin-bottom:10px; border-width:0 1px 1px 1px; border-style:none solid solid solid; border-color:#000; } .entrystatus span {color:#cc0000; padding:0 5px;} /* ーーーーー ナビ */ .navi { font-size:9px; text-align:center; line-height:100%; margin-bottom:10px; } .navi span {color:#cc0000; padding:0 5px;} .navi span.nexttitle , .navi span.prevtitle {padding:0;} span.nexttitle a:link , span.nexttitle a:visited { padding:0 0 0 11px; background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254314.gif) no-repeat scroll 0 50%; } span.nexttitle a:active , span.nexttitle a:hover { padding:0 0 0 11px; background:#cc0000 url(http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254315.gif) no-repeat scroll 0 50%; } span.prevtitle a:link , span.prevtitle a:visited { padding:0 11px 0 0; background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254316.gif) no-repeat scroll 100% 50%; } span.prevtitle a:active , span.prevtitle a:hover { padding:0 11px 0 0; background:#cc0000 url(http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254317.gif) no-repeat scroll 100% 50%; } .pageno {padding-bottom:2px;} /* ーーーーー コメ・トラバ */ .commenttop {width:100%;} .commentdecospace {width:100px;} .commentformdecospace {width:150px;} .trackbackdecospace {width:200px;} .commentheadline {background:#cc0000; vertical-align:middle;} h3 { font-size:10px; color:#fff; font-weight:normal; line-height:100%; letter-spacing:0.7px; padding:0; margin:0 0 0 5px; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } .commentframe { background:#fff; margin-bottom:10px; border-width:0 1px 1px 1px; border-style:none solid solid solid; border-color:#000; } h4 { font-size:10px; font-weight:normal; line-height:100%; margin:0; padding:5px 5px 5px 14px; background:url(http://img-cdn.jg.jugem.jp/a6a/267122/20070318_254316.gif) no-repeat scroll 5px 50%; } .commenttext {padding:0 5px 5px 5px; line-height:150%;} .commentstatus { font-size:9px; text-align:right; line-height:100%; padding:0 5px 5px 5px; } .commentstatus span {color:#cc0000; padding:0 5px;} p.trackbackurl { text-align:center; line-height:100%; padding:5px; margin:0; } /* ーーーーー プロフ */ .profframe { background:#fff; margin-bottom:10px; border:1px solid #000; } body#blogpid #main h2 {line-height:100%;} .proftext { line-height:150%; padding:5px; border-top:1px dashed #000; } /* ーーーーー フォーム */ table.formtable {margin:0 auto;} input , textarea { color:#000; font-size:10px; background:#fff; border:1px solid #888; font-family:Osaka,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; } textarea { scrollbar-base-color:#cc0000; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#ffffff; } form#comment_area { padding:2px 5px 5px 5px; margin:0; } .formtable td { font-size:9px; line-height:100%; vertical-align:bottom; } .formtable input#set_cookie { color:#000; background:#fff; border:none; } .formtable input { width:200px; margin:3px 0 0 5px; } .formtable input#set_cookie {width:auto;} .formtable input.button { width:auto; font-size:9px; vertical-align:text-bottom; border:none; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } .formtable textarea { margin:3px 0 0 0; width:230px; } /* ーーーーーーーーーーーーーーーーーーーーーーーー メニュー */ body#blogindex #selected , body#blogeid #selected {display:none;} .frame { background:#fff; border:1px solid #000; } #menu h2 { font-size:10px; font-weight:normal; text-align:center; line-height:100%; letter-spacing:0.5px; text-transform:uppercase; margin:0; padding:3px 0; border-width:0 5px; border-style:none solid; border-color:#cc0000; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } #menu h2 img {vertical-align:-1px;} #menu h2 span {padding:0 5px;} .linktext {margin-bottom:10px; padding-top:1px;} .listmark {color:#cc0000; padding-right:2px;} #menu ul { padding:0; margin:1px 0 10px 0; } #menu li { list-style:none; padding:0; margin:0; } .ad {text-align:center; padding:40px 0 0 5px;} .qr { text-align:center; line-height:100%; margin-bottom:10px; } /* ーーーーー サーチ */ #menu form { margin:3px 0 10px 0; padding:0; text-align:center; } #menu form input.button { width:auto; font-size:9px; vertical-align:middle; border:none; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } #menu form input#search {width:80px;} /* ーーーーー カレンダー */ #calender {padding-top:1px; margin-bottom:10px;} #calender table {width:146px; margin-top:-1px;} #calender th , #calender td { font-size:9px; text-align:center; line-height:100%; width:20px; height:15px; } #calender th { font-weight:normal; font-family:"Trebuchet MS",Arial,Tahoma,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif; } th.sun {color:#b22222;} th.sat {color:#00008b;} .cell a {display:block;} .cell a:link , .cell a:visited { color:#cc0000; background:#fff; text-decoration:none; border-width:3px 0; border-style:solid; border-color:#fff; } .cell a:link , .cell a:visited { height:15px; voice-family: "\"}\""; voice-family:inherit; height:9px; } html>body .cell a:link {height:9px;} html>body .cell a:visited {height:9px;} .cell a:hover , .cell a:active { text-decoration:none; color:#fff; background:#cc0000; border-width:3px 0; border-style:solid; border-color:#cc0000; } .cell a:hover , .cell a:active { height:15px; voice-family: "\"}\""; voice-family:inherit; height:9px; } html>body .cell a:hover {height:9px;} html>body .cell a:active {height:9px;} /* ーーーーー アマゾン */ .amazon { text-align:center; margin:1px 0 5px 0; } .amazon a:link img , .amazon a:visited img {border:1px solid #fff;} .amazon a:active img , .amazon a:hover img {border:1px solid #cc0000;}
高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！
今すぐ
無料ブログ
をはじめよう！ ≫
ブログ作成
利用規約
|
プライバシーポリシー
|
推奨環境
|
会社概要
|
サイトマップ
Copyright © 2003-2021 株式会社メディアーノ All Rights Reserved.
ページの先頭へ↑
