TMP*blog

せめて募金しよう

ころ — 2011-03-15T13:23:07+09:00

東北地方太平洋沖地震の募金が始まっています。
インターネットからでも募金ができます。
今わたしなんかに出来る事は少ないですが…せめて何かと募金してきました。

一人でも多くの方の無事と被災地の一日も早い復興を、心から祈っています。

インターネット募金情報
東北地方太平洋沖地震募金情報まとめ
 合同会社コーズ・アクション募金情報まとめ

生きてます

ころ — 2011-03-10T16:27:44+09:00

毎度の事ですが、ご無沙汰しておりました、ころです。

またしても我が家のHDD様がデータを道連れにお亡くなりになりました。
買い換えたばかりと油断してたので、今回は見事にデータ殆ど持って行かれてしまいました。
大きなデータを作ったり消したりしまくってるせいなんでしょうか…。
幸い仕事用のは別に分けてたので無事で、それだけが救いです。

落ち着いたら過去に出したテンプレートの一部を幅の広いものに作りかえたいなとか思ってます。
登録済みのテンプレートを差し替えるか、CSSだけココで配布するかは悩み中です。

ここの所マイナーチェンジばかりで申し訳ありませんが、ノロノロながら新しいテンプレートに着手もしているので、のんびり見守って頂ければ幸いです

参加できなかったデザインテーマを、一人で勝手に追いかけたいなーなんて事も考えてるんですけどネ。

共有テンプレート・tmp_cwus_2c

ころ — 2010-12-21T10:23:03+09:00

【tmp_cwus_2c】＊サンプル＊
てんとう虫の手紙、２カラム版です。
結構シンプルめだと思います。
＊プラグイン3が記事の真下に一列で表示。
＊記事表示部分の罫線はCSSで簡単に外せますのでお好みでドウゾ。
＊１カラム版はコチラ

共有テンプレート・tmp_d_com3c_1

ころ — 2010-12-15T09:55:39+09:00

【tmp_d_com3c_1】
大昔に作ったテンプレートの再配布版です。
白+ドットのシンプル３カラム。
以前の物よりも横幅を広くしてあります。

壁紙の変更等で雰囲気が結構変えられると思いますので、その辺もお好みで色々ドウゾ。
２カラム版もアリマス。

昔の狭い横幅のほうがヨカッタという方は、お手数ですが以下のCSSをコピーしてダウンロードしたテンプレートのCSSとゴッソリ入れ替えて下さい。
HTMLは修正の必要はありません。
＊昔バージョンサンプル

tmp_d_com3c_1入れ替え用CSS

@charset "EUC-JP";

/*-- 全体 --*/
* {margin : 0;padding : 0;}
ul li {list-style-type:none;}
textarea,select,input { font-size: 12px;}

/*-- リンク --*/
a {text-decoration: none;}
a:link {color: #362F2D;}
a:visited {color:#362F2D;}
a:hover {color:#eee;}

/*-- レイアウト --*/
body {
margin: 0;
padding: 0;
font-size:12px;
text-align: center;
color: #362F2D;
font-family: Verdana, Helvetica, sans-serif;
background-color: #fff;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_bodys.gif);
}

div#wrapper {
text-align: left;
width : 780px;
margin:0 auto;
padding: 0;
background-color: #fff;
background-image : url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/3col_1_conback.gif);
background-repeat : repeat-y;background-position : left;
}

div#container {
margin:  0; 
width: 600px;
float : left; 
text-align: left;
overflow:hidden;
}

div#header {
text-align : right;
padding : 10px;
margin: 0px;
background-image : url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_y.gif);
background-repeat : repeat-x;background-position : center bottom;
}

div#contents {
width : 420px;
float : right;
margin : 0px;
overflow:hidden;
}

div#footer {
width: 100%;
clear : both;
padding: 0;
}

