りんのすけわーるどテンプレート関連

テンプレートひまわりの３カラム

リクエストがありましたので、ひまわりのテンプレートの３カラムを作りました

記事の幅が472pxになりましたので、画像等はそれ以下のものでお願いします

記事左側がプラグイン１、右側がプラグイン２と３です

カスタマイズ方法を書こうと思いましたが、いじるところが結構あるので、下記をコピペでお持ち帰りください
（『続きを見てみる』を開いてください）

【続きを見てみる】

テンプレート編集画面で、まず何でもいいので複製を作ります

複製を作る

複製の名前は○○_1とかになると思いますが、今回作るテンプレがわかりやすいように、テンプレート名を変更してください
（何でもいいです　himawari-3　とか適当に）

○○のHTML編集の下の枠内の文字（HTML）を全部消去
↓をコピー　して、消去したところに貼り付けます　

HTML




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml: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>" />
 <meta name="generator" content="http://jp.cssez.com/" />
 <title><%blog_name> <%sub_title></title>
 <link rel="stylesheet" type="text/css" href="<%css_link>" />
 <link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS" />
 <link rel="top" href="<%url>" title="トップ" />
 <link rel="start" href="<%url>" title="最初の記事" />
<!--prevpage--> <link rel="prev" href="<%prevpage_url>" title="前のページ" /><!--/prevpage-->
<!--nextpage--> <link rel="next" href="<%nextpage_url>" title="次のページ" /><!--/nextpage-->
<!--preventry--> <link rel="next" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--> <link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
<style type="text/css">
A{text-decoration:none;}
</style>

</head>
<body>
<div id="wrapper"><!-- wrapper -->
 <div id="header">
  <h1 id="title"><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
  <div id="description"><%introduction></div>
 </div>

<!--Menuここから-->
 <div id="navigation">
  <ul>
   <li><a href="<%url>" class="tabs" ><span>トップ</span></a></li>
   <li><a href="<%url>?all" class="tabs" ><span>全記事リスト</span></a></li>
   <li><a href="<%server_url>control.php" class="tabs" ><span>管理画面</span></a></li>   
  </ul>
 </div>
<!--/Menuここまで-->

<!-- calendar -->
<div id="calender">
<ul>
<li class="prev-month-calendar"><a href="<%prev_month_link>" title="<%prev_year>/<%prev_month>"><%prev_year> . <%prev_month> &laquo;</a></li>
<!--calender2-->
<li class="day"><%days></li>
<!--/calender2-->
<li class="next-month-calendar"><a href="<%next_month_link>" title="<%next_year>/<%next_month>">&raquo; <%next_year> . <%next_month></a></li>
</ul>
</div>
<!-- /calendarここまで -->

<!-- First sidebar start -->
 <div id="firstSide" class="sidebar">
   <!--plugin-->
<!--plugin_first-->
    <h4 style="text-align:<%plugin_first_talign>"><%plugin_first_title></h4>
    <div style="text-align:<%plugin_first_ialign>">
        <%plugin_first_description>
    </div>
    <%plugin_first_content>
    <div style="text-align:<%plugin_first_ialign>">
        <%plugin_first_description2>
    </div>
