[template] rera

前の記事: Prev
ホーム: Home
次の記事: Next

16:30

クリックでサンプルを表示します。

FC2ブログ用テンプレート : rera
澄み渡る青空。

XHTML 1.0 Transitional、プラグインON/OFF対応。
テンプレートの更新通知機能付き（ユーザーサイドでの非表示化可能）

テンプレートの編集はご自由にどうぞ★
カスタマイズに関しては特に制限は設けておりません。
ただし、編集後のテンプレートを共有する等の場合は、事前に連絡していただきたいですm(_ _)m

↓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="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
  <link rel="contents" href="<%url>" title="<%blog_name>" />
  
  <link rel="prev" href="<%preventry_url>" title="<%preventry_title>" />
  <link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" />
  
  <style type="text/css" media="all">
    @import "<%css_link>";
  </style>
</head>
<body>
<div id="wrapper" class="plugin-on"class="plugin-off">
  <div id="page">
    
    <div id="header"><div class="header-container">
      <div id="title"><h1><a href="<%url>" title="「<%blog_name>」のトップページへ"><%blog_name></a><span id="subtitle"> : <%sub_title></span></h1></div>
      <div id="introduction"><p><%introduction></p></div>
    </div></div>
    
    
    <div id="body"><div class="body-container">
      
      <div id="main"><div class="main-container">
        
        
        <div class="entry"><div class="entry-container">
          <div class="entry-title"><h2 class="entry-title"><a href="<%topentry_link>" title="「<%topentry_title>」の記事へ"><%topentry_title></a></h2></div>
          <div class="entry-time"><p class="entry-time"><%topentry_year>年<%topentry_month>月<%topentry_day>日 <%topentry_hour>:<%topentry_minute></p></div>
          <div class="entry-body">
            <%topentry_body>
            <div class="entry-more">→ <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a></div>
            
            <div class="entry-more">
              <a name="more" id="more"></a><%topentry_more>
            </div>
            
          </div>
          <div class="entry-footer">
            
            <dl class="entry-tag">
              <dt>タグリスト</dt>
              
              <dd><a href="<%url>?tag=<%topentry_tag_list_parsename>" title="[<%topentry_tag_list_name>]のタグを持つエントリーを検索"><%topentry_tag_list_name></a></dd>
              
            </dl>
            
            
            <dl class="entry-thread"> 
              <dt>スレッド</dt>
              <dd>ジャンル：<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a></dd>
              <dd>テーマ：<a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a></dd>
            </dl>
            
            <dl class="entry-info">
              
              <dt class="comment-info">コメントをする・見る</dt>
              <dd class="comment-info"><a href="<%topentry_link>#view_comment" title="[<%topentry_title>]へコメントをする・見る（現在<%topentry_comment_num>件）">Comment(<%topentry_comment_num>)</a></dd>
              
              
              
              <dt class="trackback-info">トラックバックする・見る</dt>
              <dd class="trackback-info"><a href="<%topentry_link>#trackback" title="[<%topentry_title>]へトラックバックをする・見る（現在<%topentry_tb_num>件）">Trackback(<%topentry_tb_num>)</a></dd>
              
              
              <dt class="category-info">カテゴリー</dt>
              <dd class="category-info"><a href="<%topentry_category_link>" title="[<%topentry_title>]と同カテゴリ（<%topentry_category>）の記事を見る"><%topentry_category></a></dd>
            </dl>
          </div>
        </div></div>
        
        
        
        
        <dl class="pagelink">
          
          <dt class="prev">前のエントリーへ</dt>
          <dd class="prev"><a href="<%preventry_url>" title="前のエントリー「<%preventry_title>」を見る"><%preventry_title></a></dd>
          
          <dt class="home">トップページへ戻る</dt>
          <dd class="home"><a href="<%url>" title="トップページへ戻る">Home</a></dd>
          
          <dt class="next">次のエントリーへ</dt>
          <dd class="next"><a href="<%nextentry_url>" title="次のエントリー「<%nextentry_title>」を見る"><%nextentry_title></a></dd>
          
        </dl>
        
        
        
        <div class="comment"><div class="comment-container">
          <a name="view_comment" id="view_comment"></a><h3>コメント</h3>
          <div class="view-comment">
            <ol><li id="comment<%comment_no>">
              <div class="comment-header"><p><%comment_mail+name> | <%comment_url+str> | <span class="trip"><%comment_trip></span></p></div>
              <div class="comment-title"><p><%comment_title></p></div>
              <div class="comment-body"><p><%comment_body></p></div>
              <div class="comment-footer"><p>( <%comment_year>年<%comment_month>月<%comment_day>日 <%comment_hour>:<%comment_minute> [<a href="<%comment_edit_link>" title="コメントを編集する">編集</a>] )</p></div>
            </li></ol>
          </div>
          <h3>コメントの投稿</h3>
          <div class="write-comment">
            <form method="post" action="./" name="comment_form">
            <input type="hidden" name="mode" value="regist" />
            <input type="hidden" name="comment[no]" value="<%pno>" />
            <dl>
              <dt><label for="name">Name : </label></dt>
              <dd><input id="name" type="text" name="comment[name]" class="form-name" value="<%cookie_name>" /></dd>
              <dt><label for="subject">Subject : </label></dt>
              <dd><input id="subject" type="text" name="comment[title]" class="form-subject" value="Re:<%sub_title>" /></dd>
              <dt><label for="mail">Mail : </label></dt>
              <dd><input id="mail" type="text" name="comment[mail]" class="form-mail" value="<%cookie_mail>" /></dd>
              <dt><label for="url">URL : </label></dt>
              <dd><input id="url" type="text" name="comment[url]" class="form-url" value="<%cookie_url>" /></dd>
              <dt><label for="comment">Comment : </label></dt>
              <dd><textarea id="comment" cols="40" rows="8" name="comment[body]" class="form-comment" ></textarea></dd>
              <dd><script type="text/javascript" src="http://blog55.fc2.com/load.js"></script></dd>
              <dt><label for="pass">Pass : </label></dt>
              <dd><input id="pass" type="password" name="comment[pass]" class="form-pass" />（コメント編集・削除に必要）</dd>
              <dt><label for="himitu">Secret : </label></dt>
              <dd><input id="himitu" type="checkbox" name="comment[himitu]" class="checkbox" />（管理者にだけ表示を許可する）</dd>
            </dl>
            <ul class="submit">
              <li><input type="submit" value="送信" class="form" /></li>
            </ul>
            </form>
          </div>
        </div></div>
        
        
        <div class="comment"><div class="comment-container">
          <div class="edit-comment">
            <h2>コメントの編集</h2>
            <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>" />
            <dl>
              <dt><label for="name">Name : </label></dt>
              <dd><input id="name" type="text" name="edit[name]" class="form-name" value="<%edit_name>" /></dd>
              <dt><label for="mail">Mail : </label></dt>
              <dd><input id="mail" type="text" name="edit[mail]" class="form-mail" value="<%edit_mail>" /></dd>
              <dt><label for="url">URL : </label></dt>
              <dd><input id="url" type="text" name="edit[url]" class="form-url" value="<%edit_url>" /></dd>
              <dt><label for="subject">Subject : </label></dt>
              <dd><input id="subject" type="text" name="edit[title]" value="<%edit_title>" class="form-subject" /></dd>
              <dt><label for="comment">Comment : </label></dt>
              <dd><textarea id="comment" cols="40" rows="8" name="edit[body]" class="form-comment"><%edit_body></textarea></dd>
              <dd><script type="text/javascript" src="http://blog55.fc2.com/load.js"></script></dd>
              <dt><label for="pass">Pass :</label></dt>
              <dd><input id="pass" type="password" name="edit[pass]" class="form-pass" />（コメント編集の際に必要）</dd>
              <dt><label for="himitu">Secret :</label></dt>
              <dd><input id="himitu" type="checkbox" name="edit[himitu]" class="checkbox" />（管理者にだけ表示を許可する）</dd>
            </dl>
            <ul class="submit">
              <li><input type="submit" value="完了" class="edit-end" /></li>
              <li><input type="submit" name="edit[delete]" value="削除" class="edit-del" /></li>
            </ul>
          </form>
          </div>
        </div></div>
        
        
        
        
        <div class="trackback"><div class="trackback-container">
        <a name="trackback" id="trackback"></a><h3>トラックバック</h3>
        <dl>
          <dt class="trackback-url">この記事のトラックバックURL</dt>
          <dd class="trackback-url"><%trackback_url></dd>
          <dt class="trackback-list">この記事へのトラックバック</dt>
          
          <dd class="trackback-list">
            <p class="trackback-list-title"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></p>
            <p class="trackback-list-excerpt"><%tb_excerpt></p>
          </dd>
          
        </dl>
        </div></div>
        
        
        <dl class="pagelink">
          
          
          <dt class="prev">前のエントリーへ</dt>
          <dd class="prev"><a href="<%preventry_url>" title="前のエントリー「<%preventry_title>」を見る"><%preventry_title></a></dd>
          
          <dt class="home">トップページへ戻る</dt>
          <dd class="home"><a href="<%url>" title="トップページへ戻る">Home</a></dd>
          
          <dt class="next">次のエントリーへ</dt>
          <dd class="next"><a href="<%nextentry_url>" title="次のエントリー「<%nextentry_title>」を見る"><%nextentry_title></a></dd>
          
          
          
          
          <dt class="prev">前のページへ</dt>
          <dd class="prev"><a href="<%prevpage_url>" class="prev" title="前のページへ">Prev</a></dd>
          
          <dt class="home">トップページへ戻る</dt>
          <dd class="home"><a href="<%url>" title="トップページへ戻る">Home</a></dd>
          
          <dt class="next">次のページへ</dt>
          <dd><a href="<%nextpage_url>" class="next" title="次のページへ">Next</a></dd>
          
          
        </dl>
      </div></div>
      
      
      <div id="sub"><div class="sub-container">
        
        <div id="plugin1">
          
          <div class="menuitem plugin-<%plugin_first_tag>">
            <h2><span><%plugin_first_title></span></h2>
            <%plugin_first_description>
            <%plugin_first_content>
            <%plugin_first_description2>
          </div>
          
        </div>
        <div id="plugin23">
          <div id="plugin2">
            
            <div class="menuitem plugin-<%plugin_second_tag>">
              <h2><span><%plugin_second_title></span></h2>
              <%plugin_second_description>
              <%plugin_second_content>
              <%plugin_second_description2>
            </div>
            
          </div>
          <div id="plugin3">
            
            <div class="menuitem plugin-<%plugin_third_tag>">
              <h2><span><%plugin_third_title></span></h2>
              <%plugin_third_description>
              <%plugin_third_content>
              <%plugin_third_description2>
            </div>
            
          </div>
        </div>
        
        
        <div id="author" class="menuitem">
          <h2><span>Profile</span></h2>
          <p class="myimage"><img src="<%image>" alt="<%author_name>" /></p>
          <p class="intro">Author:<%author_name><br /><%introduction2></p>
        </div>
        <div id="calender" class="menuitem">
          <h2><span>Calender</span></h2>
          <table class="calender" summary="カレンダー">
          <caption><a href="<%prev_month_link>" class="prev-month" title="<%prev_month>月のエントリーを見る"><%prev_month></a> | </span><span class="now-month"><%now_year>-<%now_month></span> | <a href="<%next_month_link>" class="next-month" title="<%next_month>月のエントリーを見る"><%next_month></a></caption>
          <tr>
            <th abbr="日曜日" scope="row" class="sun">日</th>
            <th abbr="月曜日" scope="row" class="week">月</th>
            <th abbr="火曜日" scope="row" class="week">火</th>
            <th abbr="水曜日" scope="row" class="week">水</th>
            <th abbr="木曜日" scope="row" class="week">木</th>
            <th abbr="金曜日" scope="row" class="week">金</th>
            <th abbr="土曜日" scope="row" class="sat">土</th>
          </tr>
          
          <tr>
            <td><%calender_sun></td>
            <td><%calender_mon></td>
            <td><%calender_tue></td>
            <td><%calender_wed></td>
            <td><%calender_thu></td>
            <td><%calender_fri></td>
            <td><%calender_sat></td>
          </tr>
          
          </table>
        </div>
        <div id="recent-entries" class="menuitem">
          <h2><span>Recent Entries</span></h2>
          <ul>
            
            <li><a href="<%recent_link>" title="<%recent_body>"><%recent_title> <span>(<%recent_month>/<%recent_day>)</span></a></li>
            
          </ul>
        </div>
        <div id="recent-comments" class="menuitem">
          <h2><span>Recent Comments</span></h2>
          <ul>
            
            <li><a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_title>"><%rcomment_name>:<%rcomment_etitle> (<%rcomment_month>/<%rcomment_day>)</a></li>
            
          </ul>
        </div>
        <div id="recent-trackbacks" class="menuitem">
          <h2><span>Recent Trackbacks</span></h2>
          <ul>
            
            <li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_title>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a></li>
            
          </ul>
        </div>
        <div id="archives" class="menuitem">
          <h2><span>Archives</span></h2>
          <ul>
            
            <li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a></li>
            
          </ul>
        </div>
        <div id="categories" class="menuitem">
          <h2><span>Categories</span></h2>
          <ul>
            
            <li><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
            
          </ul>
        </div>
        <div id="bookmark" class="menuitem">
          <h2><span>Bookmark</span></h2>
          <ul>
            
            <li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
            
          </ul>
        </div>
        <div id="admin" class="menuitem">
          <h2><span>Admin</span></h2>
          <ul>
            <li><a href="./?admin">管理者ページ</a></li>
            <li><a href="<%url>?xml">RSS</a></li>
          </ul>
        </div>
        
      </div></div>
      
    </div></div>
    
    
    <div id="footer">
      <div class="ad"><%ad>/<%ad2></div>
      <p class="design">TemplateDesign [ rera ] By <a href="http://meaculpa.blog55.fc2.com/">MeaCulpa</a></p>
      <p class="update test-update-off"><a href="http://meaculpa.blog55.fc2.com/"><strong>[!] テンプレートが更新されています</strong></a></p>
    </div>
    
  </div>
