TMP*blog

« 11月
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
»

HPを作成中なのですが…

December 07'2007

ただいま、TMP*blogの本館（？）ぽいHPを作成中です。
ブログ関連の活動内容が多いのでブログでも十分といえば十分なのですが、今後ちょっと色々なものに手を出しそうな気配があるので一箇所でまとめて見れるほうがいいかなぁ？と…前にも作成途中のまま放置になってましたケドネ(ﾟｰﾟ;A
（FC2ブログのほうも長らくお休みしてましたが、近いうちに色々修正とか追加とかする予定です）

以前手をつけたときに作ったデザインが既に自分の中で賞味期限切れになっているので見た目から作り始めてます。
これをするから毎度出来上がらないんですけどね～…
さすがに画像から作ると余裕で春になりそうなので画像は使いまわしてるところも多いのに…なかなか進まないものですね（笑）

そんな訳で、今後ちょっと色々手を出してみたいものがいっぱいあるのです～
CGIとかのテンプレートとかHP用のもちょっと作ってみたいんですよね。

これだ！と思うとやらずにいれないほうなので…orz
世の中テンプレートとかデザインを配布可能なものがなんといっぱいあるんでしょうね！
ウキウキしちゃいますね

忍者ブログ開発者のみずのさんも新しいブログサービスを始められるかも知れないとの記事を拝見し…そちらもだいぶ気になっているのです。
簡単にできるブログってなんかいいなぁ。
既存のブログってどう見てもインターネット初心者向けではない気がしてるわたくしです。

[Other]雑記: Trackback(0) Comment(1) ▲

忍者ブログで絵日記できるようになるんですね

November 10'2007

忍ブログ開発者のみずのさんのブログを見に行ったらこんな記事が
なんだかこれ面白そうですね

自分はお絵かき掲示板の類のもので何かを書くということはほとんどしたことがないのですが、そういう系のやつなのかな？
日々の出来事をブログ管理画面で思いつくまま手のむくまま絵にしてみるのもちょっとイキな気がします。
文字にできない思い出とかってありますよねー('-'*)

正式に追加されたらこの絵日記機能に合わせたテンプレートとか作ってみたいですネ。
一日一枚書いて絵日記画廊っぽく出来るようなのを作ってみたい

[Other]雑記: Trackback(0) Comment(1) ▲

tmp_dot_combination_nv幅広タイプ

November 03'2007

大変遅くなってしまいましたが＾－＾；

【tmp_dot_combination_nv】の記事幅の広いタイプ用の素材とスタイルシートです。

tmp_dot_combination_nv幅広タイプ見本

記事部分はだいたい５６０ピクセル前後の画像を掲載できるようになってるとおもいます。（６５０ピクセルに左右３０ピクセルずつ固定余白があります）
全体の幅がかなり広くなりますので、モニターの解像度次第で横スクロールがでることもあります。たぶんこのくらいが限界かと思われます。

リクエスト頂いて作成したものですが、どなた様もご自由にお使い下さい。

修正が必要なのは、
１）テンプレートで使用している画像を一つ変更
２）スタイルシートの画像アドレスを一箇所変更
以上の二点になります。

テンプレートのHTMLに変更はありませんので、tmp_dot_combination_nvをダウンロードしてから画像をアップロードし、スタイルシートを修正するだけで幅広タイプに変更できます。

まずはテンプレート用の画像をダウンロードしてご自分のブログにアップロードして下さい。
幅広タイプ用画像

この枠に囲まれた部分の中央辺りを右クリックして画像を保存してください。
（保存しやすいように表示サイズを大きくしてありますがそのまま保存してOKです）
ダウンロードした画像は各自ご自分のブログスペースにアップロードしてください。

幅広タイプ用スタイルシート

@charset "UTF-8";
/********************************************************
全ブロックの共通設定
*********************************************************/
/*-- 表示ページ全体 --*/
* {margin : 0;padding : 0;}
ul li {list-style-type:none;}
br{letter-spacing: normal;}

/*BODY全体に関する設定*/
body {
text-align: left;
color: #362F2D;
font-family: Verdana, Helvetica, sans-serif;
background-color: #fff;
background-image: url('http://file.tmpblog.blog.shinobi.jp/dot_bodys.gif');
}
/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}