<!--/plugin_first-->
<!--/plugin-->
 </div>
 <!-- First sidebar end -->

 <div id="contents">
  <!-- 記事部分ここから -->
   <!--topentry-->
  <div class="entry">
     <!-- 記事タイトル部分 -->
   <h2 class="contents_title"><a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></h2>
     <!-- 記事本文部分 -->
   <div class="contents_body">
      <p><%topentry_body></p>
      <!--more_link-->
      <p><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
      <!--/more_link-->
      <!--more-->
      <p><%topentry_more></p>
      <!--/more-->
      <!--community-->
      <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>
      <!--/community-->
     
      <!-- 記事フッター部分 -->
      <p>
        <%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute>&nbsp;|
        <a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a>
          <!--allow_comment-->
          |&nbsp;<a href="<%topentry_link>#comment-top" title="「<%topentry_title>」のコメント">COMMENT(<%topentry_comment_num>)</a>
          <!--/allow_comment-->
          <!--deny_comment--><!--/deny_comment-->
          <!--allow_tb-->
          |&nbsp;<a href="<%topentry_link>#trackback-top" title="「<%topentry_title>」のトラックバック">TRACKBACK(<%topentry_tb_num>)</a>
          <!--/allow_tb-->
          <!--deny_tb--><!--/deny_tb-->&nbsp;<a href="<%url>#top" title="トップへ戻る">TOP</a>
      </p>
      <!--
      <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
              xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
              xmlns:dc="http://purl.org/dc/elements/1.1/">
      <rdf:Description
          rdf:about="<%topentry_link>"
          trackback:ping="<%url>tb.php/<%topentry_tb_no>"
          dc:title="<%topentry_title>"
          dc:identifier="<%topentry_link>"
          dc:subject="<%topentry_category>"
          dc:description="<%topentry_discription>"
          dc:creator="<%author_name>"
          dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
      </rdf:RDF>
      -->
   </div>
  </div>
   <!--/topentry-->
  <!-- 記事部分ここまで -->

  <div class="comment">
  <!-- コメント部分ここから -->
   <!--comment_area-->
  <h2 class="contents_title"><a name="comment" id="comment-top">コメント</a></h2>
   <div class="contents_body">
    <!--comment-->
    <h3><%comment_title></h3>
      <p><%comment_body></p>
      <p>
        No:<%comment_no> <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> |
        <%comment_mail+name> #<%comment_trip>
        <%comment_url+str>
        [&nbsp;<a href="<%comment_edit_link>" title="コメントの編集">編集</a>&nbsp;]
      </p>
     <!--/comment-->
     <h3>コメントの投稿</h3>
     <form method="post" action="./"name="comment_form">
       <dl>
         <dt>
           <input type="hidden" name="mode" value="regist">
           <input type="hidden" name="comment[no]" value="<%pno>">
           <label for="name">Name</label>
         </dt>
         <dd><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></dd>
         <dt><label for="name">Subject</label></dt>
         <dd><input id="subject" type="text" name="comment[title]" size="30"></dd>
         <dt><label for="mail">Mail</label></dt>
         <dd><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></dd>
         <dt><label for="url">URI</label></dt>
         <dd><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></dd>
         <dt><label for="comment">Comment</label></dt><br>
         <script type="text/javascript" src="http://blog75.fc2.com/load.js"></script><br>
         <dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>
         <dt><label for="pass">Pass</label></dt>
         <dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
         <dt><label for="himitu">Secret</label></dt>
         <dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd>
       </dl>
       <p><input type="submit" value="送信"></p>
     </form>
   </div>
     <!--/comment_area-->
   <div class="contents_body">
     <!--edit_area-->
     <h3>コメントの編集</h3>
     <form method="post" action="./">
       <dl>
         <dt>
           <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>
         </dt>
         <dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd>
         <dt><label for="name">Subject</label></dt>
         <dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
         <dt><label for="mail">Mail</label></dt>
         <dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
         <dt><label for="url">URI</label></dt>
         <dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
         <dt><label for="comment">Comment</label></dt><br>
         <script type="text/javascript" src="http://blog75.fc2.com/load.js"></script><br>
         <dd><textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea></dd>
         <dt><label for="pass">Pass</label></dt>
         <dd><input id="pass" type="password" name="edit[pass]" size="20"></dd>
         <dt><label for="himitu">Secret</label></dt>
         <dd><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dd>
       </dl>
       <p><input type="submit" value="送信"><input type="submit" name="edit[delete]" value="削除"></p>
     </form>
     <!--/edit_area-->
    <!-- コメント部分ここまで -->

    <!-- トラックバック部分ここから -->
     <!--trackback_area-->
   <h3><a name="trackback" id="trackback-top">トラックバック</a></h3>
     <p><input type="text" value="<%trackback_url>" class="trackback-text"><br>
       <a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>
     </p>
     <!--trackback-->
     <p>
       <%tb_year>/<%tb_month>/<%tb_day>&nbsp;|&nbsp;<%tb_blog_name>&nbsp;|
     </p>
     <p><a href="<%tb_url>" title="「<%tb_title>」のトラックバック発信元"><%tb_title></a></p>
     <p>
       <%tb_excerpt>
     </p>
     <!--/trackback-->
     <!--/trackback_area-->
    <!-- トラックバック部分ここまで -->
   </div>
  </div>

  <!--   前ページ・次ページ移動用ナビゲーションリンク部分ここから -->
  <div class="contents_body">
    <!--prevpage--><a href="<%prevpage_url>" title="前頁へ移動する">&laquo;&laquo;BACK</a><!--/prevpage-->
    <span>&nbsp;|&nbsp;</span><a href="<%url>" title="トップへ戻る">BLOG TOP</a><span>&nbsp;|&nbsp;</span>
    <!--nextpage--><a href="<%nextpage_url>" title="次頁へ移動する">NEXT&raquo;&raquo;</a><!--/nextpage-->
  </div>
  <!-- 前ページ・次ページ移動用ナビゲーションリンク部分ここまで -->
 </div>
 
