りんのすけわーるど

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

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

記事の幅が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

うわーーー

参りました…
超、参りました…

拍手のコメント、７月分がごっそり消えてしまいました
FC2の不具合だそうですが、復旧するのでしょうか？
（コメント消失確定です…涙　→　最新障害情報・メンテナンス情報ブログ）

せっかくコメントをいただいたのにすみませんでした…

う～…
とりあえず、記事のコメント欄は復活させます
いただいたコメントは、承認後に公開させていただきます

そんな今日は、爆睡中のりんのすけを見てください♪

（ちょっと真ん中の文字？みたいなのがうっとーしいですが…）

夢でもみているのか、走ってるみたい（笑）

これはまだ序の口で、もっとひどいと寝言とか言い始めます（汗）
初めて見たときは、どうにかなっちゃうんじゃないかと心配して起こしました…（笑）

眠りが深くなるとこういう感じになるようです

普段はこんな感じです　↓

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

2009/07/13 11:12 | 動画 | COMMENT(7) | TRACKBACK(0) TOP

やっと・・・

やっとドラクエⅨが発売になりましたねぇ～
毎度おなじみの延期延期で、やっと発売です
ドラクエだけは１からずーっとやり続けている大好きなゲームなので、やろうと思ってます♪
まだ手に入れてないけどね

今日の記事はドラクエやったことある人にしかわからない記事です（汗）
でも、なんとなく雰囲気でお楽しみください（無理かな～…笑）

＞＞＞スライムがあらわれた

りんのすけさん、レベル低いのに先頭に立ってがんばってますが、バカ強いはずのママがマヒ中（笑）
これは逃げるしかありません…
パパさんも毒にやられてるし…（汗）

画面3人-1-1

でも、まわりこまれてしまいました…（涙）

スライムのターン

画面3人-2-1

おっと、攻撃ではなく、仲間を呼んだようです…
キングスライムに変身するのか？？？

ん？

何か様子が…

これは？？？

画面3人-3-1