/*テキスト左寄せ*/
.left {text-align:left;}
/*テキスト中央寄せ*/
.center {text-align:center;}
/*テキスト右寄せ*/
.right {text-align:right;}

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

/*--フォーム--*/
input {
margin :1px;
background: #fff;
border : 1px solid #362F2D;
font-size: 12px;
color: #362F2D;
background-image: url('http://file.tmpblog.blog.shinobi.jp/dot_bq.gif');
}
textarea {
margin :1px;
background: #fff;
border : 1px solid #362F2D;
font-size: 12px;
color: #362F2D;
background-image: url('http://file.tmpblog.blog.shinobi.jp/dot_bq.gif');
}

/***********************************************************
メインブロック
************************************************************/
#mainBlock {
margin:  0 auto 0 0;
width: 850px;
text-align: left;
background: #fff;
/*----/////////この部分を修正！///////////----*/
background-image : url('http://file.tmpblog.blog.shinobi.jp/entry_dot_600.gif');
background-repeat : repeat-y;
background-position : right top;
}

/******************************************************************
ブログタイトルデザイン設定
*******************************************************************/
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 10px;
text-align: right;
margin: 0px;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}

/*--ブログタイトル文字装飾--*/
h1{
font: bold 20px Georgia, Verdana, Helvetica, sans-serif;
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;}

/*--タイトル下のブログの説明文--*/
#TopExplanation {
padding: 0 0px 0px 20px;
text-align: right;
font-size: 10px;
}

/***************************************************************
フッターブロック用デザイン
*****************************************************************/
/*--一番下のブロック（著作権表示が書かれる場所）の設定--*/
#FooterBlock {
clear:both;
text-align: right;
}
p.copy {
padding: 5px 5px 5px 200px;
font-size: 10px;
}
p.cmn{
padding: 5px 5px 5px 200px;
font-size: 10px;
}
/**************************************************************
  プラグインブロック用デザイン
***************************************************************/
/*--プラグイン表示箇所全体の設定--*/
.PluginBlock {
width: 200px;
text-align: left;
float: left;
overflow:hidden;
padding: 18px 0 10px 0;
color: #534741;
}

