FXブログテンプレート

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

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

FXブログテンプレート

003orange_jewel_3c

オレンジを基調にした、すっきりとさわやかな3カラムのテンプレート。両サイドバーに広告を掲載したい方におすすめ。

対応ブログサービス

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"> <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 id="main">   <div class="entry"> <div class="entry_title"> <h2><%topentry_title></h2> </div> <div class="entry_date"><%topentry_year>/<%topentry_month>/<%topentry_day> ( <%topentry_youbi> )</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">TB(<%topentry_tb_num>)</a>   | <a href="<%topentry_link>#comment">Comment(<%topentry_comment_num>)</a>  | <a href="#header">UP↑</a></div> </div><br />      <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="cmtb"> <div class="entry_title"><a name="comment">コメント</a></div>  <div class="entry_text"><%comment_title><br /> <%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">UP↑</a> </div> </div>  <br />  <div class="cmtb"> <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="<%pno>"> <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>     <div class="cmtb"> <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>     <br /><div class="cmtb"> <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="entry_text"> <a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a><br /> <%tb_excerpt> <%tb_blog_name>[<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>] </div>  </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>   </div> </div> <div id="right">  <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>  </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: #AC5A00; } a:hover { color: #FF0000; background: #FFCCFF; } #all { margin: 0px auto; padding: 10px; width: 800px; border-right: 1px solid #CC6600; border-left: 1px solid #CC6600; } #contents { float: left; width: 595px; margin: 5px 5px 0px 3px; padding: 0px; } #left { float: right; width: 187px; margin: 0px 5px 0px 0px; padding: 0px; } #main { float: right; width: 400px; padding: 0px; margin-top: 2px; } #right { float: left; width: 187px; padding: 0px; margin: 5px 0px 0px; } #footer { text-align: center; margin: 5px auto 0px; padding: 15px 0px; clear: both; width: 790px; font-size: 0.7em; line-height: 130%; color: #AC5A00; background: url(http://blog49.fc2.com/p/petitrichfx/file/07footer.gif) no-repeat center top; } #footer a { color: #AC5A00; } #header { height: 134px; width: 790px; margin: 0px auto; padding: 0px; background: url(http://blog49.fc2.com/p/petitrichfx/file/07header.jpg) no-repeat center top; } #header h1 { font: bold 1.5em Arial, Helvetica, sans-serif; padding: 45px 0px 0px 30px; margin: 0px auto; text-align: left; } #header a { color: #FFFFFF; text-decoration: none; } #header p { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 5px 0px 0px 30px; margin: 0px auto; text-align: left; } body { margin: 0px; padding: 0px; } .entry_title { font: 12px Arial, Helvetica, sans-serif; color: #AC5A00; background: url(http://blog49.fc2.com/p/petitrichfx/file/07mds_icon.gif) no-repeat 5px center; margin: 0px; padding: 7px 3px 5px 23px; border-bottom: 1px solid #FF6600; } .entry { margin: 0px; padding: 0px; border: 1px solid #FF9900; } .entry_title a { color: #AC5A00; } .entry_title h2 { font-size: 12px; color: #AC5A00; margin: 0px; padding: 0px; } .entry_state,.comment_state { font-size: 0.8em; text-align: right; margin: 20px 5px 10px; padding: 0px; color: #666666; } .entry_text { font: 0.8em/150% Arial, Helvetica, sans-serif; color: #666666; margin: 10px 20px 10px 10px; padding: 5px; } .entry_date { font-size: 10px; color: #CC6600; margin: 0px 5px 0px 0px; padding: 0px; text-align: right; } .entry_navi { font-size: 0.8em; color: #666666; text-align: center; margin: 5px auto; padding: 0px; } #left h3,#right h3 { font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; background: url(http://blog49.fc2.com/p/petitrichfx/file/07bar_s.gif) no-repeat; margin: 0px; width: 163px; text-align: left; padding: 12px 0px 10px 27px; } #left ul,#right ul { margin: 2px 0px 2px 20px; padding: 0px; list-style: url(http://blog49.fc2.com/p/petitrichfx/file/07arrow.gif); } #left li,#right li { font-size: 12px; margin: 0px; padding: 0px 0px 4px; text-align: left; } #left p,#right p { font: 0.8em/140% Arial, Helvetica, sans-serif; color: #666666; text-align: left; margin: 3px 10px 5px; padding: 0px; } .calender { margin: 0px auto; padding: 0px; border: 1px solid #FF9900; } .calender th { color: #CC6600; 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 2px; } .calender caption { font-size: 0.8em; color: #CC6600; text-align: center; margin-right: auto; margin-left: auto; } .plugin-calender { text-align: center; width: 100%; } .calender #sun { color: #CC3300; } .calender #sat { color: #993300; } .calender td a { background: #FFCC99; } .calender tr { border-bottom: 1px solid #507EA4; } .cmtb { margin: 0px; padding: 0px; border: 1px solid #FF6600; }

テンプレート利用規約

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