</div>
</body>
</html>

↓スタイルシート（「すべて選択」→「コピー」でどうぞ。）

@charset "euc-jp";
/*-------------------------------------------------------------
↓更新通知用のCSSです。
カスタマイズなどをして更新通知の必要がなくなった場合は、
@import...を削除した上で非通知設定スタイルを適用させてください。
-------------------------------------------------------------*/
 @import url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/update.css");
/*---非通知設定スタイル--------------------------------------*/
/*  #footer p.update {display:none;}                         */

/*--INFO-------------------------------------------------------
    Title   : rera
    Author  : meaculpa
    Blog    : http://meaculpa.blog55.fc2.com/
    Check   : InternetExplorer 6
              FireFox 2.0
              Opera 9.0
    release : 2007/01/11
    update  : -
    
    テンプレートに関する質問・要望・不具合報告等は、
    作者ブログにて受け付けています。感想なども頂けると
    ありがたいです！お気軽にどうぞ。
    カスタマイズに関しては特に制限は設けておりませんので、
    好き勝手いじってみてください★
-------------------------------------------------------INFO--*/

/*---デフォルトスタイルのリセット----------------------------*/
* {
    margin          : 0;
    padding         : 0;
    font-style      : normal;
    font-size       : 100%;
}

/*---一般的なタグのデフォルトスタイル設定--------------------*/
strong.strong ,
strong.strong a {
/*
    FC2の仕様上、太字を表現する目的でstrongが使われるため、
    本来の"さらに強い強調"を示すのが難しくなっています。
    このテンプレートでは、strongにクラス名strongを与えた場合、
    アクセントカラーを使用して強調するという設定にしています。
    このスタイルを使うには、HTML部で、
        <strong class="strong">強調したい部分</strong>
    と記述してください。
*/
    color           : #933;
    font-weight     : bold;
}
strong ,b {
    font-weight     : bold;
}
blockquote {
    margin          : 1em 2em;
    padding         : 0.5em;
    border          : 1px dashed #999;
}
em ,i ,cite ,dfn {
    font-style      : italic;
}
u {
    text-decoration : underline;
}
s ,
strike {
    text-decoration : line-through;
}
pre ,
code {
    padding         : 0.5em 0;
    width           : 100%;
    font-family     : "Osaka-等幅" ,"Lucida Console" ,monospace;
    white-space     : pre;
}
pre br ,
code br {
    display         : none;
}
ul ,ol {
    margin          : 1em 0;
    padding-left    : 40px;
}
li {
    margin          : 0;
}
p {
    margin          : 1em 0;
}

