MeaCulpa [template] will

[template] will

2006年10月18日 22:07

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

FC2ブログ用テンプレート : will
シンプル・スタイリッシュ（だと思いたい）変則3カラムデザイン。タイトル短めのブログ向けかも。

2007/01/02
サブメニューカラムの配置を変更しました。

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

・プラグイン1／プラグイン不使用時のサブメニューは右側
・プラグイン2／プラグイン3は左側
の表示になっています。

テンプレートの編集はご自由にどうぞ★
カスタマイズに関しては特に制限は設けておりません。
ただし、編集後のテンプレートを共有する等の場合は、事前に連絡していただきたいです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 [ will ] By <a href="http://meaculpa.blog55.fc2.com/">MeaCulpa</a></p>
      <p class="update will-20070101"><a href="http://meaculpa.blog55.fc2.com/blog-entry-64.html"><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   : will
    Author  : meaculpa
    Blog    : http://meaculpa.blog55.fc2.com/
    Check   : InternetExplorer 6
              FireFox 2.0
              Opera 9.0
    release : 2006/09/02
    update  : 2007/01/11
    
    テンプレートに関する質問・要望・不具合報告等は、
    作者ブログにて受け付けています。感想なども頂けると
    ありがたいです！お気軽にどうぞ。
    カスタマイズに関しては特に制限は設けておりませんので、
    好き勝手いじってみてください★
-------------------------------------------------------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      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/transparent.gif") repeat left top;
    text-decoration : none;
}
a:link {
    color           : #933;
    text-decoration : underline;
}

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

a:hover {
    color           : #900;
    background      : #eee;
    text-decoration : underline;
}

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

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

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

#sub a:hover {
    color           : #900;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/transparent.gif") repeat left top;
    text-decoration : underline;
}

/*---ページ全体の設定----------------------------------------*/
body {
    margin          : 0;
    padding         : 0;
    width           : 100%;
    line-height     : 150%;
    color           : #333;
    background      : #fff;
    font-family     : "Verdana","tahoma","MS UI Gothic","Osaka",sans-serif;
    font-weight     : normal;
    font-size       : 75%;
}
/*---ヘッダー部分の設定--------------------------------------*/
#header {
    position        : absolute;
    top             : 45%;
    left            : 0;
    z-index         : 2;
    width           : 220px;
}
#title h1 {
    margin          : 0;
    padding         : 0;
    border-bottom   : 1px solid #333;
    font-weight     : bold;
    font-size       : 120%;
    text-align      : center;
    line-height	    : 100%;
}
#title h1 a {
    color           : #900;
    text-decoration : none;
}
#title h1 a:hover {
    color           : #933 !important;
}
#subtitle {
    display         : none;
}
#introduction p {
    margin          : 0;
    padding         : 0 0.5em;
    font-weight     : bold;
    font-size       : 100%;
    text-align      : center;
}

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

/*---メインコンテンツ包括要素の設定--------------------------*/
#main {
    background      : #fff;
    margin          : 0px 220px;
    border-left     : 1px solid #333;
    border-right    : 1px solid #333;
    border-bottom   : 1px solid #333;
    color           : #555;
    background      : #fff;
}
#main .main-container {
    padding-top     : 1.5em;
    border-top      : 0px;
    border-left     : 2px solid #ccc;
    border-bottom   : 2px solid #ccc;
    border-right    : 2px solid #ccc;
}

/*---エントリー包括要素の設定--------------------------------*/
div.entry {
    margin-bottom   : 1.5em;
    padding-bottom  : 1.5em;
    padding-top     : 1em;
    width           : 100%;
    overflow        : auto;
}

/*---エントリー（ヘッダ）の設定------------------------------*/
h2.entry-title {
    margin          : 1em 0 0;
    padding         : 1px 25px;
    border-bottom   : 1px dashed #666;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/style_will_h3.gif") no-repeat left center;
    font-size       : 100%;
    font-weight     : bold;
    text-align      : center;
}
h2.entry-title a {
    padding         : 0;
    color           : #555;
    font-weight     : bold;
    text-decoration : none;
}
h2.entry-title a:hover {
    color           : #900;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/transparent.gif") repeat left top;
    text-decoration : none;
}
p.entry-time {
    text-align      : right;
    font-size       : 95%;
    font-weight     : normal;
    margin          : 0 0 1em;
    padding         : 0 1em;
}