/*--プラグイン部分リンク色--*/
div.PluginBlock a:link {color: #534741;}
div.PluginBlock a:visited {color: #534741;}
div.PluginBlock a:active { color: #534741;}
div.PluginBlock a:hover {color: #eee;}

/*--プラグイン表示箇所の背景や余白設定--*/
.PluginInnerBlock {
}

/*--プラグインのタイトル（名称）部分の設定--*/
.PluginTitle {
font: bold 13px "Trebuchet MS", Monaco, sans-serif;
letter-spacing: 1px;
color: #362F2D;
margin-bottom: 5px;
padding: 5px 5px 0 20px;
}
/*--プラグインの説明部分の設定--*/
.PluginExplanation {
}

/*--プラグインが表示される場所の設定--*/
.PluginContents {
line-height: 130%;
font-size : 10px;
padding : 0 15px 5px 20px;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}

/*--各プラグイン処理内の基本デザイン--*/
div.plugin_data {
margin: 0;
padding: 2px 0 0 13px;
font-size: 10px;
line-height: 130%;
background-image: url('http://file.tmpblog.blog.shinobi.jp/dot_li2.gif');
background-repeat: no-repeat;
background-position: left top;
}

/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
text-align:right;
}

/****************************************************************
  忍者式メールフォーム用
  サイドバーに設置でデザインを「自作ＣＳＳ」に設定した場合のみ有効です
  自作ＣＳＳ使用にしてプラグインのフリーエリアに忍者メールのタグをコピーでＯＫです
******************************************************************/
/*--サイドバーに忍者式メルフォームを設置する場合の整形--*/
div.PluginContents div.main br{
line-height: 1px;
}

div.PluginContents div.main input{
width: 90%;
padding: 0 2px;
}
div.PluginContents div.main textarea{
width: 90%;
padding: 0 2px;
}
div.PluginContents div.main input.submit_button{
width: 50px;
margin-bottom: 3px;
border: 1px solid #534741;
background: #534741;
color: #fff;
font-weight: bold;
line-height: 130%;
}
/*--///// オマケオワリ /////--*/

/*******************************************************************
  記事ブロック用デザイン
*******************************************************************/
/*--記事繰り返し処理全ての部分の設定--*/
#EntryBlock {
width: 650px;
float: right;
text-align: left;
overflow:hidden;
}

/*--記事表示部分の背景や余白等の設定--*/
.EntryInnerBlock {
width: 100%;
margin: 10px 0;
padding: 0;
line-height: 140%;
text-align: left;
}

/*--各記事日付部分--*/
.entryday {
margin : 0px;
padding : 0px 20px 10px 10px;
font: bold 26px Georgia, Verdana, Helvetica, sans-serif;
color: #d7d7d7;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_titlebottom2.gif');
background-repeat : no-repeat;
background-position : left bottom;
}

/*--各記事タイトル部分の設定--*/
.EntryTitle {
margin: 8px 0 0 10px;
padding: 0 10px 20px 15px;
background-image: url('http://file.tmpblog.blog.shinobi.jp/dot_title2.gif');
background-repeat : no-repeat;
background-position : left top;
}

/*--各記事タイトル部分のフォント--*/
h2{
color:#362F2D;
padding: 0 5px;
margin: 0;
font-size: 14px;
}

/*--記事・コメント・トラックバック表示部分大枠--*/
.EntryTextBox {
margin-bottom: 20px;
padding: 0 20px;
}

/*--記事本文--*/
.EntryText {
font-size: 12px;
line-height: 150%;
color: #534741;
}

/*--追記--*/
.EntryPsText {
padding: 10px 0;
text-align: left;
font-size: 10px;
}

/*--エントリーフッター--*/
.EntryFooter {
font-size : 10px;
color : #635347;
text-align : right;
padding : 0px 20px 2px 10px;
margin : 0px;
letter-spacing:1px;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}

/*--記事のカテゴリ名が記載されている部分--*/
.EntryCategory {
margin-left: 3px;
}
/*--記事へのコメントリンクが記載されている部分--*/
.EntryComment {
margin-left: 3px;
}
/*--記事へのトラックバックリンクが記載されている部分--*/
.EntryTrackback {
margin-left: 3px;
}

/*--//////記事内のその他の設定//////--*/
/*-- 引用文 --*/
blockquote {
padding: 5px 10px;
color: #362F2D;
line-height: 140%;
background-image: url('http://file.tmpblog.blog.shinobi.jp/dot_bq.gif');
}

/*--本文中リンクの設定--*/
div.EntryText a{
text-decoration: underline;
}

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

/*--記事内画像--*/
div.EntryText img {
margin: 2px 5px;
padding: 5px;
border: 1px solid #666;
background: #fafafa;
}

/*--絵文字--*/
div.EntryText img.emoji {
margin: 0 1px;
padding:0;
background-color: transparent;
border: none;
}

/*******************************************************************
 ページナビ
********************************************************************/
/*--次の記事やHOMEへのリンク--*/
.PageLinkBlock{
text-align:center;
padding:10px;
font-size: 10px;
font-weight: bold;
}

/*--ページごとへのリンク--*/
.PageLinkBlock10{
text-align:center;
padding-top: 5px;
font-size: 10px;
}

/*********************************************************************
コメント表示部分の設定
**********************************************************************/
/*--コメント全体の設定--*/
.CommentBlock{
width: 100%;
}

/*--この記事にコメントする（Post your Comment）と書かれてる部分の設定--*/
.CommentMenuTitle{
text-align: left;
margin: 0 0 0 20px;
font: bold 16px Georgia, Verdana, Helvetica, sans-serif;
}

/*--コメントのタイトル、コメント、コメント情報の全ての背景部分--*/
.CommentTextBox{
padding: 10px 30px;
text-align : left;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}

/*--コメントのタイトル部分--*/
.CommentTitle{
font-size:12px;
font-weight: bold;
margin: 0 0 5px 0;
}

/*--コメント内容部分--*/
.CommentText{
color : #635347;
font-size : 12px;
line-height: 150%;
}

/*--投稿者や投稿時間などが表示されている部分--*/
.CommentFooter{
text-align:right;
font-size: 10px;
padding:5px;
margin: 3px 0 0 0;
}
/*--投稿者名の部分--*/
.CommentUserName{
margin-left: 3px;
}
/*--投稿者のホームページへのリンク部分--*/
.CommentURL{
margin-left: 3px;
}
/*--投稿された時間が記載されている部分--*/
.CommentWriteDate{
margin-left: 3px;
}
/*--コメント編集へのリンク部分--*/
.CommentEdit{
margin-left: 5px;
}
/*--コメントを投稿するフォーム全体の設定--*/
.CommentFormBlock{
margin-bottom:20px;
padding: 20px 0;
text-align : left;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}
/*--コメントフォーム用テーブル--*/
.CommentFormTable{
margin: 0 auto 0 35px;
font-size: 12px;
}
/*--コメントフォームTHタグ設定--*/
.CommentFormTh{
padding-top:5px;
text-align:right;
}
/*--コメントフォームTDタグ設定--*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*--コメントフォーム送信ボタンのTDタグ設定--*/
.CommentFormSubmit{
text-align:left;
}

/*--inputタグやtextareaの設定--*/
.CommentForms{
width: 200px;
}
.CommentFormstext{
width: 250px;
}
.Commentpass{
width: 50px;
}
input.serb {
width: 100px;
margin-top: 5px;
border: 1px solid #534741;
background: #534741;
color: #fff;
font-weight: bold;
line-height: 130%;
}

/*-------------------------------------------------------
  コメント-管理者用返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
}

.CommentResBox {
padding : 20px 30px;
margin : 0px;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}

.CommentResTitle {
font-size:12px;
font-weight: bold;
margin-bottom: 5px;
}

.CommentResText {
font-size : 12px;
line-height: 150%;
color : #635347;
text-align : left;
}

.CommentResFooter {
font-size: 10px;
margin: 3px 0 0 0;
padding: 2px;
text-align:right;
background: #eee;
}

/********************************************************************
  コメント編集部分の設定
*********************************************************************/
/*--コメント編集ブロック--*/
.editBox{
padding: 10px 0;
text-align : left;
}
.editMenuTitle{
text-align: left;
font: bold 14px Georgia, Verdana, Helvetica, sans-serif;
padding-left: 20px;
}

/********************************************************************
  トラックバック表示部分の設定
********************************************************************/
/*--トラックバック全体の設定--*/
.TrackbackBlock{
width: 100%;
}

/*--トラックバックメニューのタイトル部分--*/
.TrackbackMenuTitle{
text-align: left;
margin: 10px 0 0 20px;
font: bold 16px Georgia, Verdana, Helvetica, sans-serif;
}

/*--トラックバックのタイトル、記事、リンク部分の総合設定--*/
.TrackbackTextBox{
padding: 10px 30px;
text-align : left;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}

/*--トラックバックタイトルの部分--*/
.TrackbackTitle{
font-size:12px;
font-weight: bold;
margin: 0 0 5px 0;
}

/*--トラックバックの記事部分--*/
.TrackbackText{
color : #635347;
font-size : 12px;
line-height: 150%;
}

/*--投稿されたブログ名やリンクなどを表示する部分の設定--*/
.TrackbackFooter{
text-align:right;
padding:5px;
font-size: 10px;
}
/*--トラックバック元のブログ名部分--*/
.TrackbackUserName{
margin-left: 3px;
}
/*--トラックバック元へのリンク部分--*/
.TrackbackFromURL{
margin-left: 3px;
}
/*--トラックバックされた日付部分--*/
.TrackbackWriteDate{
margin-left: 3px;
}
/*--この記事のトラックバック　と書かれた部分の設定--*/
.TrackbackURLTitle{
text-align: left;
padding: 10px 20px;
font-size: 12px;
background-image : url('http://file.tmpblog.blog.shinobi.jp/dot_y.gif');
background-repeat : repeat-x;
background-position : center bottom;
}
/*--トラックバックする為のURLが記載されているフォーム部分の設定--*/
#TrackbackURL{
width: 200px;
background: #F6F4F1;
}

/*******************************************************************
  カレンダープラグイン用デザイン
********************************************************************/
/*--カレンダー日付移動用テーブル（前月、次月へのリンクなど）--*/
.CalendarMoveTable {
padding:3px;
width:80%;
font-size: 10px;
margin: 0 auto;
}
.CalendarMoveTable a {
font-weight: bold;
}
/*--カレンダー日付移動用テーブル、<tr>タグ部分のデザイン--*/
.CalendarMoveTr {
}
/*--カレンダー日付移動用テーブル内、左側td部分のデザイン--*/
.CalendarPrevTd {
}
/*--カレンダー日付移動用テーブル内、中央td部分のデザイン--*/
.CalendarNowTd {
}
/*--カレンダー日付移動用テーブル内、右側td部分のデザイン--*/
.CalendarNextTd {
}
/*--カレンダー表示用テーブル--*/
.CalendarTable {
width:80%;
padding:3px;
font-size: 10px;
margin: 0 auto;
}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
font-weight: bold;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}