/*-- 見出し --*/
h1{
font-size: 20px;
letter-spacing: 1px;
padding:10px 0 2px 20px;
}
h1 a:link {color: #362F2D;}
h1 a:visited {color: #362F2D;}
h1 a:hover {color: #ccc; text-decoration: none;}
h1 a:active {color: #362F2D;}

h2 {
font-size: 10px;
font-weight:normal;
margin: 0 0 5px 23px;
}

h3 {
color:#362F2D;
padding: 0 5px;
margin: 0;
font-size: 14px;
}

h4 {
color:#362F2D;
padding: 0 5px;
margin: 0;
font-size: 10px;
}

/*-- ページナビ --*/
.pageselect {
padding: 5px;
margin: 20px 10px;
text-align: center;
font-size: 10px;
color: #534741;
font-weight: bold;
}
.pageselect a{
color: #534741;
}
.pageselect a:hover {
color: #eee;
}

/*-- エントリー --*/
div.entry {
margin: 10px 0;
padding: 0;
line-height: 140%;
}

div.entry_title {
margin: 8px 0 0 10px;
padding: 1px 10px 20px 13px;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dit_title2.gif);
background-repeat : no-repeat;
background-position : left top;
}

div.entry_body {
font-size: 12px;
line-height: 140%;
margin-bottom: 20px;
padding: 0 20px;
color: #534741;
}
div.entry_body a{
text-decoration: underline;
}

div.entry_more {
font-size: 10px;
margin: 0;
padding: 10px 0
}

.entry_state {
font-size : 10px;
color : #635347;
text-align : right;
padding : 0px 20px 2px 10px;
margin : 0px;
letter-spacing:1px;
background-image : url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_y.gif);
background-repeat : repeat-x;
background-position : center bottom;
}
.fc2_footer{
margin: 5px 0;
padding:0;
}

.entryday {
margin : 0px;
padding : 0px 20px 10px 10px;
font: bold 26px Georgia, Verdana, Helvetica, sans-serif;
color: #d7d7d7;
background-image : url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_titlebottom2.gif);
background-repeat : no-repeat;
background-position : left bottom;
}

/*-- エントリー内画像 --*/
.entry_body img { 
border: 1px solid #fff;
}
img.left {
float:left;
clear:left;
margin:5px 10px 5px 0px;
padding:0px;
border: none;
}

/*-- 引用文 --*/
blockquote p{
padding: 5px 10px;
border-left: 9px solid #eee;
border-bottom: 1px dotted #eee;
background-color: #fff;
color: #362F2D;
font-size: 11px;
line-height: 140%;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_bq.gif);
}

/*--記事内リスト--*/
div.entry_body li{
list-style-type: disc;
margin: 0 15px 0 15px;
}

/*-- コメント --*/
div.comment {
margin: 20px 0;
padding:5px;
line-height: 130%;
border-top: 1px dotted #362F2D;
}
div.commentbody {
font-size: 10px;
padding: 5px 15px;
}

/*-- トラックバック --*/
.trackbackurl {
margin :0px;
background: #eee;
border : 1px solid #362F2D;
font-size: 12px;
color: #362F2D;
}

/*-- サイドバー --*/
div#sidebar {
float:left;
width: 180px;
overflow:hidden;
padding: 18px 0 10px 0;
color: #534741;
}

div#sidebar2 {
float:right;
width: 180px;
overflow:hidden;
padding: 18px 0 10px 0;
color: #534741;
}

div#sidebar a:link {color: #534741;}
div#sidebar a:visited {color: #534741;}
div#sidebar a:hover {color: #eee;}

div#sidebar2 a:link {color: #534741;}
div#sidebar2 a:visited {color: #534741;}
div#sidebar2 a:hover {color: #eee;}

#sidebar ul li {
margin: 0;
padding: 2px 0 0 13px;
font-size: 10px;
line-height: 120%;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_li2.gif);
background-repeat: no-repeat;
background-position: left top;
}

#sidebar2 ul li {
margin: 0;
padding: 2px 0 0 13px;
font-size: 10px;
line-height: 120%;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_li2.gif);
background-repeat: no-repeat;
background-position: left top;
}

#sidebar ul {
margin: 0;
padding: 0px;
}
#sidebar2 ul {
margin: 0;
padding: 0px;
}

.sidebar_title {
font: bold 13px "Trebuchet MS", Monaco, sans-serif;
letter-spacing: 1px;
color: #362F2D;
margin-bottom: 5px;
padding: 5px 5px 0 20px;
}

.sidebar_contents {
margin : 0px;
font-size : 10px;
padding : 0 15px 5px 15px;
background-image : url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_y.gif);
background-repeat : repeat-x;
background-position : center bottom;
}

div.prphoto {
text-align: left;
padding: 0 0 2px 10px;
}

div.prmessage {
text-align: left;
padding: 0 0 0 10px;
}

div.prname {
text-align: left;
padding: 0 0 0 10px;
font-weight : bold;
}

/*-- 著作権 --*/
.copyright{
margin: 0 180px;
font-size:10px;
padding:5px;
text-align: right;
line-height: 130%;
}

/*-- フォーム --*/
input.serb {
color: #362F2D;
margin :0;
background: #fff;
font-weight : bold;
font-size: 12px;
border : 1px solid #362F2D;
}
input.sform {
width : 100px;
margin :0px;
background-color: #fff;
border : 1px solid #362F2D;
font-size: 12px;
color: #362F2D;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_bq.gif);
}
#sidebar input {
margin-bottom: 3px;
}

/*-- 全体のフォーム --*/
input {
margin :1px;
background: #fff;
border : 1px solid #362F2D;
font-size: 12px;
color: #362F2D;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_bq.gif);
}
textarea {
margin :1px;
background: #fff;
border : 1px solid #362F2D;
font-size: 12px;
color: #362F2D;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_bq.gif);
}