<!-- Right sidebar start -->
 <div id="firstSide" class="sidebar">
   <!--plugin-->
<!--plugin_second-->
   <h4 style="text-align:<%plugin_second_talign>"><%plugin_second_title></h4>
     <div style="text-align:<%plugin_second_ialign>">
         <%plugin_second_description>
     </div>
     <%plugin_second_content>
     <div style="text-align:<%plugin_second_ialign>">
         <%plugin_second_description2>
     </div>
<!--/plugin_second-->
<!--plugin_third-->
   <h4 style="text-align:<%plugin_third_talign>"><%plugin_third_title></h4>
     <div style="text-align:<%plugin_third_ialign>">
         <%plugin_third_description>
     </div>
     <%plugin_third_content>
     <div style="text-align:<%plugin_third_ialign>">
         <%plugin_third_description2>
     </div>
<!--/plugin_third-->
<!--/plugin-->
 </div>
 <!-- Right sidebar end -->


 <!-- 削除厳禁　ここから -->
 <div id="footer">
copyright &copy; <%now_year> <%blog_name> all rights reserved. <br>
 Base template by <a href="http://jp.cssez.com/">CSSEZ.com</a>. Material by <a href="http://voiceless.sakura.ne.jp/">Voiceless</a>. Designed by <a href="http://rinnosuke2006.blog32.fc2.com/">りんマム</a>. <%ad> <%ad2>
 </div>
 <!-- 削除厳禁　ここまで -->

</div>
</body>
</html>

次も同様に、○○のスタイルシートの枠内の文字（css）を全部消去
↓をコピー

スタイルシート

@charset "euc-jp";
/*
himawari
This theme was designed and built by rinmam and CSSEZ.com,
through http://jp.cssez.com/.

The CSS, XHTML and design is released under Creative Commons(BY):
http://creativecommons.org/licenses/by/2.1/jp/

*/

/* Cross-browser settings */
* {
margin: 0;
padding: 0;
}

/* general styles */
body {
height: 100%;
background: #ffcc00;
font-size: 14px;
}

img {
border:0;
}

a {
color: #166334;
}

a:visited {
color: #009900;
}

a:hover {
color: #666600;
}

#wrapper {
width: 922px;
margin: 0px auto;
padding: 0px;
background: #ffffff;
color: #999999;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
}

/* Header */
#header {
float: left;
width: 100%;
height: 250px;
margin: 0px;
padding: 0px;
background: #ffffff url(http://blog-imgs-29.fc2.com/r/i/n/rinnosuke2006/sunflower-color-a.jpg) no-repeat;
}

#header #title {
margin: 20px 0px 0px 30px;
padding: 0px;
color: #009900;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
font-size: 1.7em;
text-align: right;
}

#header #title a {
color: #009900;
}

#header div#description {
margin: 5px 0px 0px 30px;
padding: 0px;
color: #999999;
font-size: 1.0em;
text-align: right;
}

/* Navigation */
#navigation {
float: left;
width: 93%;
margin: 0;
padding: 10px 2% 0px 5%;
background: #ffffff;
}

#navigation ul {
list-style:none;
float: right;
}

#navigation li {
display:inline;
float:left;
margin: 0px;
}

#navigation li a.tabs {
float:left;
padding-left: 4px;
text-decoration:none;
}

#navigation li a.tabs:hover {
background: #FFFF99;
}

#navigation li a.tabs span {
float:left;
padding: 5px 15px 4px 6px;
color: #999999;
font-size: 1.0em;
}

#navigation li a.tabs:hover span {
background: #FFFF99;
color: #009900;
}

/*calender*/

#calender {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: dotted 1px #009900;
}

#calender ul {
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
list-style-position : inside;
}

#calender li {
display : inline;
list-style-type : none;
}

#calender li a{
color: #166334;
text-decoration:none;
}

#calender li a:hover {
color: #666600;
text-decoration : underline;
}

/*calender*/

.calender {
color: gray;
width: 95%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: dotted 1px #009900;
}

li.day {
padding: 0px 3px 0px 2px;
}

.prev-month-calendar {
margin-right : 8px;
}

.next-month-calendar {
margin-left : 8px;
}