/*---エントリー（ボディ）の設定------------------------------*/
div.entry-body {
    padding         : 0 1em;
}
div.entry-more {
    margin-top      : 1em;
}

/*---エントリー内のタグの設定--------------------------------*/
a.tagword {
    text-decoration : none !important;
    border-bottom   : 1px dashed #999;
    color           : #555;
}
a.tagword:hover {
    background      : #eee;
}

/*---エントリー（フッタ）の設定------------------------------*/
div.entry-footer {
    margin          : 1em 2em 0 1em;
    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 {
    padding-bottom  : 1.5em;
    width           : 100%;
    overflow        : auto;
}
div.comment .comment-container, 
div.trackback .trackback-container {
    padding         : 1em;
}

/*---コメント・トラックバック部見出し------------------------*/
div.comment h3, 
div.trackback h3, 
div.edit-comment h2 {
    margin          : 1em 0;
    padding         : 0.2em 20px;
    border-top      : 1px dashed #666;
    border-bottom   : 1px dashed #666;
    width           : 12em;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/style_will_commenth3.gif") no-repeat left center;
    font-weight     : bold;
    font-size       : 100%;
    text-align      : center;
}

/*---コメント表示--------------------------------------------*/
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      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/transparent.gif") repeat left top;
}
ul.submit .edit-end {
    border          : 1px solid #999;
    margin          : 0 2em;
    font-weight     : bold;
    padding         : 0.2em 1em;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/transparent.gif") repeat left top;
}
ul.submit .edit-del {
    border          : 1px solid #999;
    margin          : 0 0 0 5em;
    padding         : 0.2em 0.5em;
    background      : url("http://blog-imgs-18.fc2.com/m/e/a/meaculpa/transparent.gif") repeat left top;
}

/*---トラックバック表示--------------------------------------*/
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          : 3em 0 1em;
    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 {
    border          : 1px solid #999;
    color           : #444;
    background      : #f5f5f5;
    text-decoration : none;
}

/*---サブメニュー包括要素の設定------------------------------*/
#plugin1 , div.plugin-off #sub {
    margin          : 0;
    padding         : 0;
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 220px;
    text-align      : center;       /*IE5用CSSハック*/
}
#plugin23 {
    margin          : 0;
    padding         : 1em 0 0;
    position        : absolute;
    top             : 100%;
    border-top      : 1px dashed #999;
    width           : 220px;
    text-align      : center;       /*IE5用CSSハック*/
}
div.menuitem {
    text-align      : left;         /*IE5用CSSハック*/
    margin          : 0 auto;
    width           : 204px;
    overflow        : auto;
    padding-bottom  : 1.5em;
}

/*---サブメニュー内タイトル----------------------------------*/
#sub h2 {
    margin          : 2em 0 0.5em;
    padding         : 0;
    font-size       : 100%;
    font-weight     : bold;
    text-align      : center;
}

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

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

/*---フッター設定------------------------------------------------*/
#footer{
    padding         : 3em 0;
    text-align      : center;
    font-size       : 90%;
    color           : #777;
    margin          : 0 220px;
}

#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         : 0;
    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;
}

タグリスト: テンプレート; XHTML; will

コメントをする・見る: Comment(8)
トラックバックする・見る: Trackback(0)
カテゴリー: template

前のエントリーへ: [template] meaculpa
トップページへ戻る: Home
次のエントリーへ: テンプレートという制限にうんざり

のり | URL | 0AiOFIMU

Re: [template] will

こんばんは、はじめまして○┓ﾍﾟｺﾘ
今日、この「will」をダウンロードさせてもらって使わせていただいてるのですが、
みなさんからのコメントを読もうと、コメントを表示させるとところどころに横線が入ってしまうのですが・・・。
私のパソコンが可笑しいのかもしれないですけど(^▽^;)
一度確認していただけると助かります。
お忙しい中、お手数おかけして申し訳ございませんが、よろしくお願いします。

( 2007年01月27日 23:20 [編集] )
(*'-') | URL | NDu29Gck

Re: [template] will

確認しましたところ、firefoxで表示した際に横線がでるようです。お使いのブラウザはfirefoxでしょうか？
テンプレート側では特別変わったことはしていないので、もしかしたらfirefoxの内部的処理の問題かもしれません（今までの経験上、一部のスタイルシートの指定に対してちょっと処理が遅くなるところがあったので）。

ということで、一時的な対策案を考えてみました。