/*---リンク用設定--------------------------------------------*/
a ,
a[name]:hover {
    color           : #444;
    background      : transparent;
    text-decoration : none;
}
a:link {
    color           : #39f;
    text-decoration : underline;
}

a:visited {
    color           : #39f;
    text-decoration : underline;
}

a:hover {
    color           : #9cf;
    text-decoration : underline;
}

a.tagword {
    text-decoration : none !important;
    border-bottom   : 1px dashed #999;
    color           : #555;
}
a.tagword:hover {
    color           : #555;
    background      : #eee;
}

#sub a:link  {
    color           : #666;
    text-decoration : underline;
}

#sub a:visited  {
    color           : #888;
    text-decoration : underline;
}

#sub a:hover {
    color           : #39f;
    text-decoration : underline;
}

/*---ページ全体の設定----------------------------------------*/
body {
    margin          : 0px;
    padding         : 0px;
    width           : 100%;
    line-height     : 150%;
    color           : #555;
    background      : #fff url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/style_rera_title.jpg") fixed no-repeat left top;;
    font-family     : "Verdana" ,"tahoma" ,"MS UI Gothic" ,"Osaka" ,sans-serif;
    font-weight     : normal;
    font-size       : 75%;
}

/*---ヘッダー部分の設定--------------------------------------*/
#header {
    height          : 300px;
    width           : 40%;
}
#header .header-container{
    padding         : 0 0 0 2em;
}
#title h1 {
    margin          : 0;
    padding         : 150px 0 0;
    font-family     : "Century Gothic" ,"Verdana" ,"MS UI Gothic" ,"Osaka" ,sans-serif;
    font-weight     : normal;
    font-size       : 200%;
    line-height     : 100%;
}
#title h1 a {
    color           : #333;
    text-decoration : none !important;
}
#title h1 a:hover {
    color           : #39f;
}
#subtitle {
    display         : none;
}
#introduction p {
    margin          : 0px;
    padding         : 0 0 1em;
    border-top      : 1px solid #333;
    color           : #333;
    font-weight     : normal;
    font-size       : 100%;
    text-align      : right;
}

