スポンサーサイト 
-- -- --
-- --:--:--

スポンサー広告  Comment -  Trackback -  edit.

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

オレンジバージョン他鋭意制作中 
2005 08 03
Wed 03:08:22

テンプレート  Comment 22  Trackback 0  edit.

index_tab03オレンジ
インデックスタブシリーズのオレンジバージョンが出来ましたが、かなりいい加減(^^;
実は他にも、パープル、レッド、ブラック、イエローも取りあえず、スタイルシートは終わって居るんですが、トップの画像が無いので、取りあえずオレンジだけをアップしました。
画像ができ次第アップ予定ですけど。
やっぱり12色は無理な気が・・・・
それにしてもなんかこんな時間までやっていて良いんだろうか(^^;
明日朝起きれるんだろうかと不安な自分。(笑)

ind_tab03_color-html.txt
ind03_color_orange-css.txt

Re comments.

「起きれましたか?(笑)」
わお><オレンジも素敵ですね^^
写真のセンスも抜群です!!
12色は無理ですか(笑)そうですよね・・・無理いってすみませんです。。。
でも、次はどのようなものが出来るのかとっても楽しみなんですよ。
頑張ってください(プレッシャーをかけてるのかなぁ^^)

昨日の自分のブログの追記にも書いたのですが。
やっぱり、レンタルブログだと時間が集中する時やメンテナンスがあるときに、更新できなかったりしますよね。
なので、MovableType 3.17の設置を考えています。
設置も、たぶん私にとってみれば問題なのですが(笑)
やはり、テンプレもかなり、問題。。。
有希之武さんのテンプレ、かなり気に入っているのですが
それを、MovableType 3.17に使うことはできないんですよね。
たぶん^^;
だとすると、迷います。。。

あと、今日共有テンプレで、いいなぁって思うものをみつけたのですが
もう一個のブログにつかいたいなって思ってます。
メニューのツリー化していないので、したいと思っているのですが
その場合、アドバイスいただけますか?^^;
そのテンプレはカスタマイズokなんです。

では、今日も一日がんばりましょう!!
2005/08/03(水) 09:17:00 [URL] 美羽さん [編集]
「先ほど起きましたw」
どうもおはようです(-_-)
プレッシャードンドンかけてください、そうしないと動かない自分(爆)
MovableType 3.17・・・・話には聞いてますが自宅サーバーでやるんですよね?
自宅サーバーは以前、作った事が有りますが、回線が細すぎなので辞めました(^^;
光なら自分もMovableTypeとか使ってみたいんですけどね。
多分、変数とかの違いだけだと思うのでひょっとしたらテンプレを使えるかも?
って、知らないのに無責任な発言してます(笑)

他のテンプレ・・・・浮気者..・ヾ(。><)シ ぎょぇぇぇ(笑)

メニューのツリー化ですが、私の知る限りではスクリプトは貼り付けでメニューの所に
ID=****listとかを付けてDIVで括ると出来ます。(これで分かったら凄いw)
まぁ~テンプレを教えてくれたら改造部分を記事にでもしますよ。(^ー^)
2005/08/03(水) 09:57:53 [URL] 有希之武さん [編集]
「MovableType見てきましたw」
ガ━━(゚Д゚;)━━ン!
難しすぎて3分では理解できませんでした。(笑)
と言う事で、FC2の簡単さを改めて理解した一連の騒動(笑)
結論から言うと、テンプレートの移行はかなりの力量が必要かと。
多分、私だと3ヶ月くらい格闘しないと移行は出来ない。

まぁ~そんなに根性ないですが(笑)
2005/08/03(水) 10:11:37 [URL] 有希之武さん [編集]
「引っ越しました」
オンライン、オフライン通じての友人とのトラブルと夫へのサイトばれのため、やむなく引越ししました。
青いテンプレートを使わせていただいております。daisy*です。
新居では爽子と名乗っております。
大好きな青いテンプレートはそのまま使わせていただいております。
来て頂いていたんですね。ありがとうございます。
何もかも、ほとんど同じ構成で、まったりと続けていくつもりです。
2005/08/04(木) 11:31:48 [URL] 爽子さん [編集]
「爽子さんどうも。(^ー^)」
どうもコメントありがとうです。
色々と大変そうですが「母は強し!」で、こっそり頑張ってください。(^ー^)
私は、自分のテンプレを使ってくれている方が、どんな使い方をしているのか
楽しみなんですよね。(^ー^)
気に入って使ってくれていると本当に嬉しいです。
これからもちょっと大人のテンプレを目指し頑張りたいと思います。
(って、子供向けは年齢的に作れませんがw)
2005/08/04(木) 11:59:57 [URL] 有希之武さん [編集]
「夏の香り」
夏の香りバージョン、気に入って使わせていただきました!爽やかでいいですね。ふたつ聞きたいことがあります。よければ教えてください。
まず、プルダウンメニューのカテゴリーに記事数が出ません(もともとなのか、私がいじってしまったのか・・・)。「テンプレート」っていうカテゴリーなら、普通は「テンプレート(3)」って出ますよね。直し方を教えてください。
それから、トップ画像を変えれるとのことですが、これも無知で分かりません。基本的には、いまある画像(イラスト)に少し遊びを入れようと思っているのですが・・・。(つまりトップ画面の画像だけを落として、自分なりに編集したいのです。)方法があれば教えてください。
メアド貼っておくので、よければお願いします。お手数ですが。
2005/08/06(土) 15:45:56 [URL] ifさん [編集]
「カテゴリー記事数」
ifさんコメントありがとうです。
カテゴリーの記事数表示ですが、実は夏の香りバージョンからモノクロバージョンまで
出ません。(^^;
実はHTML文を組む時に忘れていて、現在私が使って居るバージョンから増えたモノなんです。

メールに書きますが、同じように分からない方の為にコメントして残します。


それでは変更法を書きますので参考にしてください。

まず管理画面で、今使っているテンプレートの編集を行います。
テンプレートの設定→テンプレートの編集画面で「修正」を開き→HTMLの編集で
以下の部分を探してください。


<td>
<div id="menu8" class='0' onclick="menushow(8);">
▽<a href="javascript:void(0)">CATEGORY</a></div>
<div id="sub8" class="menu2">
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name></a></li>
<!--/category-->
</ul>
</div>
</td>



上の部分を見つけたらその部分を選択し以下の文に書き換えてください。


<td>
<div id="menu8" class='0' onclick="menushow(8);">
<a href="javascript:void(0)"class="tab_title"title="カテゴリー">▽CATEGORY</a></div>
<div id="sub8" class="menu2">
<ul>
<!--category-->
<li><a href="<%category_link>" title="<%category_name>"><%category_name></a> (<%category_count>)</li>
<!--/category-->
</ul>
</div>
</td>



違いが分かると思いますが、 <%category_count> と言う変数が増えてます。
この変数を付ける事で、カテゴリー表記の数値が表示されます。


次にトップの画像ですが、画像はトップ画像の上で右クリックして「ファイルに保存」を選び
ご自身のパソに保存してから編集します。
編集が終わったらご自身のブログ管理画面でファイルのアップロードを行い、「記事を書く」で
ファイルのアドレスが分かると思います。
(面倒でしたら下のアドレス部分をクリックすれと画像が出ます。)


<a href="http://blog8.fc2.com/b/breaktime/file/tab_top03.jpg" target="_blank"><img src="http://blog8.fc2.com/b/breaktime/file/tab_top03.jpg" alt="" border="0"></a><br clear="all">


と言うような画像表記のタグが書かれてますが、そこで
http://blog8.fc2.com/b/breaktime/file/tab_top03.jpg と言う画像ファイルのアドレスを覚えてください。
(上のアドレスは私のブログファイルアドレスですのでご自身のアドレスと変更してください)

次にその画像アドレスを、テンプレートの編集画面、スタイルシートの編集という所で次の文を
探してください。



/* トップページの画像及びデザイン設定 */

table.entory_tb {
padding-left: 10px;
padding-right: 5px;
width: 850px;
background : url(http://blog8.fc2.com/b/breaktime/file/tab_top03.jpg) no-repeat right bottom;
}



見つけたらご自身が編集したトップ画像のアドレスを張り替えます。


http://blog8.fc2.com/b/breaktime/file/tab_top03.jpg (テンプレートに書かれているアドレス)
   ↓
http://○○○.fc2.com/b/○○/file/tab_top03.jpg (これは新しい画像のアドレス)


/* トップページの画像及びデザイン設定 */

table.entory_tb {
padding-left: 10px;
padding-right: 5px;
width: 850px;
background : url(http://○○○.fc2.com/b/○○/file/tab_top03.jpg) no-repeat right bottom;
}

上の様な感じになります。
そしたら編集画面下の「更新」ボタンを押して変更を更新します。

これで画像の張り替えが出来ます。

以上ですが、もし分からない部分がまだありましたら遠慮せず、コメント投稿してください。
出来る限り、ご説明いたします。(^ー^)
2005/08/06(土) 16:19:00 [URL] 有希之武さん [編集]
「ありがとうございました!」
迅速かつこんなに丁寧に答えていただいて、ありがとうございます。カテゴリー記事数については、切り貼りだけでいいようにしてくれていたので、すぐに出来ました。ありがとうございました。画像のほうは、じっくり取り掛かってみて、また報告します。
ついでにもうひとつ教えていただきたいのですが、左側のメニューのRecent Entries は、いま過去5件分しか出ていないのですが、これは増えていくのでしょうか?それとも5件固定で、順次削除されるのでしょうか?できれば、過去の分も含め、なるべくたくさん出したいと思うのですが、方法はありますでしょうか?
素晴らしいテンプレを提供していただいたうえに質問ばかりですみませんが、できればお願いします。
2005/08/06(土) 19:01:40 [URL] ifさん [編集]
「Recent Entriesの表示」
Recent Entriesの表示数ですが、これは管理画面で設定できます。
環境設定の変更→ブログの設定、と進み最近のエントリー表示数の所で
1~25まで自由に設定できますよ。
設定する事でどんなテンプレートも反映されます。
他にも最近のコメント表示数やトラックバック数、一ページに表示する記事の数なども
ここで設定します。
2005/08/06(土) 21:10:13 [URL] 有希之武さん [編集]
「すみません・・・」
テンプレ制作者に聞く範疇外の質問でしたね・・・、すみません。
助かりました。
2005/08/06(土) 22:46:09 [URL] ifさん [編集]
「画像も出来ました。」
おかげさまでトップ画像の編集も分かりました。まだテストなので、しょぼいですが、よかったらリンクより見ていってください。
それから、もうひとつだけ(もうひとつだけです!)教えて下さい。
PROFILE とか LINKS とかのプルダウンメニューですが、僕も含め、実際に訪問していただいた方に、操作に戸惑いました。つまりタブをクリックしてオープンし、同じくタブをクリックしてクローズするわけですが、
たとえばIEなんかではクローズするのは、画面上のどこをクリックしてもいいようになっていますよね?あれに慣れているので、できればそうしたいのです。
方法があれば、またお手数で恐縮ですが、教えてください!(これで最後にします。すみません。)
2005/08/07(日) 16:11:21 [URL] ifさん [編集]
「タブのクリック」
どうもこんばんは。
早速タブのクリックについてですが、実は私も思って居るんですが。
画面をクリックした時に閉じる事が出来ればと。
ですが、スクリプトを作ったのは私では無く、フリーの所から見つけただけで
改造法などは私には分からないんですよ。
色々スクリプトを配布しているサイトを見てみたんですが今のところ見つかりません。
見つかった場合はすぐにでもバージョンアップなり、お知らせなりしますので
今はすいませんが操作になれて頂くしか方法が有りません。m(_ _)m

それと質問ですが、別に構わないですよ(^ー^)
聞かれて分かる事でしたらいつでも相談下さい。
お待ちしてます。
2005/08/07(日) 17:26:58 [URL] 有希之武さん [編集]
「index_tab03_02のカスタマイズについて」
こんにちは。はじめまして。
FC2ブログを初めて2ヶ月経った者です。
ブログを書いてみようと世間が言うので今までHPを見ることくらいしか能がなかったのですが、やってみました。
ブログを書いていると他の人のブログも見に行くようになりました。そこでは自分なりにカスタマイズをしている人もみかけ自分も興味を持つようになりました。
カスタマイズするにはHTMLの知識が少なくとも必要ということで少しだけ勉強しました。そうしていくとどんどん欲求というものが高まりまして。ブログのテンプレートを探していたところ、人からブログのトップが表紙みたいになっているものもあるよ。と教えてもらい。早速探してみたところ ぶーさんのテンプレートに出会いました!!是非使ってみたいと早速ダウンロードさせていただきました!!色はブルーの海岸に波が打ち寄せている画像のものです。大変自己満足しております!ありがとうございます。またブログを書いていく意欲が高まりました。
それでまたちょこちょこっと自分なりにカスタマイズしていきたいなと思っていますが、テンプレートの編集部分を見てみましたが今までのブログと違って自分には理解できない難しいものでした泣。でも表紙が気にいっているのでなんとか使っていきたいなと思っています。
一杯教えていただきたいことはあるのですが、もしよろしければ一つだけ質問いいでしょうか。それはENTERで入った後のページについてなんですが、左側のメニューの上下の並び替えや、プロフィールの削除はどうすればいいのでしょうか。編集画面をみてもそれらしい単語が出ていないので検討もつきません。もしよろしければアドバイスお願いいたします。

長文大変失礼しました。読んでくださってありがとうございます。
あ、それとこのインデックスバージョンの3カラム版はあるのですか。情報系のブログにしたいので。この表紙と3カラムの構造。これが一番自分にとっての理想のテンプレートです。あ、最後に自分の希望なんかを書いてしまってすみませんでした。
2005/08/27(土) 14:03:00 [URL] しいちきんさん [編集]
「メニューの並べ替え」
しいちきんさんコメントありがとうございます。(^ー^)
とっても気に入って頂いたようで嬉しいです。
早速ですが、メニューの並べ替えと削除ですが、これはHTMLを編集する事になります。
あれ?海岸の波が打ち寄せているバージョンですよね?

もしかして・・・・・ちょっと調べます(^^;
index_tab03_02と言うテンプレートですか?
これはプラグイン使用バージョンですので、メニューはご自身の管理画面で
プラグインを並べ替えると出来ますよ。
「プラグインの設定」で「プラグインカテゴリー2」と「プラグインカテゴリー3」を
↓↑で並べ替えてください。
要らないモノは、その項目で「設定の変更」をクリックすると「表示の設定」という
タブが有りますので「表示しない」を選び「変更」ボタンを押すと表示されなくなります。
プラグインを有効にしていない場合は、HTMLを編集する事になりますが
ちょっとコメント画面では説明が大変なので後で新規記事として載せたいと思います。
しばらくお待ちを。(^ー^)

記事表示画面の3カラムですが、このバージョンの横幅では3カラムにすると
記事部分が小さすぎて無理だと思います。
それに3カラムにすると、大きめの画像を使ったりブログパーツを使った時に
「カラム落ち」と言ってメニューや記事の並びが崩れる事が有ります。
それでも良ければ、次回に3カラムのバージョンを作って見たいと思いますが
少々お待ちを。
後考えられるのは、私が現在使っているテンプレートにトップ画面を増やす形ですが
これなら意外と簡単かも知れません。
ただ、使う人がいるかどうかが問題で(^^;

やっぱり作るには「使ってくれる人」が励みになりますので。
2005/08/27(土) 19:28:07 [URL] 有希之武さん [編集]
「しいちきんさんへ」
取りあえず、index_tab03_02のテンプレートを改造して3カラムとしたモノを
共有テンプレートに登録しました。
不具合はないと思いますが、何かありましたらご報告下さい。

テンプレート名は、index_tab03_03です。
2005/08/28(日) 00:39:28 [URL] 有希之武さん [編集]
「すばやい回答ほんとうにありがとうございます!!」
こんなに早く回答をいただけるなんて今びっくりしています!
ほんとほんとありがとうございます!

あ、メニューの並び替えは管理画面でできるんですね~。
前に使っていたテンプレートがプラグイン対応じゃなかったもので
全くそこは気にしていなかった部分なもので。
さっそく説明通り実行してみたいと思います。

index_tab03_02の3カラム版。
ほんっと嬉しいです!!まだ差し替えていませんが
表紙があって、表紙の画像がおしゃれで さらに3カラムっていう
自分にとって最高で理想のテンプレートの提供
ほんとにありがとうございます!!

これからまたブログが楽しくなっていきそうです。
それもこれもすべて
どさんこブーさんのおかげです!
ありがとうございます!!!!!!!!

2005/08/28(日) 13:38:10 [URL] しいちきんさん [編集]
「タイトル未入力」
さっそく3カラム版のテンプレート実装してみました!
いい感じですw
構成はもう満足したものになっています!

それで忙しいところしのびないのですが、また質問が出てきてしまいまして。
記事の部分に幅470サイズの表を入れたところ おっしゃっていたとおりカラム落ちというのが起きてしまいました。
なんとかこのサイズの表を入れたいと思っています。

試しに他の3カラムのテンプレートを使ってこの表を埋め込んでみたところうまく表示されたものでどの辺りが違うのか自分なりに調べてみたのですが・・・。
スタイルシートの部分でしょうか。初心者のため手を出そうと思っても余計にくずれてしまうのではと怖くて手を出せん。

せっかく理想のテンプレートが使える事になっただけにここで使用できないのは悔しくて。

もし調整が可能なものであるならば是非是非教えていただきたいのですが。
自分の事ばかりで本当に申し訳ないのですが、どうしてもあきらめきれないのです。 
質問ばかりですみませんが、よろしくお願いいたします。

2005/08/28(日) 16:02:24 [URL] しいちきんさん [編集]
「表のサイズ」
どうもしいちきんさん。
470サイズの表を入れるという事ですが、記事部分は550なので大丈夫そうですが
表がどういう組み方なのか分からないのでコメント出来ないんですが
他の3カラムのテンプレシート名を教えて頂ければ、同じ様な設定をする事で
大丈夫と思います。
3カラムでもタグの組み方によっては、横に広がって対処する方法と
はみ出した部分を表示させない方法があり、私の場合はスタイルシートのみの
設定で3カラムにしていますのでその辺が違うのだと思います。

横に広がる3カラムはテーブルタグを使うのですが、読み込みの表示が遅く
あまり最近では使わなくなってますが、デザインが崩れにくいという事で
今も使っている方が居ます。
他には、画像などがはみ出した場合、その部分を表示しないで崩れを防ぐ方法が
有りますが、これも一長一短があり、難しい所です。
取りあえず、表のタグなどの情報と、使用したテンプレート名を教えて頂けませんか?
こちらで確認して作り直してみたいと思います。

それと質問に答えるのは私の趣味みたいな所が有りますので気にしないでくださいね。(^ー^)
2005/08/28(日) 17:30:14 [URL] 有希之武さん [編集]
「タイトル未入力」
コメントありがとうございます!またまた直ぐに答えて下さってありがとうございます!!
そういっていただけると質問しやすいです。心が和らぎます。

じゃあ、早速なんですがいいでしょうか(^
index_tab03_03に入れたい表はこれです。

<TABLE border="0" width="473" height="422" cellpadding=5">
<TBODY>
<TR>
<TH height="323" bgcolor="#87cefa" width="473">
<TABLE border="1" width="473">
<TBODY>
<TR>
<TH colspan="3" bgcolor="#ffccff" height="28" align="center"><< ● >></TH>
</TR>
<TR>
<TH colspan="3" bgcolor="#ffffff" height="60">●</TH>
</TR>
<TR>
<TH rowspan="5" height="150" width="150>●
<FONT size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
<TH bgcolor="#e6e6fa" width="100"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></TH>
<TH width="218" bgcolor="#ffffff"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></TH>
</TR>
<TR>
<TH bgcolor="#e6e6fa" width="100"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></TH>
<TH width="218" bgcolor="#ffffff"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></TH>
</TR>
<TR>
<TH bgcolor="#e6e6fa" width="100"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></TH>
<TH width="218" bgcolor="#ffffff"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></TH>
</TR>
<TR>
<Th bgcolor="#e6e6fa" width="100"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></Th>
<Th width="218" bgcolor="#ffffff"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">●</FONT></Th>
</TR>
<TR>
<Th colspan="2" height="10" bgcolor="#e6e6fa"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO" align="center">>>●<<</FONT></Th>
</TR>
<TR>
<Th colspan="3" bgcolor="#ffffff" height="60">●</Th>
</TR>
</TBODY>
</TABLE>
</TH>
</TR>
</TBODY>
</TABLE>

作ったのはホームページビルダーでです。作った後に自分でちょこっといじった部分もあるので値がおかしいところがあるかもです。
もしおかしな部分があれば直していただけると助かります。

この表を保存してブログの確認をして実際にみてみると
左側のメニューが表の下にずれてしまいます。
ひょっとしたら自分のパソコンの環境のせいでしょうか。
自分にはよくわかりませんのでお願いいたします。

あ、それと少し話がずれるんですが、この表を保存してプレビューで見たときにはちゃんとこの●が中央に揃うのですが、上記のように実際にブログの確認で確認をするとこの●が左側に寄ってしまいます。
これもついでに原因があるなら教えていただきたく、そして修正の方法があるならば教えていただきたいです。

それで、他のテンプレートではうまく表現されたテンプレートは

summer_beach と imitation_liquid というテンプレートで試してみました。忙しいと思いますが確認していただますか。
あ、ちなみにこのテンプレートでカラム落ちというものはなかったのですが、●がやはり左側に寄ってしまいました。

これらのテンプレートがテーブルを使っているのものかは分かりませんが回答にもありました読み込みが遅くなるっていうのはできれば回避したいところなので。

色々とすみません。
よろしくお願いいたします。

2005/08/28(日) 19:00:32 [URL] しいちきんさん [編集]
「取りあえずスタイルシートです」
しいちきんさん、やはり他のテンプレートでは、横幅が可変になっていましたので
表が使えました。
summer_beachの方は、はみ出した部分が表示しないような設定しています。

取りあえず、しいちきんさんの表が使えるように、メニュー部の横幅を175pxにし
記事部分を広げ、はみ出した部分を表示しない設定でスタイルシートを変更してみました。

以下に・・・・・・・

@charset "EUC-JP";
* {margin : 0px;padding : 0px; }

/* スクロールバー色設定 */
html{
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR: #777;
SCROLLBAR-3DLIGHT-COLOR: #777;
SCROLLBAR-ARROW-COLOR: #777;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #FFFFFF;
}

/* 背景画像と基本文字設定 */

body {
text-align : center;
font-size: 12pt;
font-family: MSPゴシック,Osaka ;
color: #000;
background-color: #C1D4E8;
height: 100%;
}

/* トップページ及び記事表示の基本デザイン設定 */

table#body_base {margin : 0px;padding : 0px;}

td#body_center {
margin : 0px;padding : 0px;
background-color: #63B8FF;
}

td#body_left {
margin : 0px;padding : 0px;
border-right: 1px solid #000;
width: 30px;
background : url(http://blog8.fc2.com/b/breaktime/file/film_left.gif) repeat-y right top;
}

td#body_right {
margin : 0px;padding : 0px;
border-left: 1px solid #000;
width: 30px;
background : url(http://blog8.fc2.com/b/breaktime/file/film_right.gif) repeat-y left top;
}


/* 基本リンク色の設定 */

a,
a:link,
a:visited {color:#0076F0;text-decoration: none;}
a:hover {color:#FFA500 ;text-decoration: none;}

/* トップページの画像及びデザイン設定 */

table.entory_tb {
padding-left: 10px;
padding-right: 5px;
width: 850px;
background : url(http://blog8.fc2.com/b/breaktime/file/blue_top03.jpg) no-repeat right bottom;
}

/* トップページのフリースペース部分設定 */

td.free {width:100%;height:475px;}

/* トップページの最新記事一覧の設定 */

table.recent_tb {
font-size: 9pt;
font-family:MSゴシック, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Osaka;
color: #555;
line-height: 110%;
font-weight: none;
text-align: left;
width: 400px;
white-space: nowrap;
}

/* トップページの最新記事一覧のリンク色設定 */

table.recent_tb a,
table.recent_tb a:link,
table.recent_tb a:visited {font-weight: none;color: #5BAAFD;}
table.recent_tb a:hover {
color: #FFF;
font-weight: none;
background-color: #B7DBFF;
text-decoration: underline;
}

/* トップページ最新記事一覧の日時表記設定 */

.date3 {
font-size: 9pt;
font-weight: none;
color: #555;
line-height: 110%;
text-align: right;
text-decoration: underline;
}

/* トップページのENTERリンク関連設定 */

/* トップページのENTER文字の設定 */
span#newent {
font-size: 22pt;
font-family:"Arial Black", "Impact", "MSPゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
font-weight: bolder;
}

/* トップページのENTER装飾の設定 */

div#enter_title {
padding-left: 0px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 1px solid #000;}

/* トップページのENTERリンク色の設定 */

div#enter_title a,
div#enter_title a:link,
div#enter_title a:visited {color:#0076F0;text-decoration: none;}
div#enter_title a:hover {color:#FFF ;text-decoration: none;}

/* トップページのENTERサブロゴの設定 */

.topen_title {font-weight: bolder;}

.sub_toplogo {
font-size:14pt;
color:#FFF;
font-weight:bolder;
}
.sub_toplogo2 {font-size:10pt;}

/* トップページのENTER配置の設定 */

div#indexmenu {
font-size: 9pt;
color: #777;
text-align : left;
margin: 0px;
padding: 0px;
margin-left: 5px;
width : 210px;
}

/* トップページプラグインメニュータイトルの設定 */

div.first_title {
margin: 0px 10px;
padding: 0px;
padding-left: 10px;
font-size:12px;
color:#FFF;
text-align: left;
font-weight: bold;
border-left: 5px solid #FFF;
border-bottom: 1px solid #FFF;
}

/* トップページ最新記事タイトルの設定 */

div#menu13 {
padding: 0px;
padding-left: 10px;
margin-top: 12px;
margin-bottom: 0px;
margin-left: 440px;
margin-right: 10px;
font-size:12px;
color:#FFF;
text-align: left;
font-weight: bold;
border-left: 5px solid #FFF;
border-bottom: 1px solid #FFF;
}

/* トップページ最新記事タイトルのリンク色設定 */

div#menu13 a,
div#menu13 a:link,
div#menu13 a:visited {
font-size:13px;
font-weight: bold;
text-decoration: none;
}

div#menu13 a:hover {color:#FFF;background-color: #B7DBFF;}

div.menu14 {
padding: 0px;
margin: 0px;
margin-left: 440px;
font-size:11px;
text-decoration: none;
text-align: left;
width:380px;
white-space: nowrap;
}

div.menu14 a,
div.menu14 a:link,
div.menu14 a:visited {width: auto;font-size:11px;color:#0076F0;}
div.menu14 a:hover {font-size:11px;color:#FFF;background-color: #B7DBFF;}

/* タブ開閉式メニューの設定 */

table#tab_menu {margin: 0px;padding: 0px;width : 850px;}

/* タブ開閉式メニュー表示内容の基本デザイン設定 */

div.menu1,
div.menu2,
div.menu3,
div.menu4,
div.menu5,
div.menu6 {
padding-top: 3px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 5px;
margin: 0px;
font-size:10px;
text-decoration: none;
text-align: left;
border: 1px solid #5BAAFD;
background-color: #FFF;
display:none;
position:absolute;
top:45px;right:auto;
filter: alpha(style=0, opacity=98);
}

div.menu1 {width:180px;}
div.menu2 {width:130px;}
div.menu3 {width:180px;}
div.menu4 {width:200px;}
div.menu5 {width:200px;}
div.menu6 {width:110px;}

div#tab_body ul {
text-align:left;
line-height: 140%;
list-style-type:none;
text-decoration: none;
}

/* タブ開閉式メニューの設定 */

div#menu7,
div#menu8,
div#menu9,
div#menu10,
div#menu11,
div#menu12 {
width: auto;
padding-top: 2px;
margin: 0px;
font-size:11px;
font-weight: bold;
text-decoration: none;
text-align: center;
border-top: 1px solid #FFF;
border-left: 1px solid #EEE;
border-bottom: 1px solid #555;
border-right: 1px solid #666;
}

/* タブ開閉式メニューのリンク色設定 */

a.tab_title,
a:link.tab_title,
a:visited.tab_title {width: auto;font-size:11px;color:#000;font-weight: bold;}
a:hover.tab_title {color:#FFF;background-color: #B7DBFF;}

/* タブ開閉式メニュー内部のリンク色設定 */

div#tab_body a,
div#tab_body a:link,
div#tab_body a:visited {width: auto;font-size:11px;}
div#tab_body a:hover {font-size:11px;color:#FFF;background-color: #B7DBFF;}

/* メニュー部内部の表示設定 */

ul {
text-align: left;
font-size: 9pt;
margin: 0px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
list-style-type:none;
text-decoration: none;
}

/* 全体の大枠設定 */

div#container {
margin: 0px;
padding: 0px;
text-align: center;
width : 850px;
voice-family: ""}"";
voice-family:inherit;
width: 850px;
}

/* ヘッダー部分の設定 */

div#header {
text-align: left;
margin: 0px;
padding: 0px;
width : 850px;
voice-family: ""}"";
voice-family:inherit;
width: 850px;
background : url(http://blog8.fc2.com/b/breaktime/file/ind03blue_body_up.gif) no-repeat;
}

/* テーブルタグ使用時の基本設定 */

table,tr,td {padding: 0px;}
td {vertical-align: top;}

/* タイトルの文字サイズとリンク色の設定 */

div#title {
margin :0px;
padding :0px;
padding-top: 10px;
padding-bottom :5px;
}

h1 {
font-size: 16pt;
font-family:"Arial Black", "Impact", "MS Pゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
font-weight: bolder;
padding: 0px 0px 0px 10px;
}
h1 a,
h1 a:link,
h1 a:visited {color: #000;text-decoration: none;}
h1 a:hover {color: #FFF;text-decoration: none;}

/* サブタイトルの設定 */

h2.subtitle {
font-size: 10pt;
color: #FFF;
font-weight: normal;
padding: 0px;
padding-left: 10px;
}

/* カレンダー要素の設定 */

div#calendar {
text-align: center;
white-space: nowrap;
font-size: 12px;
line-height: 180%;
font-family:"Verdana","ヒラギノ角ゴ Pro W3","MS Pゴシック",Osaka;
color: #555;
font-weight:none;
padding: 8px 0px 0px;
background : url(http://blog8.fc2.com/b/breaktime/file/ind03blue_cal_bg.gif) no-repeat;
}

/* カレンダー日時部分のリンク色設定 */

span.cal_day a,
span.cal_day a:link,
span.cal_day a:visited {color: #2D5C83;font-weight:none;background-color: #B7DBFF;}
span.cal_day a:hover {color: #FFF;font-weight:none;background-color: #B7DBFF;}

span.cal_day {margin: 3px;}

/* カレンダー年数リンク色の設定 */

span.cal_y a,
span.cal_y a:link,
span.cal_y a:visited {color: #FFFFFF; font-weight:bolder;}
span.cal_y a:hover {color: #2D5C83; font-weight:bolder;}

/* サイドメニュー部分の設定 */

/* 左メニュー部分の設定 */

div#menu_left {
font-size: 9pt;
color: #555;
float : left;
overflow: hidden;
text-align : left;
margin: 0px;
padding: 0px;
width: 175px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/* 右メニュー部分の設定 */

div#menu_right {
font-size: 9pt;
color: #555;
float : right;
overflow: hidden;
text-align : left;
margin: 0px;
padding: 0px;
width: 175px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/* メニュー内部の基本設定 */

div#menu_left ul,
div#menu_right ul {
text-align: left;
font-size: 8pt;
line-height: 130%;
margin: 0px;
padding: 3px 5px;
list-style-type:none;
text-decoration: none;
background-color: #FFF;
}

/* ツリー化したサイドメニューの設定 */

ul.tree {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
font-size: 8pt;
margin: 0px;
padding: 0px 0px 0px 20px;
background-image: url(http://blog8.fc2.com/b/breaktime/file/ind03blue_sen01.gif);
background-repeat: no-repeat;
}

ul.tree li.end {background-image: url(http://blog8.fc2.com/b/breaktime/file/ind03blue_sen02.gif);}

/* メニューのタイトル部分設定 */

.sidetitle {
width: auto;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
font-size: 8pt;
color:#FFF;
font-weight: bold;
text-decoration: none;
text-align: left;
border-left: 5px solid #FFF;
border-bottom: 1px solid #FFF;
}

.sidetitle2 {
width: auto;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 0px;
margin-left: 0px;
font-size:8pt;
color:#000;
font-weight: bold;
text-decoration: none;
text-align: left;
border-top: 1px solid #000;
border-left: 5px solid #000;
border-bottom: 1px solid #000;
}

/* 左メニュー部分のリンク色設定 */

div#menu_left a,
div#menu_left a:link,
div#menu_left a:visited {color:#0076F0;}
div#menu_left a:hover {color:#FFA500;}

/* 右メニュー部分のリンク色設定 */

div#menu_right a,
div#menu_right a:link,
div#menu_right a:visited {color:#0076F0;}
div#menu_right a:hover {color:#FFA500;}

/* 記事表示部分の設定 */

div#wrapper {
text-align : left;
margin: 0px;
padding: 0px;
width : 850px;
voice-family: ""}"";
voice-family:inherit;
width: 850px;
}

/* 左メニューと記事表示カラムの設定 */

div#notindex {
float : left;
margin: 0px;
padding: 0px;
width : 670px;
voice-family: ""}"";
voice-family:inherit;
width: 670px;
background-color: #63B8FF;
}

/* 記事本体の設定 */

div#main {
float : right;
text-align : left;
text-decoration: none;
margin: 0px;
padding: 0px;
width : 490px;
}

/* 記事タイトルの設定 */

div#kiji_title {
font-size: 10pt;
margin: 0px;
padding: 0px;
padding-left: 5px;
padding-right: 0px;
border-left: 5px solid #000;
border-bottom: 1px solid #000;
background-color: #63B8FF;
}

/* 記事タイトルのリンク色設定 */

div#kiji_title a,
div#kiji_title a:link,
div#kiji_title a:visited {color: #2A5B8F;}
div#kiji_title a:hover {color: #FFF;background-color: #B7DBFF;}

/* 記事内容部分の全体設定 */

div.content {
line-height: 140%;
font-size: 10pt;
margin: 0px;
padding: 0px;
overflow: hidden;
width : 100%;
background-color: #F3F9FF;
}

/* 記事内容部分の設定 */

div#content_body {
font-size: 10pt;
margin: 5px 3px;
padding: 0px;
width : 100%;
}

/* 記事内容部分のリンク色設定 */

div#content_body a,
div#content_body a:link,
div#content_body a:visited {color: #529AE5;}
div#content_body a:hover {color: #FFF;background-color: #B7DBFF;}

/* 追記記事内容部分の設定 */

div.content_more {
font-size: 10pt;
margin: 5px 3px;
padding: 0px;
padding-bottom: 10px;
width :100%;
background-color: #F3F9FF;
}

div.content_body p,
div.content_more p {line-height: 140%;font-size: 10pt;margin: 0px;}

/* 記事返信コメントタイトルの設定 */

div#comtitle {line-height: 200%;font-size: 10pt;}

/* 日時表記関連の設定 */

.date {
text-align: right;
font-size: 10pt;
color: #555;
white-space: nowrap;
padding: 0px 5px;
width: 140px;
}

.date2 {
font-size : 10pt;
color: #000;
text-align: right;
line-height: 150%;
padding-top: 10px;
padding-right: 10px;
margin: 0px;
}

.date2 a,
.date2 a:link,
.date2 a:visited {color: #529AE5;}
.date2 a:hover {color: #FFF;background-color: #B7DBFF;}

span#sub {font-weight: bold;}

/* 記事タイトル部分のカテゴリーリンクの設定 */

.cate_sub {
font-size: 9pt;
text-align : right;
white-space: nowrap;
margin: 0px;
padding: 0px;
}

.cate_sub a,
.cate_sub a:link,
.cate_sub a:visited {color: #2A5B8F;}
.cate_sub a:hover {color: #FFF;background-color: #B7DBFF;}

/* 個別記事下部ナビゲーションの設定 */

.sub_link {
font-size: 9pt;
text-align : right;
margin: 0px;
padding: 0px;
padding-bottom: 5px;
width : 100%;
background-color: #F3F9FF;
}

/* 個別記事下部ナビゲーションのリンク色設定 */

.sub_link a,
.sub_link a:link,
.sub_link a:visited {color: #529AE5;}
.sub_link a:hover {color: #FFA500;}

/* コメント部分の設定 */

div#CommentView {
font-size : 10pt;
line-height: 140%;
margin: 0px;
padding: 5px;
width : 480px;
background-color: #FFF;
}

/* トラックバック表示部分の設定 */

div#TrackbackView {
font-size : 10pt;
line-height: 140%;
margin: 0px;
padding: 5px;
width : 480px;
background-color: #FFF;
}

div#tb-url {font-size : 10pt;margin: 5px 5px }

div#tb-title {
font-size : 10pt;
line-height: 150%;
border-bottom: 1px dashed #5BAAFD;
}

/* トラックバックURLの背景色設定 */

.marker {
margin-top: 3px;
margin-bottom: 3px;
background-color: #B7DBFF;
}

/* コメント及びトラックバック部分の設定 */

div#Com_View {border-bottom: 1px solid #5BAAFD;}

div#CommentView h4,
div#TrackbackView h4 {font-size : 0.9em;border-bottom: 1px dashed #5BAAFD;}

div#CommentView .content,
div#TrackbackView .content {font-size : 0.75em;padding: 3px;}

div#CommentView p.sub-com,
div#TrackbackView p.com-sub {text-align: right;font-size: 8pt;}

/* コメント投稿及び編集フォームの設定 */

div#CommentPost {font-size: 10pt;padding: 5px;}

div#CommentEdit {
font-size : 9pt;
margin: 0px;
padding: 3px 5px;
width : 100%;
}

div#com_form,
div#com_form2 {
font-size : 10pt;
padding: 0px;
width : 100%;
background-color: #DFEFFF;
}

INPUT, TEXTAREA {font-size:9pt;color:#000;background-color: #F9FF;border: 1px #5BAAFD solid;}

.comtxt,
.compos,
.comcheck {font-size : 10pt;padding: 0px;}

.combt {font-size : 9pt;}

.mainCommentBody {
padding: 0px 0px 0px 20px;
font-size: 10px;
line-height: 130%;
}

/* 個別記事移動用ナビゲーションの設定 */

table#pre_next {
margin: 0px;
padding: 5px 3px;
width : 100%;
}

table#pre_next a,
table#pre_next a:link,
table#pre_next a:visited {
font-size: 9pt;
color: #529AE5;
font-weight: bold;
text-decoration: none;}

table#pre_next a:hover {
font-size: 9pt;
color: #FFA500;
background-color: #FFF;
text-decoration: underline;}

td.pre {text-align:left;padding-left:3px;}
td.next {text-align:right;padding-right:3px;}

/* ページ全般ナビゲーションの設定 */

div.navi {
clear: both;
font-size : 10pt;
text-align: center;
width : 850px;
padding: 5px 0px;
margin: 0px;
background-color: #529AE5;
}

/* ページ全般ナビゲーションのリンク色設定 */

div.navi a,
div.navi a:link,
div.navi a:visited {color: #333;font-weight: bold;}
div.navi a:hover {color: #FFA500;}

/* フッター部分の設定 */

div#footer {
clear: both;
font-size: 10pt;
color:#000;
line-height: 120%;
text-align: center;
padding-bottom: 10px;
width: 850px;
background : url(http://blog8.fc2.com/b/breaktime/file/ind03blue_body_down.gif) no-repeat center bottom;
}

/* フッター部分のリンク色設定 */

div#footer a,
div#footer a:link,
div#footer a:visited {color: #333;font-weight: bold;}
div#footer a:hover {color: #FFA500;}


/* プロフィール画像の配置設定 */
.admin_img {
padding-top: 3px;
padding-bottom: 3px;
text-align:center;
}

/* プロフィール名の配置設定 */

.admin_name {
text-align:center;
font-size:10px;
font-weight: bold;
}
.center_posi {text-align:center;}


/* リンク集及びカテゴリー表示部のワンポイント設定 */

span.link_point {
font-size: 6pt;
color: #FFA500;
line-height: 200%;
}

/* 記事内で使用するタグの基本設定 */

blockquote {border:1px solid #529AE5;padding:5px;background-color:#FFF;margin-right:7px;}

以上がスタイルシートです。
管理画面で入れ替えて使用してください。


それと表のタグを拝見しましたが、●がセンターに来ない原因が分かりました。

<th>のタグにalign="center"が無いとセンターにはなりません。
それと<font>タグにはalignは使えませんので削除します。

<TABLE border="0" width="473" height="422" cellpadding="5">
<TBODY>
<TR>
<TH height="323" bgcolor="#87cefa" width="473">
<TABLE border="1" width="473">
<TBODY>
<TR>
<TH colspan="3" bgcolor="#ffccff" height="28" align="center"><< ● >></TH>
</TR>
<TR>
<TH colspan="3" bgcolor="#ffffff" height="60" align="center">●</TH>
</TR>
<TR>
<TH rowspan="5" height="150" width="150" align="center">●
<FONT size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
<TH bgcolor="#e6e6fa" width="100" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
<TH width="218" bgcolor="#ffffff" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
</TR>
<TR>
<TH bgcolor="#e6e6fa" width="100" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
<TH width="218" bgcolor="#ffffff" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
</TR>
<TR>
<TH bgcolor="#e6e6fa" width="100" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
<TH width="218" bgcolor="#ffffff" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></TH>
</TR>
<TR>
<Th bgcolor="#e6e6fa" width="100" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></Th>
<Th width="218" bgcolor="#ffffff" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">●</FONT></Th>
</TR>
<TR>
<Th colspan="2" height="10" bgcolor="#e6e6fa" align="center"><FONT color="#000000" size="1" face="HG丸ゴシックM-PRO">>>●<<</FONT></Th>
</TR>
<TR>
<Th colspan="3" bgcolor="#ffffff" height="60" align="center">●</Th>
</TR>
</TBODY>
</TABLE>
</TH>
</TR>
</TBODY>
</TABLE>

以上が手直しをした表のタグです。
2005/08/29(月) 02:03:54 [URL] 有希之武さん [編集]
「今、一生懸命作業しています!」
ブーさんありがとうございます!
回答はまだ早いかなあと思いながら、ひょっとしたらという思いもありここにきました。 あるといいなあと心の中で期待しつつ・・・・。
そしたら ずらあああっとhtmlの文書が見えて。ま、まさか。ひょ、ひょっとしてって感じでした!心を落ち着けて確認してみるとブーさんからの回答がありましたぁ!!
感激しました!! 座っている椅子から飛び上がる気持ちでした!
さっそく文章をじっくりと最後まで読ませていただき、さっそくコピーさせてもらって貼り付けさせてもらいました。保存してブログの確認をしてみると・・・来ました来ました!ちゃあんと表がおさまった状態で自分のイメージしていた通りのものが目の前に!!感激感激です。
ほんとありがとうございます!

表の中のデータは下書きの状態で保存してありましてただ今修正しているところです。修正は自分にとっていつもならめげるくらいの量なんですが、ブーさんのおかげでブログの完成形のイメージが出来ているので全く苦にならず、むしろこれを修正すればあの完成形になるんだなあとわくわくしながら作業を行っています!

一昨日突然やってきた自分の細かい質問に対して確認の作業、修正の作業で膨大な時間を費やしていただいた事に対してすみませんという気持ちと感謝の気持ちで一杯です。
その日の内に(時間を見たら深夜でした。申し訳ないです。そして本当にありがとうございます。)そして初心者の私でも十分に分かりやすく説明をしてくれまして本当にありがとうございます。

またこれから質問をしたい時に少しでも負担が少なくなるようにと思い
昨日CSSのマスターブックというものを本屋に行って買ってきました。「CSSとは」から始まる初心者向けの本です。基本的なことだけは勉強しようと思っています。
それでもまたあのテンプレートでさらにカスタマイズしたくなって、どうしても分からない事が出てきた時にはまた教えてください。

感謝の気持ちで一杯で長長と書いてしまってすみません。
けど本当に自分の理想のテンプレートでこれからブログを作っていけると思うと嬉しくてしかたがありません!ありがとうございます!!
2005/08/29(月) 08:24:47 [URL] しいちきんさん [編集]
「完成おめでとう」
出来上がったようで良かったです。(^ー^)
編集の方はそれほど時間はかかりませんでしたのでご安心を。

まぁ~人に教える事が趣味みたいな性格なので気にしないで、
分からない事がありましたらいつでもご相談下さい。(^0^)V

ちなみに私は自分の作ったテンプレートを色々と改造して使って頂くと
それだけで顔がほころびます(笑)
2005/08/30(火) 01:06:02 [URL] 有希之武さん [編集]
Comment form.

  管理者にだけ表示を許可する 
  注意 名前、タイトル、本文を入力する事で投稿可能になります。

Trackbacks.

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。