FXブログテンプレート

FXブログテンプレート：FXブロガー向けブログテンプレートを配布中。

外国為替FX@比較トップ » FXブログテンプレート » 001candyrose_blue

FXブログテンプレート

001candyrose_blue

ブルーを基調にした2カラムのテンプレート。記事欄の幅を広めに取っているので、写真や大きめのバナー広告も記事中に配置することができます。

対応ブログサービス

FC2ブログ

FC2ブログ用テンプレート

FC2ブログではブログの編集画面の「テンプレートの設定」から、適当なテンプレートの「編集」をクリックして、下記の「HTML」「スタイルシート」の2つをコピー＆ペーストして「更新」すればOKです。

■HTMLソース

<?xml version="1.0" encoding="euc-jp"?><!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="author" content="<%author_name>" /> <meta name="description" content="<%introduction>" /> <title><%blog_name><%sub_title></title> <link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" /> <link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" /> <link rel="top" href="<%url>" title="トップ" /> <link rel="start" href="<%url>" title="最初の記事" /> <link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /> <link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /> </head> <body> <div id="all">  <div id="header"> <h1><a href="<%url>"><%blog_name></a></h1> <p><%introduction></p> </div>  <div id="contents">   <div class="entry_title"> <h2><%topentry_title></h2> <div class="entry_date"><%topentry_year> / <%topentry_month> / <%topentry_day> ( <%topentry_youbi> )</div> </div> <div class="entry_text"><%topentry_body></div> <div class="entry_text">  <a href="<%topentry_link>#more">続きを読む</a> <a name="more" id="more"></a><%topentry_more> <p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p> </div> <div class="entry_state"><a href="<%topentry_link>"><%topentry_hour> : <%topentry_minute> : <%topentry_second></a> | <a href="<%topentry_category_link>"><%topentry_category></a>  | <a href="<%topentry_link>#trackback">トラックバック(<%topentry_tb_num>)</a>   | <a href="<%topentry_link>#comment">コメント(<%topentry_comment_num>)</a>  | <a href="#header">page top↑</a></div>      <div class="entry_navi"><<<a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a>>></div>   <div class="entry_title"><a name="comment">コメント</a></div>  <div class="cmtb"><%comment_title></div> <div class="entry_text"><%comment_body></div> <div class="comment_state"> by: <%comment_mail+name> * <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> * <%comment_url+str> [ <a href="<%comment_edit_link>">編集</a>] | <a href="#header">page top↑</a> </div>   <br />  <div class="entry_title"><a name="comment_post">コメントの投稿</a></div> <div class="entry_text"> <form method="post" action="./" name="comment_form"> <input type="hidden" name="mode" value="regist"> <input type="hidden" name="comment[no]" value="25"> <label for="name">NAME:</label><br /> <input id="name" type="text" name="comment[name]" size="30"><br /> <label for="name">TITLE:</label><br /> <input id="subject" type="text" name="comment[title]" size="30"><br /> <label for="mail">MAIL:</label><br /> <input id="mail" type="text" name="comment[mail]" size="30"><br /> <label for="url">URL:</label><br /> <input id="url" type="text" name="comment[url]" size="30"><br /> <label for="comment">COMMENT:</label><br /> <script type="text/javascript" src="http://blog1.fc2.com/load.js"></script><br /> <textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br /> <label for="pass">PASS:</label><br /> <input id="pass" type="password" name="comment[pass]" size="20"><br /> <label for="himitu">SECRET:</label><br /> <input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する<br /> <p><input type="submit" value="送信"></p> </form> </div>     <div class="entry_title"><a name="comment_post">コメントの編集</a></div> <div class="entry_text"> <form method="post" action="./" name="comment_form"> <input type="hidden" name="mode" value="edit"> <input type="hidden" name="mode2" value="edited"> <input type="hidden" name="edit[rno]" value="<%eno>"> <label for="name">NAME:</label><br> <input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br> <label for="mail">MAIL:</label><br> <input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"><br> <label for="url">URL:</label><br> <input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"><br> <label for="comment">COMMENT:</label><br> <script type="text/javascript" src="http://blog1.fc2.com/load.js"></script><br> <textarea id="comment" cols="30" rows="8" name="edit[body]"><%edit_body></textarea><br> <label for="pass">PASS:</label><br> <input id="pass" type="password" name="edit[pass]" size="20"><br> <label for="himitu">SECRET:</label><br> <input id="himitu" type="checkbox" name="edit[himitu]">秘密にする<br> <p> <input type="submit" value="送信"> <input type="submit" name="edit[delete]" value="削除"> </p> </form> </div>     <div class="entry_title"><a name="trackback">トラックバック</a></div> <div class="entry_text">トラックバックURL<br> →<a href="<%trackback_url>"><%trackback_url></a><br /> <a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a> </div>  <div class="cmtb"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></div> <div class="entry_text"> <%tb_excerpt> <%tb_blog_name>【<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>】 </div>     <div class="entry_navi">  ≪<a href="<%prevpage_url>">前ページ</a>  | <a href="<%url>">ホーム</a> |  <a href="<%nextpage_url>">次ページ</a>≫  </div>  </div> <div id="left">   <h3><%plugin_first_title></h3> <p style="text-align:<%plugin_first_ialign>"> <%plugin_first_description> </p> <%plugin_first_content> <p style="text-align:<%plugin_first_ialign>"> <%plugin_first_description2> </p>   <h3><%plugin_second_title></h3> <p style="text-align:<%plugin_second_ialign>"> <%plugin_second_description> </p> <%plugin_second_content> <p style="text-align:<%plugin_second_ialign>"> <%plugin_second_description2> </p>   <h3><%plugin_third_title></h3> <p style="text-align:<%plugin_third_ialign>"> <%plugin_third_description> </p> <%plugin_third_content> <p style="text-align:<%plugin_third_ialign>"> <%plugin_third_description2> </p>   </div> <div id="footer">copyright © 2005 <%blog_name> all rights reserved. <br /> Powered by <a href="http://blog.fc2.com/" target="_blank">FC2ブログ</a>.Template by <a href="http://fx.at-hikaku.com/" target="_blank">FX</a>.Material by <a href="http://xn--bck9etdv63wuqa231kn4a.com/" target="_blank">草花木果</a>. <br /> <%ad> <%ad2></div> </div> </body> </html>