上のスタイルシートを丸ごとコピーして、ダウンロードしたtmp_dot_combination_nvのスタイルシートと丸ごと入れ替えて下さい。
全体の幅、記事部分の表示幅等は修正済みです。

次にスタイルシート内の以下の部分を探して画像のアドレス（赤文字の部分）を
自分のブログにアップロードしたものに変更して下さい。

/*----/////////この部分を修正！///////////----*/
background-image : url('http://file.tmpblog.blog.shinobi.jp/entry_dot_600.gif');
background-repeat : repeat-y;
background-position : right top;
}

以上で修正完了です。

ブラウザによっては修正後にキャッシュの都合でうまく表示されない場合もございますので、テンプレート変更後に表示がおかしくなったら一度リロードもしてみてくださいネ。

他にも各所色々お好みでご自由に修正変更してくださって勿論OKです。

[忍者ブログ]テンプレート: Trackback(0) Comment(1) ▲

ちょっとおしらせ

October 25'2007

追記 10/28
とりあえず拍手とメールフォームテンプレートだけ移し終ったと思います。
（たぶん…あとほかも後ほど修正してきます）

まだちょっとドタバタ中ではあるのですが、お知らせを一つ。

現在メールフォームテンプレートや拍手用のCGIを置いているサーバーを引越しすることになっているのですが、その作業が追いついておらず…数日の間、メールフォームのテンプレートのダウンロードと拍手の使用ができなくなるとおもわれます。