/*-- サイドバーアマゾン用 --*/
.plugin-catamazon {
text-align: center;
font-size:10px;
padding: 0;
margin : 0 0 5px 0;
border: 1px solid #eee;
background-color: #fff;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/6_enbody.gif);
}
.plugin-catamazon a {
font-weight : bold;
}
.plugin-catamazon img {
border: none;
margin : 3px 0 0 0;
}
.plugin-newamazon {
text-align: center;
font-size:10px;
padding: 0;
margin : 0 0 5px 0;
border: 1px solid #eee;
background-color: #fff;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/6_enbody.gif);
}
.plugin-newamazon a {
font-weight : bold;
}
.plugin-newamazon img {
border: none;
margin : 3px 0 0 0;
}

/*--///// 共有ツリー化プラグイン /////--*/
/*--///////////////////////////////////////////////////
共有プラグイン Tree-CATEGORY・Tree-Recent・Tree-Comment
Tree-LINK・Tree-Arcive・Tree-TB専用CSS
上記プラグイン使用時に表示をそろえる為の設定です
削除してもプラグインの使用に問題はありません。
//////////////////////////////////////////////////////--*/
#AR p, #RE p, #LK p, #RT p, #RC p{
margin: 0;
padding: 2px 0 0 13px;
font-size: 10px;
line-height: 120%;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_li2.gif);
background-repeat: no-repeat;
background-position: left top;
} 
#CA p{
margin-bottom: 2px;
padding-bottom:2px;
font-size: 10px;
line-height: 120%;
border-bottom: 1px dotted #8c726c;
}
#CA b{
margin-bottom: 2px;
padding: 2px 0 2px 12px;
font-size: 10px;
line-height: 120%;
background-image: url(http://blog-imgs-23.fc2.com/t/m/p/tmpblog/dot_li2.gif);
background-repeat: no-repeat;
background-position: left top;
}
/*--///// 共有ツリー化プラグインここまで /////--*/

/* 関連記事リスト------------------------------------------ */
.relate_dl {
margin: 20px 10px 10px 10px;
padding:0px 0px 5px 0px;
background-color:#fff;
border: 3px solid #eeeeee;
color: #534741;
}
.relate_dd {
margin: 0 0 0px 5px;

}
.relate_dt {
margin: 0;
font: bold 14px Georgia, Verdana, Helvetica, sans-serif;
padding: 2px 0px 2px 12px;
background-color:#eee;
}
.relate_ul {
  list-style-type: none;
  margin: 0;
  padding-left: 10px;
}
.relate_ul li {
  list-style-type: none;
  margin: 0;
  padding-left: 0px;
}

/*--マックIE用--*/
/*\*//*/
textarea,input,select{
font-family:Osaka;
} 
/**/

dot combination.3colについて

ころ — 2010-11-26T02:31:14+09:00

dot combinationの３カラム版を再登録申請しました。
ずっと配布していると思い込んでいて、どうもウッカリ消していたようで…いつから無かったのか記憶にないというすごい有様でして(;ﾟ∇ﾟ)
だいぶ前からコメント頂いてましたのにボケっとしてて申し訳ないです(゜ー゜;A

ちょうどいいので、最近のモニタ事情に合わせて少し横幅を広く作って申請させて頂きました。
以前の横幅のものも、申請許可されましたらブログにＣＳＳを掲載しようと思っておりますので、以前の幅のほうが良かったという方はＣＳＳを差し替えてお使い頂ければと思います<(_ _)>

後は、関連記事関係のＣＳＳとか細部修正とかもしてあります。
ジャンル等の表記は現在あえて入れてない状態です。
スッキリがモットーのテンプレートだったもので。

共有テンプレート１３・tmp_cwus

ころ — 2010-02-26T12:49:56+09:00

【tmp_cwus】
・サンプル・

記事１カラム・プラグイン最下部表示・全記事表示モード対応
「ただ春を待つ手紙」というコンセプト。

＊プラグイン3が記事の真下に一列で表示。
プラグイン1,2がその更に下に２列でスクロールバーつきの縦幅固定での表示になります。
実質プラグイン等は見難くなりますので、記事メインの方向けです。
＊記事表示部分の罫線はCSSで簡単に外せますのでお好みでドウゾ。

他テンプレート利用時の詳細については下記リンクを見てやって下さい。
テンプレートのご利用について

やっと動いたようです

ころ — 2010-02-23T13:56:34+09:00

のろのろな人がやっと動いたみたいです。
基盤は出来ていたはずなのに、作り始めてからだいぶ放置していたコレを登録申請したみたいです。てんとうむしテンプレート。
このテンプレート、テーマが「春を待つ間に書く手紙。」だったのですが、既に各所で春一番吹いちゃったようで何時も通り出遅れ感満載です。

IEの表示確認がちょっと…いやだいぶ不安です…orz
表示確認に使用したのはIEtesterというフリーソフト。
IE5,5～8まで全部表示出来るという素晴らしいソフトなのですけど、イマイチ使い勝手が自分にあっていないようで戸惑いつつでした。

頼みの綱だったノートPCもいつのまにかIE8にされてしまっていてお手上げです。
でもIE６はもうだいぶ減ったみたいですね。そろそろIE７～対応でも大丈夫なのかな。
７～で考えられるとCSS的にかなり楽になるんですけどね～