/*---#main、#sub包括要素の設定-------------------------------*/
#body , #body .body-container{
    width           : 100%;
}

/*---メインコンテンツ包括要素の設定--------------------------*/
#main {
    position        : absolute;
    right           : 0;
    top             : 0;
    width           : 60%;
}
.main-container{
    padding         : 2.5em 2em;
}

/*---エントリー包括要素の設定--------------------------------*/
div.entry {
    border-right    : 1px solid #666;
    margin          : 2em 0;
}
div.entry-container{
    width           : 100%;
    overflow        : auto;
}

/*---エントリー（ヘッダ）の設定------------------------------*/
div.entry-title {
    padding         : 15px 0 0 22px;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/style_rera_entry.gif") no-repeat left top;
}
h2.entry-title {
    margin          : 0;
    padding         : 13px 1em 5px 18px;
    background      : #fff url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/style_rera_entrytitle.png") no-repeat top left;
    font-size       : 100%;
    font-weight     : bold;
}
h2.entry-title a {
    padding         : 0em;
    border-bottom   : 1px dotted #39f;
    text-decoration : none !important;
}
h2.entry-title a:hover {
    border-bottom   : 1px dotted #69f;
    text-decoration : none !important;
}
p.entry-time {
    margin          : 0;
    padding         : 0 1em 0.5em;
    background      : #fff;
    border-left     : 1px solid #666;
    font-size       : 95%;
    font-weight     : normal;
    text-align      : right;
}