なるべく早くに作業を終えて現状に戻したいとは思っているのですが…なかなか思うようにいっておりません（汗

作業終りましたらまたお知らせさせていただく予定ではありますが、数日間ご不便おかけしてしまう事になるのは免れない状況ということでお知らせを<(_ _)>

相変わらずいろいろどたばたですいません（汗

[Other]雑記: Trackback(0) Comment(0) ▲

実験中

September 06'2007

色々実験中なのでコロコロ表示がかわったり、おかしな部分があったりしますが（自覚有ラシイ）しばらくご容赦を＾－＾；

[Other]雑記: Trackback(0) Comment(0) ▲

気付けば半年？

September 04'2007

気付けば半年近く放置状態になってました、ご無沙汰してます～。

自身もちょっと体調不良で入院してみたり、祖父も具合悪くしてみたり、ツレも具合悪くして会社があわやになったりと結構なドタバタ劇でした（汗）

なんとなーく状況は落ち着いてはきたのですが、ちょっと自分のほうが仕事内容が少し変わる事になり、慣れるまでソチラのほうもがんばらねばなりませんです。

ブログテンプレートもメールフォームテンプレートも作りかけ…と言うよりほとんど出来上がってるものが数点ずつあったりとかするのですけども、人様が使う物と考えるといい加減に出すわけにもいきませんので最終チェック部分で全部止まっております。
IE７対応をどうしようかなーというのもまだ考えていたりとか。

とりあえず生きてます（汗）
ちょこちょこ覗いたりもしてます～拍手とかコメントとかありがとうです<(_ _)>
対応しきれてなくてすいません。
心でヒッソリでっかい感謝を。

[Other]雑記: Trackback(0) Comment(2) ▲