/* Main contents */
#contents {
float: left;
width: 472px;
margin: 20px 0px 0px;
padding: 0px;
background: #ffffff;
color: #666666;
font-size: 1.0em;
text-align: left;
}

#contents h2 {
margin: 20px 25px 10px;
padding: 10px 0px 10px 20px;
border-bottom: 1px dotted #009900;
border-left: 5px solid #009900;
background: url(http://blog-imgs-29.fc2.com/r/i/n/rinnosuke2006/sunflower-icon.jpg) no-repeat;
background-position: right;
color: #009900;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
font-size: 1.4em;
text-align: left;
}

#contents h2 a {
color: #009900;
}

#contents .contents_body {
margin: 15px 25px;
padding: 0px 0px 50px 0px;
}

#contents .fc2_footer {
margin: 15px 25px;
padding: 0px;
}

#contents h3 {
margin: 20px 25px 10px;
padding: 10px 20px;
border-bottom: 1px dotted #009900;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
font-size: 1.0em;
text-align: left;
}

#contents blockquote {
padding: 10px;
background: #efefef;
border: #999999;
}

/* Sidebar */
#firstSide { float: left;}

.sidebar {
width: 200px;
margin: 20px 5px 10px 0px;
padding: 0px 0px 0px 20px;
background: #ffffff;
font-size: 0.9em;
text-align: left;
}

.sidebar h4 {
margin: 20px 15px 20px 0px;
padding: 5px 10px;
border-bottom: 1px dotted #009900;
border-left: 5px solid #009900;
color: #009900;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
font-size: 1.0em;
text-align: left;
}

.sidebar ul {
list-style:none;
width: 185px;
}

.sidebar p {
padding: 3px 0px 3px 15px;
}

.sidebar li {
line-height: 0;
}

.sidebar li a {
display:block;
line-height: normal;
padding: 3px 0px 3px 15px;
background: #ffffff;
color: #999999;
font-size: 1.0em;
text-align: left;
text-decoration: none;
}

.sidebar li a:hover {
background: #ffffff;
color: #009900;
}

/* Footer */
#footer {
clear:both;
width: 100%;
height: 35px;
margin: 0px;
padding: 20px 0px 0px;
background: #ffffff;
color: #999999;
font-size: 0.8em;
text-align: center;
}

○○のスタイルシートの枠内に貼り付けます

プレビューで確認後、更新してください

できました？
不具合等ありましたら、ご連絡ください！

【続きを閉じる】

2009/07/16 21:33 | テンプレート関連 | COMMENT(5) | TRACKBACK(0) TOP

テンプレートひまわり

ひまわりのテンプレートが承認されて公開されました

最近、FC2の共有テンプレートがすごい勢いで増えてますね
そんなたくさんある中からダウンロードしていただき、ありがとうございます！

rin-himawari

少し前に共有テンプレートからダウンロード可能になった２点

rin-clover　　　　　　　　　　　　rin-gerbera
　　　　　

は、両方700ダウンロード超えでびっくりしてます
コメントもたくさんいただき、ありがとうございます

以上の３点とも、カスタマイズ方法は同じですので、

カスタマイズ１　←　左カラムにしたい場合

カスタマイズ２　←　TOPの画像を変えたい場合

を参考にしてみてください

他に「これはどうすればいいの？」という質問などございましたら、テンプレ関連の記事にコメントしていただければなるべくお答えしたいと思います
たいした知識はないので、あんまりあてにしないほうがいいかもしれませんが…（汗）

不具合がありましたら、ご報告ください

テーマ : 柴犬 - ジャンル : ペット

2009/07/15 17:04 | テンプレート関連 | COMMENT(10) | TRACKBACK(0) TOP

バグ？を発見してしまいました

昨日夕方より公開されました、rin-gerbera、 rin-clover　のテンプレートにおきまして、不具合はないと思いますが、バグ？を発見しました

テンプレートの設定の画面では、プラグイン対応○となっているのに、プラグイン設定の画面ではプラグイン非対応となってしまっていました
HTMLの記述に一部誤りがあったようですが、不具合は出ておりませんでした
が、非対応と認識されてしまう誤った記述だったため、プラグイン設定画面において非対応とされてしまったように考えます

現在は修正いたしましたので、プラグイン対応と認識されるようになりました
非対応と表示されても、たぶん問題なく使えると思うのですが、７月６日夕方～７月７日午前１１時までにダウンロードされた方は、念のため再ダウンロードをお願いいたします

ご迷惑をおかけして、申し訳ありませんでした