/*---エントリー（ボディ）の設定------------------------------*/
div.entry-body {
    padding         : 0 1em;
    background      : #fff;
    border-left     : 1px solid #666;
}
div.entry-more {
    margin-top      : 1em;
}

/*---エントリー（フッタ）の設定------------------------------*/
div.entry-footer {
    padding         : 1em;
    background      : #fff;
    border-left     : 1px solid #666;
    border-bottom   : 1px solid #666;
    clear           : both;
}
dl.entry-tag dt {
    margin-top      : 0.5em;
    display         : block;
    font-weight     : bold;
}
dl.entry-thread dt{
    margin-top      : 0.5em;
    display         : block;
    font-weight     : bold;
}
dl.entry-tag dd {
    display         : inline;
    margin          : 0 0.5em;
}
dl.entry-thread dd{
    display         : inline;
    margin          : 0 0.5em;
}
dl.entry-info {
    margin-top      : 1em;
    text-align      : right;
}
dl.entry-info dt {
    display         : none;
}
dl.entry-info dd {
    display         : inline ;
    padding         : 0 0.5em;
    border-right    : 1px solid #555;
}

/*---FC2ブックマークボタン-----------------------------------*/
.fc2-footer {
    margin          : 1em 0 0 0;
}

/*---コメント・トラックバック包括要素の設定------------------*/
div.comment ,
div.trackback {
    width           : 100%;
    overflow        : auto;
    margin-bottom   : 1.5em;
}
div.comment .comment-container ,
div.trackback .trackback-container {
    padding         : 1em;
    border          : 1px solid #666;
    background      : #fff;
}