■スタイルシート

@charset "euc-jp"; a:link,a:visited { color: #3366FF; } a:hover { color: #CC3300; } #all { margin: 0px auto; padding: 0px; width: 766px; } #contents { float: right; width: 550px; margin: 0px; padding: 10px 0px; text-align: left; } #left { float: right; width: 210px; margin: 0px; padding: 10px 0px; text-align: center; } #footer { text-align: center; margin: 0px; padding: 10px 0px 0px; clear: both; width: 100%; font-size: 0.7em; line-height: 130%; color: #0082AC; background: url(http://blog49.fc2.com/p/petitrichfx/file/05footer.gif) no-repeat center top; height: 62px; } #header { height: 134px; width: 764px; margin: 8px auto 0px; padding: 0px; background: url(http://blog49.fc2.com/p/petitrichfx/file/05header.jpg) no-repeat center top; text-align: left; } #header h1 { font: bold 1.5em Verdana, "Hiragino Kaku Gothic Pro","MS PGothic",Osaka, sans-serif; padding: 40px 0px 0px; margin: 0px 0px 10px 40px; color: #0082AC; } #header a { color: #0082AC; text-decoration: none; } #header p { font: 0.8em "ＭＳＰゴシック", Osaka; color: #FFFFFF; width: 600px; padding: 0px 0px 0px 40px; margin: 0px; } body { margin: 0px; padding: 0px; background: url(http://blog49.fc2.com/p/petitrichfx/file/05bg.gif) repeat-y center top; text-align: center; } .entry_title { font: 12px Arial, Helvetica, sans-serif; color: #006EAC; background: url(http://blog49.fc2.com/p/petitrichfx/file/05bar_l.gif) no-repeat; margin: 0px 10px 0px 0px; padding: 10px 0px 5px 20px; height: 20px; width: 526px; } .entry_title a { color: #006EAC; } .entry_title h2 { font-size: 12px; margin: 0px; padding: 0px; width: 330px; clear: right; float: left; } .entry_state,.comment_state { font-size: 0.8em; text-align: right; margin: 5px 25px 30px 5px; padding: 0px; color: #666666; } .entry_text { font: 0.8em/150% Arial, Helvetica, sans-serif; color: #444444; margin: 10px 10px 10px 15px; padding: 2px; } .entry_date { font-size: 10px; color: #0082AC; text-align: right; margin: 0px 10px 0px 0px; padding: 0px; float: right; } .entry_navi { font-size: 0.8em; color: #006EAC; text-align: center; margin: 5px auto; padding: 0px; } .cmtb { font-size: 0.9em; color: #0082AC; margin: 10px 10px 0px 20px; padding: 0px; border-bottom: 1px dotted #999999; } #left h3 { font: 12px Arial, Helvetica, sans-serif; color: #006EAC; background: url(http://blog49.fc2.com/p/petitrichfx/file/05bar_s.gif) no-repeat; margin: 0px; height: 22px; width: 191px; padding-left: 15px; padding-top: 10px; text-align: left; } #left ul { margin: 0px; padding: 3px 10px 3px 25px; list-style: url(http://blog49.fc2.com/p/petitrichfx/file/05arrow.gif) none; } #left li { font-size: 0.8em; margin: 0px; padding: 3px 0px; text-align: left; } #left p { font: 0.7em/140% Arial, Helvetica, sans-serif; color: #444444; text-align: left; margin: 3px 10px 5px; padding: 0px 4px; } .calender { margin: 0px auto; padding: 0px; border: 1px solid #DAE4FF; } .calender th { color: #6699FF; background: #FFFFFF; font-size: 0.9em; font-weight: normal; } .calender td { color: #666666; background: #FFFFFF; text-align: center; font-size: 0.9em; margin: 0px; padding: 1px 3px; } .calender caption { font-size: 0.8em; color: #507EA4; text-align: center; margin-right: auto; margin-left: auto; } .plugin-calender { text-align: center; width: 100%; } .calender #sun { color: #CC3300; } .calender #sat { color: #3399CC; } .calender td a { background: #D4F0FF; } .calender tr { border-bottom: 1px solid #507EA4; } .cmtb a { color: #0082AC; }

テンプレート利用規約

違法な内容を取り扱うブログ、アダルトブログでの利用は禁止しております。
著作権表示を消去してテンプレートを使用することは認めておりません。デザインを変更された場合でも、本サイトで公開されているテンプレートをベースにした場合は著作権表示を消去しないようお願いします。
テンプレート及びテンプレートで使用している画像の再配布は認めておりません。
各レンタルブログ用テンプレートをご利用の際は、それぞれのレンタルブログの利用規定に則ってご利用ください。
この利用規約は予告なく変更される場合があります。