スタイルシートの真ん中あたりに、
div.comment-body p{
　margin : 0;
　width : 100%;
　overflow : auto;
　padding-top : 0.1em;
　padding-bottom : 0.3em;
}
という箇所があります。ここの
　overflow : auto;
を、
　_overflow-x : auto;
としてみてくださいm(_ _)m

( 2007年01月28日 11:50 [編集] )
のり | URL | -

Re: [template] will

早速変更してみたのですが、やっぱり横線が入ってしまうようです(ﾉω･､)

使用しているブラウザはfirefoxです・・。
今まではIEを使ってたのですが、firefoxのほうが処理速度が速いような気がして、
最近firefoxを使うようになりました。

firefox自体の問題でしたら、どうしようも出来ないですよね(^▽^;)

( 2007年01月28日 15:55 [編集] )
(*'-') | URL | NDu29Gck

Re: [template] will

むー…こちらの環境で確認すると直っているようにみえたのですが、だめでしたか…(´-ω-｀)

試しに、同じ箇所にある
　width : 100%;　
を、
　_width : 100%;
としてみてください。
これでちょっと変わるといいのですが…(ノд；)

今のところこのあたりしか不具合が出そうな箇所を思いつかない上、幅可変というテンプレートの仕様上なかなかはずす事のできない記述のため、どうしても気になるのであれば他の幅固定のテンプレートにしたほうがいいのかもしれません…。
力になれず申し訳ないです。

追記：
サイドメニューのミニ掲示板でも横線が入ってしまうことがあったので、スタイルシート内にある
div.menuitem {
　text-align : left; /*IE5用CSSハック*/
　margin : 0 auto;
　width : 204px;
　overflow : auto;
　padding-bottom : 1.5em;
}
というところのoverflow : auto;を、同じように_overflow-x : auto;としてみるといいかもしれませんm(_ _)m

( 2007年01月28日 16:26 [編集] )
のり | URL | -

Re: [template] will

上のコメントを書いた後、一度電源をOFFにして、たった今また起動させたら直っていました（;´▽｀A``
ご迷惑おかけしました○┓ﾍﾟｺﾘ

追記に書かれてた箇所も、直してみました＾＾
とっても見やすいテンプレートなので、これからも使わせていただきます☆

次の新作を最後に、テンプレートつくりとブログ更新をお休みするとのこと・・。
とても残念ですが、今までお疲れ様でした。

今回の件、迅速な対応、ほんとに助かりました。
ありがとうございました<(_ _*)>

( 2007年01月28日 18:06 [編集] )
のり | URL | -

Re: [template] will

連続書き込みすみません・・・。
１つだけ、お願いしたいことがあるのですが、
コメントページの一人一人のコメント毎に仕切り線をつけたいなぁーと思うのですが、
それは可能でしょうか・・？？
なんだか今のままの状態だと、どこからどこまでがその方からのコメントなのか解りづらくて(-"-;A

ほんと、何度もすみません○┓ﾍﾟｺﾘ

( 2007年01月28日 18:11 [編集] )
(*'-') | URL | NDu29Gck

Re: [template] will

解決したようで何よりです～。

コメント毎の仕切り線ですが、スタイルシートの
div.comment-footer p{
  margin : 0.5em 0 1em;
  text-align : right;
  color : #777;
  font-size : 95%;
}
というところを、
div.comment-footer p{
  margin : 0.5em 0 1em;
  text-align : right;
  color : #777;
  font-size : 95%;
  border-bottom : 1px dashed #999;
  padding-bottom : 0.5em;
}
としてください～。
色の付いてるところが変更点です。

( 2007年01月28日 21:21 [編集] )
のり | URL | -

Re: [template] will

ありがとうございました○┓ﾍﾟｺﾘ
早速変更させていただきました＾＾
これからも大切に使わせていただきます<(_ _*)>

( 2007年01月29日 10:14 [編集] )

コメントの投稿

トラックバック

この記事のトラックバックURL: http://meaculpa.blog55.fc2.com/tb.php/64-850d7d6b
この記事へのトラックバック

前のエントリーへ: [template] meaculpa
トップページへ戻る: Home
次のエントリーへ: テンプレートという制限にうんざり

MeaCulpa : [template] will

スポンサーサイト

[template] will

コメント

コメントの投稿

トラックバック

Design

Calender

Recent Entries

Recent Comments

Recent Trackbacks

Archives

Categories

ブロとも申請フォーム

Info

Mail

Search

RSS

天気予報

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-