/*---コメント・トラックバック部見出し------------------------*/
div.comment h3 ,
div.trackback h3 ,
div.edit-comment h2 {
    margin          : 1em 0;
    padding         : 0.5em;
    border-left     : 0.5em solid #39f;
    font-size       : 100%;
    font-weight     : bold;
}

/*---コメント表示--------------------------------------------*/
div.view-comment ol {
    padding-left    : 32px;
}
div.comment-header p{
    margin          : 0;
}
div.comment-title {
    margin          : 0;
    padding-left    : 0.3em;
    border-left     : 0.2em solid #999;
    font-weight     : bold;
}
div.comment-title p{
    margin          : 0;
    padding-top     : 0.5em;
    padding-bottom  : 0.5em;
}
div.comment-body {
    margin          : 0;
    border-left     : 0.2em solid #ccc;
    padding-left    : 0.5em;
}
div.comment-body p{
    margin          : 0;
    width           : 100%;
    overflow        : auto;
    padding-top     : 0.1em;
    padding-bottom  : 0.3em;
}
div.comment-footer p{
    margin          : 0.5em 0 1em;
    text-align      : right;
    color           : #777;
    font-size       : 95%;
}
div.comment-footer a {
    color           : #777 !important;
}
/*---コメント投稿フォーム------------------------------------*/
.write-comment dt ,
.edit-comment dt {
    margin          : 0;
    padding         : 0;
}
.write-comment dd ,
.edit-comment dd {
    margin          : 0.2em 1em;
}
.write-comment .form-name ,
.edit-comment .form-name {
    border          : 1px solid #999;
    width           : 40%;
    padding         : 1px;
}
.write-comment .form-mail ,
.edit-comment .form-mail {
    border          : 1px solid #999;
    width           : 85%;
    padding         : 1px;
}
.write-comment .form-url ,
.edit-comment .form-url {
    border          : 1px solid #999;
    width           : 85%;
    padding         : 1px;
}
.write-comment .form-subject ,
.edit-comment .form-subject {
    border          : 1px solid #999;
    width           : 85%;
    padding         : 1px;
}
.write-comment .form-pass ,
.edit-comment .form-pass {
    border          : 1px solid #999;
    width           : 40%;
    padding         : 1px;
}
.write-comment textarea.form-comment ,
.edit-comment textarea.form-comment {
    border          : 1px solid #999;
    width           : 85%;
    padding         : 1px;
}
/*---コメント投稿フォーム（送信ボタン）----------------------*/
ul.submit {
    list-style-type : none;
    padding-left    : 0;
}
ul.submit li {
    display         : inline;
}
ul.submit .form {
    border          : 1px solid #999;
    margin          : 0 2em;
    padding         : 0.2em 1em;
    background      : transparent;
}
ul.submit .edit-end {
    border          : 1px solid #999;
    margin          : 0 2em;
    font-weight     : bold;
    padding         : 0.2em 1em;
    background      : transparent;
}
ul.submit .edit-del {
    border          : 1px solid #999;
    margin          : 0 0 0 5em;
    padding         : 0.2em 0.5em;
    background      : transparent;
}

/*---トラックバック表示--------------------------------------*/
dd.trackback-url {
    margin          : 0.5em;
    text-decoration : underline;
    font-size       : 90%;
}
dd.trackback-list p.trackback-list-title {
    margin          : 0;
}
dd.trackback-list p.trackback-list-excerpt {
    margin          : 0 1em 1.5em;
}

/*---前後のページへのリンク----------------------------------*/
dl.pagelink {
    margin          : 2em 0;
    padding         : 0 1em;
    border          : 1px solid #666;
    background      : #fff;
    text-align      : center;
}
dl.pagelink dt {
    display         : none;
}

dl.pagelink dd {
    display         : inline;
}

dl.pagelink dd.home {
    margin          : 0 0.3em;
    padding         : 0 0.5em;
    border-left     : 1px dotted #555;
    border-right    : 1px dotted #555;
    text-transform  : uppercase;
}

.pagelink a , .pagelink a:visited {
    padding         : 0.2em 0.5em;
    border          : 1px dotted #fff;
    color           : #666;
    text-decoration : none;
    line-height     : 2em;
}
.pagelink a:hover {
    color           : #444;
    border          : 1px solid #999;
    background      : #f5f5f5;
    text-decoration : none;
}

/*---サブメニュー包括要素の設定------------------------------*/
div#sub {
    width           : 40%;
    color           : #555;
    text-align      : center;           /*IE5用CSSハック*/
}
div.sub-container{
    margin-left     : 2.5em;
/*    border          : 1px solid #666;
    background      : #fff;*/

}
div.menuitem {
    margin          : 0 auto;
/*    overflow        : auto;*/
    width           : 100%;
    text-align      : left;         /*IE5用CSSハック*/
}

/*---サブメニュー内タイトル----------------------------------*/
#sub h2 {
    margin          : 2em 0px 0.5em 0em;
    padding         : 0.2em 0;
    border-bottom   : 1px dashed #666;
    font-size       : 100%;
    font-weight     : bold;
    text-align      : center;
}
#sub h2 span {
    font-weight     : bold;
    padding         : 0.5em 20px;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/style_rera_sub.gif") no-repeat left center;
}

/*---サブメニュー内各種要素----------------------------------*/
#sub ul {
    padding-left    : 20px;
    list-style-type : square;
}

#sub input , 
#sub textarea {
    border          : 1px solid #999;
    margin          : 2px 0;
}

/*---フッター設定------------------------------------------------*/
#footer {
    padding         : 0.5em 0 0 1.5em;
    text-align      : center;
    font-size       : 85%;
    color           : #777;
    margin          : 0 58% 0 0;
}

#footer a {
    color           : #777;
}
#footer div.ad , 
#footer p.design , 
#footer p.update {
    margin          : 0;
}

/*---テーブル・カレンダー関係--------------------------------*/
table {
    font-size       : 100%;
}
table.calender {
    width           : 95%;
}
.calender td , 
.calender th {
    text-align      : center;
    border-right    : 1px solid #eee;
    border-bottom	: 1px solid #eee;
    padding         : 0px;
    line-height     : 180%;
    font-size       : 95%;
}
th {
    font-weight     : normal;
}
.calender td a {
    background      : #eee;
    display         : block;
}
.calender td a:hover {
    background      : #ccc;
}

/*---IEのバグ回避用------------------------------------------*/
br {
    letter-spacing  : 0;
}

/*---テンプレートオリジナルクラス----------------------------*/
.entry-body img.left {
/*
    本文中で画像使用時、右側にテキストを回り込ませる設定。
    HTML部は、
        <img .... class="left">
    と記述してください
*/
    float       : left;
    margin      : 1em 1em 1em 0px;
}
.entry-body img.right {
/*
    本文中で画像使用時、左側にテキストを回り込ませる設定。
    HTML部は、
        <img .... class="right">
    と記述してください
*/
    float       : right;
    margin      : 1em 0px 1em 1em;
}

/*---テンプレート作者管理用クラス------------------------------
    これより下は削除しても問題ありません---------------------*/
div.admin-source{
    padding         : 0 0.5em;
    margin          : 0 auto;
    border          : 1px solid #999;
    overflow        : auto;
    width           : 92%;
}
div.admin-source strong.strong{
    font-weight     : normal;
    text-decoration : underline;
}

スポンサーサイト

Tag List: テンプレート; rera

Thread: ジャンル : ブログ; テーマ : 共有テンプレート

前の記事: [template] acidtrip
ホーム: Home
次の記事: スレッドテーマ

tetsu | -

Re: [template] rera

はじめまして！
ｒｅｒａ気に入りました！
質問なんですが、左にあるサイドバーを右にもつける事ってできるんですか？
左右どちらにも使えたらいいなぁと思っているのでよろしくお願いします。

( 23:42 )
(*'-') | NDu29Gck

Re: [template] rera

tetsuさんはじめまして。

reraの3カラム化ですが、可能といえば可能です。
ですが、変更点が多々あるのであまりおすすめ出来ません…。
（3カラム化による動作テストなどもあるので、カスタマイズの一つとしては手間がかかりすぎなのです…。）

本来ならrera3カラム版も作ろうと思っていたのですが、テンプレートの制作活動休止ということで実現していません。
申し訳ないのですが、reraは2カラムのものとしてお使いくださいませm(_ _)m

( 16:53 [Edit] )
tetsu | -

Re: [template] rera

さっそくにありがとうございます！
そうですか・・・残念ですが、仕方ないですね。
また何かあった時はお願いします。

( 23:02 )