◆ 若干廃墟 ◆

新管理画面へのリンク修正

2008–02–17 （Sun） 12:44

「【ブログ】新管理画面統合のお知らせ」に伴いまして、当方で配布中の全てのブログデザイン（テンプレート）のHTMLを修正いたしました。

修正箇所はブログデザイン右上にある * admin * の、管理画面へのログインリンク部分です。
この記事を投稿した時間以降にダウンロードされたものにおいては、全て新管理画面へのリンクに修正済みです。

対応以前のデザインをお使いの方で、「新管理画面へのリンクに修正」したい方は

 <!--▼headerにはタイトルとサイトの説明、Admin・All archivesへのリンクが書かれています▼-->
<div id="header"><!-- header -->

↑上記のように書かれたヘッダー部分以下の、赤文字部分を青文字のように書き換えてください。

※ 修正前 ※

<!--▼Admin・All archivesへのリンク▼-->
<p class="admin_1">&#10045;<a href="<%url>?all" _fcksavedurl=""<%url>?all"" _fcksavedurl=""<%url>?all"" _fcksavedurl=""<%url>?all"" _fcksavedurl=""<%url>?all"" target="_self" title="全記事リストページへ移動">&nbsp;All&nbsp;archives&nbsp;</a>&#10045;<a href="<%url>?admin" target="_self" title="管理者ページへ移動">&nbsp;Admin&nbsp;</a>&#10045;</p>

※ 修正後 ※

<!--▼Admin・All archivesへのリンク▼-->
<p class="admin_1">&#10045;<a href="<%url>?all" _fcksavedurl=""<%url>?all"" _fcksavedurl=""<%url>?all"" target="_self" title="全記事リストページへ移動">&nbsp;All&nbsp;archives&nbsp;</a>&#10045;<a href="<%server_url>control.php" target="_self" title="管理者ページへ移動">&nbsp;Admin&nbsp;</a>&#10045;</p>

テーマ→FC2ブログテンプレート / ジャンル→ブログ

Blog Battler 専用ページの設置

2007–01–05 （Fri） 21:48

私の日記（…と言いつつ、たまにしか更新しないブログ） HAKOIRI-SAKURAnbou の方に Blog Battler という、ブログパーツを設置しました。
ブログバトラーの開発日記ブログは、こちら。（どうやら、不具合報告などのお知らせも兼ねているようです）

トップページにそのままドーンと置くのも何なので、別ページにリンクする形で置いてみました。

他の方の設置画面を見習いつつ、HTMLとCSSファイルをそれぞれ作っています。
追記以下の説明を参考にしながら各ファイルを書き換えた後、御自分のブログにアップロードしてください。

＜注意＞追記以下の解説は、FC2ブログユーザーに対応した方法です。

他のブログサービスなどで、目的の結果が得られるかどうかは不明です。（画像ファイルの外部呼出しは禁止されているため。）他のブログサービスをご利用の方は、「テキストエディタの保存文字コード」「画像ファイル」などを、御自分のブログサービスに対応したものに置き換えて、作成してください。

他のブログサービスをお使いの方は特に、次の点に注意していただく必要が有ります。
「HTMLファイル」「CSSファイル」の各冒頭部分で指定してある文字コード「EUC-JP」は、FC2ブログサービスに対応したコードです。現在お使いのブログサービスで対応している文字コード（例：Shift-JISなど）を調べ、必ずそちらに書き換えるようにしてください。

追記 – open

作業の手順：

windows系ならTeraPadまたはサクラエディタ、Mac系の方ならmiなどの、EUC-JP形式に対応できるテキストエディタを起動します。（FC2ブログをご利用の方は、「データのバックアップ」の画面下から各エディタのダウンロードができます。）
HTMLファイル、CSSファイル共に枠内をコピペでOK。EUC対応テキストエディタで編集し、保存します。
ファイルの末尾にある拡張子.txt を.htmlに、または.cssに、それぞれ書き換えてください。
自分のブログ（管理者ページ）のアップロード画面から、各ファイルをアップします。（CSSをデフォルト設定のまま使用する場合、CSSファイルのアップロードは不要です。）
アップロードしたファイルのうち、HTMLファイルの「表示」という文字リンクをクリックし、きちんと表示されていればOKです。
ご自分がリンクさせたい任意の場所に、自ブログにアップしたHTMLファイルのフルパスを記述して、<a href="HTMLファイルのフルパス" target="_blank">Blog Battler</a>などとなるよう、リンクを貼ります。

＜留意点-１＞
私の思い違いかもしれませんが、普通のテキストエディタ（メモ帳など）で編集したファイルをそのままアップしたら、HTML中の「ブログタイトル」や「紹介文」「項目名」「Blog Battler 下の文」などの、日本語の部分が文字化けしたように思う（英字部分は文字化けしなかった）ので、一応EUC形式に対応したエディタで編集→アップロードという手順を取りました。

＜留意点-２＞
EUC形式対応のテキストエディタは、あらかじめ「表示」の「オプション」などで、「保存文字コード」の種類を「EUC」に設定しておいてください。

HTMLファイル：
ピンク・グリーン・ブルーの部分は、それぞれ御自分の情報に書き換えてください。Blog Battler のスクリプト直下の文も、適宜御自分のお好みのものに書き換えてください。

CSSファイルを御自分独自のものに変更する場合、オレンジの部分を自分でアップロードしたCSSファイルのフルパスに変更してください。

<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<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 http-equiv="MSSmartTagsPreventParsing" content="true" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="author" content="自分の名前" />
<meta name="description" content="自分のブログの紹介文" />
<title>ブログタイトル</title>
<link rel="stylesheet" type="text/css" href="http://blog27.fc2.com/h/hakoirisakura/file/wired_battler.css" media="screen,tv" title="デフォルト" />
<link rel="alternate" type="application/rss+xml" href="自分のブログアドレス?xml" title="RSS" />
<link rel="top" href="自分のブログアドレス" title="トップ" />
</head>
<body>
<div id="wrapper"><!--wrapper-->
<div id="header"><!--header-->
<h1 class="site-tittle"><a href="自分のブログアドレス" accesskey="0" title="自分のブログタイトル">ブログタイトル</a></h1>
<p class="site_info">自分のブログの紹介文</p>
</div><!--/header-->
<div id="master-column" class="column"><!--master-column-->
<div class="section3">
<h2 class="plugin_area">項目などの文</h2>
<div class="entry-body2">
～ここに、登録サイトから入手した自分のスクリプトタグを貼り付ける～
<br /><br />コメントなどございましたら、<a href="自分のブログ内の関連記事などのアドレス">関連記事のタイトル</a>&nbsp;という記事のコメント欄までどうぞ。
</div>
</div>
</div><!--/master-column-->
<div id="footer"><!--footer-->
<div id="ads">copyright&nbsp;&copy;&nbsp;2007&nbsp;自分のブログ名&nbsp;all&nbsp;rights&nbsp;reserved.<br />Powered&nbsp;By&nbsp;<a href="http://blog.fc2.com/" target="_blank">FC2 blog</a>&nbsp;/&nbsp;Template design&nbsp;by&nbsp;<a href="http://emeraldmountain.blog11.fc2.com/" target="_blank">◆&nbsp;若干廃墟&nbsp;◆</a>
</div>
</div><!--/footer-->
<!--/wrapper-->
</div>
</body>
</html>

＜留意点-３＞
できれば、テンプレートの著作権表示と、Powered by FC2 の部分は削除しないでください。CSSをいじって、画像から何から全て作り変えてしまった場合は、その限りではありません。（ただし、このBlog Battler 設置場所のデザインに限ります。）

CSSファイル：
オレンジ色の部分は、御自分で好みの画像に入れ替えてください。（もちろん、そのままでもOKです。）
01月06日追記→body背景画像を、ファイルサイズ小さめの物に変更しました。（表示の軽量化）

@charset "EUC-JP";

/* 全体的な設定--------------------------------------------- */
* { margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal; }

html { scrollbar-track-color: #222;
       scrollbar-face-color: #000;
       scrollbar-arrow-color: #4242ff;
       scrollbar-3dlight-color: #333;
       scrollbar-darkshadow-color: #444;
       scrollbar-highlight-color: #777;
       scrollbar-shadow-color: #555; }

body { color: #fff;
       background-color: #000;
       background-image: url("http://blog11.fc2.com/e/emeraldmountain/file/kalos_1_12_700_cm.jpg");
       background-repeat: no-repeat;
       background-position: top center;
       background-attachment: fixed;
       line-height: 150%;
       font-size: 12px;
       text-align: center;
       font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; }

html>body { font-size: 12px; }

textarea { width: 90%; }

/* リンクの設定
------------------------------------------------------------ */
a { text-decoration: none;
    color: #9191ff; }

a:hover { color: #4242ff;
          background-color: #222; }

a img { border-style: none;
        border-width: 0px;
        text-decoration: none; }

/*--- 見出しの設定 ---*/
h2, h3 { color: #fff; }

h4, h5, h6 { font-size: 12px; }

/* レイアウトの設定
------------------------------------------------------------ */
div#wrapper { width: 541px;
              margin-left: auto;
              margin-right: auto;
              text-align: left; }

div#header { width: 541px;
             height: 100px;
             margin: 0px;
             padding: 0px;
             background-color: transparent;
             text-align: left; }

div.column { margin: 0px; }

/* master-column
-------------------------------------------------------------*/
div#master-column { margin: 0 auto;
                  text-align: center;
                  padding: 0px;
                  width : 541px; }

html>body div#master-column { width: 541px; }

/* footerの設定
------------------------------------------------------------ */
div#footer { clear: both;
             text-align: center;
             margin-bottom: 0px;
             padding-top: 6px;
             width: 541px;
             height: 60px;
             background-color: transparent; }

/* header
------------------------------------------------------------ */
div#header h1 a { text-decoration: none;
                  color: #fff;
                  font-size: 20px;
                  font-weight: bold; }

div#header h1 a:hover { text-decoration: none;
                        color: #7171ff;
                        background-color: #333; }

html>body div#header h1 a { font-size : 20px;}


.site-tittle { margin : 0px;
               padding-top: 20px;
               text-align : left; }


.site_info { margin: 0px;
             padding-top: 15px;
             text-align: left;
             font-size: 12px;
             font-weight: normal;
             color: #fff;
             line-height: 150%; }

html>body .site_info { font-size : 12px;
                       line-height: 150%; }


/* master-column
------------------------------------------------------------ */
/*--- 項目名＋コンテンツ全体のサイズ ---*/
div.section3 { width: 541px;
               margin: 0px auto; }

/*--- 項目名の設定 ---*/
div#master-column h2.plugin_area {
 width: 541px;
 height: 38px;
 margin-bottom: 10px;
 padding-top: 11px;
 background : url("http://blog11.fc2.com/e/emeraldmountain/file/dot541x38p-2f.gif") top left no-repeat;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 color: #fff; }

html>body div#master-column h2.plugin_area { font-size: 14px; }    

/*--- コンテンツの設定 ---*/
div.entry-body2 { margin: 0px auto;
                  text-align: center;
                  padding: 10px 25px 10px;
                  line-height: 150%; }

html>body div.entry-body2 { line-height: 150%; }


/* footer内の設定
------------------------------------------------------------*/
div#ads { margin-top: 5px;
          padding: 0px;
          font-size: 10px;
          line-height: 150%;
          color: #eee; }

div#ads a { margin-top: 5px;
            padding: 0px;
            font-size: 10px;
            color: #eee; }

div#ads a:hover{ color: #5252ff;
                 background-color: #222; }

Another HTML-Lint （リンク先の修正）

2006–12–22 （Fri） 00:27

ID名：emeraldmountainで配布中の共有テンプレートの全てについて、本日の新規ダウンロード分より Another HTML-lint（ゲートウェイ）へのリンク先をhtmllint.itc.～で始まるものに修正しました。

なお、テキストリンクの位置はプラグイン無効時のプロフィール下となっております。不要な方は、追記以下を参考にして「HTMLの編集」で削除してください。

追記 – open

プラグイン無効時のプロフィール中のここ↓を削除

<!--▼プロフィール部分ここからはじまり▼-->
<div class="section2">
<h2 class="appendix">Author</h2>
～略～
<ul>
～略～
<li class="another html-lint"><a href="http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html" title="Another HTML-lint ゲートウェイ">Another HTML-lint</a></li>
</ul>
</div>
<!--▲プロフィール部分ここまで▲-->

<!--/not_plugin-->
<!--▲プラグイン無効時のアーカイブ・プロフィール表示ここまで▲-->

Another HTML-lint 簡易ゲートウェイ

2006–12–13 （Wed） 03:00

そういえば、ブログデザインのカスタマイズを始めた頃から、ちょくちょくお邪魔しているのがこちら。↓
HTMLの文法やら、タグの閉じミスが無いかどうかを調べに、時々利用させていただいています。

Another HTML-lint（簡易ゲートウェイ）
Another HTML-lint（ゲートウェイ）
Another HTML-lint（プライマリサイト）

実は、うちで作っている共有テンプレには全て、簡易ゲートウェイへのリンクが貼って有ります（プロフィールの下）。…でも、プラグインオフ（無効）にしないとブログ上には表示されないので、気付いている人はあまりいないかもしれませんね。

こちらでチェックすると「FC2の独自変数」などは減点要因になったりもしますが、その点を除けば…おおむね、HTMLの文法間違いに対しての「適切なチェック」＋「わかりやすい解説ページ」が用意されています。

12月19日追記：リンクの訂正

以前リンクしていた、http://openlab ～から始まる方のゲートウェイサービスは『一部環境でうまく動作しない』といの情報をいただきましたので、共有テンプレートに張られていた物も含めて、本日以降全てのリンクを書き換える予定にしています。

『以前のテンプレート、または、以前のこの記事に貼られたリンクからゲートウェイサービスに行ったけれども、うまく動作しなかった。』という方は、現在この記事中(上記のもの）に張られている「簡易ゲートウェイ」「ゲートウェイ」への各リンクからお越しください。

Zさん、ありがとうございます

追記 – open

全記事リスト表示ページを作る

2006–12–13 （Wed） 00:04

FC2::Developer'sBlog さんのちょっとテストという記事に、基本のソースがあります。

そちら＋テンプレート機能一覧（テンプレート中で使える変数一覧）を参考にしながら改造（欲しい表示項目を足したり引いたり…）しつつ、自分のテンプレートデザインに合わせたクラス名を適用させることで、自ブログと外観が統一された「全記事リスト一覧ページ」を作ることができます。

元のソースで設定されていたスタイルを取っ払って、クラス名だけの設定にしてみたのが↓こちら。（12月27日記事のHTML表記を訂正）
contentは記事ごとのくくり、dateは記事のヘッダー部分、content_bodyは記事の文章部分…などと同じクラス名に適宜変更します。こちらのHTMLを、自分の好きな場所（記事と同じカラム内の方が見やすい）に配置すればOK。

<!--titlelist_area-->
<div class="content">
<h3 class="date">All Archives</h3>
<!--titlelist-->
<div class="content_body">
<a href="<%titlelist_url>" target="_blank"><%titlelist_year>/<%titlelist_month>/<%titlelist_day> <%titlelist_title></a> | <a href="<%titlelist_category_url>"><%titlelist_category></a><br>
　　∟<%titlelist_body>...</div>
<!--/titlelist-->
</div>
<!--/titlelist_area-->

「全記事リスト一覧ページ」へは、共有プラグインの「全記事（数）表示」などを利用して移動してください。（現在配布中の当方デザインテンプレには、全記事リストページへの文字リンクを記載済み）

追記以下には、共有テンプレートとして配布中の当方デザインの物への個別対応HTMLを記載しました。
御手持ちのテンプレが全記事リスト表示に対応していないバージョンの場合、説明文を参考にしながら、該当箇所に追加（枠内をまるっとコピペでOK）してください。
既に有る設定（クラス名）を適用するだけの変更なので、スタイルシートの変更は無しです。

なお、クラス名等は個々のデザインに合わせてあり、それ以外のテンプレートでは使用できませんので、ご注意ください。

追記 – open

HTML追加箇所：記事と同じカラム内（一番広い部分）の記事下あたりに配置します。（推奨）
リスト一覧ページに飛んだ時以外は表に表示されないので、基本的にどこに配置しても大丈夫だと思います。

<!--▲トラックバック部分ここまで▲-->
～～～このあたりに追加～～～
<!--▼前・次ページ移動ナビ▼-->

追加するHTML一覧：

[ eme_fireplace_3b ]
[ eme_orchid_3b ]
[ eme_milky-way ]
[ eme_race_2col_bw ]
[ eme_race_2col_bw-r ]
[ eme_race_2col_wb-r ]共通：

<!--▼全記事表示ページここからはじまり▼-->
<!--titlelist_area-->
<div class="section3">
<h2 class="plugin_area">All Archives</h2>
<!--titlelist-->
<div class="entry-body2">
<ul>
<li><a href="<%titlelist_url>" target="_blank"><%titlelist_title> （<%titlelist_year>年<%titlelist_month>月<%titlelist_day>日）</a> / <a href="<%titlelist_category_url>"><%titlelist_category></a><br />&nbsp;&nbsp;&#8658;&nbsp;<%titlelist_body>…</li>
</div>
<!--/titlelist-->
</div>
<!--/titlelist_area-->
<!--▲全記事表示ページここまで▲-->

[ eme_lace-up_2w ]
[ eme_lace-up_2b ] 共通：

<!--▼全記事表示ページここからはじまり▼-->
<!--titlelist_area-->
<div class="section3">
<div class="jig-bottom">
<h2 class="plugin_area">All Archives</h2>
<!--titlelist-->
<div class="entry-body2">
<ul>
<li><a href="<%titlelist_url>" target="_blank"><%titlelist_title> （<%titlelist_year>年<%titlelist_month>月<%titlelist_day>日）</a> / <a href="<%titlelist_category_url>"><%titlelist_category></a><br />&nbsp;&nbsp;&#8658;&nbsp;<%titlelist_body>…</li>
</div>
<!--/titlelist-->
</div>
</div>
<!--/titlelist_area-->
<!--▲全記事表示ページここまで▲-->

[ eme_3col_mint ] のみ：

<!--▼全記事表示ページここからはじまり▼-->
<!--titlelist_area-->
<div class="section">
<h2 class="plugin_area">All Archives</h2>
<!--titlelist-->
<div class="plugin_content2">
<ul>
<li><a href="<%titlelist_url>" target="_blank"><%titlelist_title> （<%titlelist_year>年<%titlelist_month>月<%titlelist_day>日）</a> / <a href="<%titlelist_category_url>"><%titlelist_category></a><br />&nbsp;&nbsp;&#8658;&nbsp;<%titlelist_body>…</li>
</div>
<!--/titlelist-->
</div>
<!--/titlelist_area-->
<!--▲全記事表示ページここまで▲-->

段落番号の設定を追加

2006–12–12 （Tue） 07:38

当方で現在配布中の全ての共有テンプレートに「本文中の段落番号の設定」で、余白などのデザイン上の設定を追加しました。
HTMLで書くと、これ↓。箇条書きとか条文とか、そういった感じのリストをつくる時のものです。

<ol>
    <li>～</li>
</ol>

実際に適用すると、こんな感じです。

実際に適用すると、こんな感じです。

実際に適用すると、こんな感じです。

本日の新規ダウンロード分から、こちらの設定が適用されたデザインになってます。ゴチャゴチャ「自分で書き換えるのが面倒」な方は、新しくダウンロードしたものをお使いください。

既にテンプレートをあれこれカスタマイズ済みで「設定だけ追加したい」方は、追記以下に記載していますので、そちらを参考にしながら該当部分を書き加えてください。

追記 – open

スタイルシートに追加：１（枠内を丸ごとコピペで追加。場所は、リストマーク設定の近くを推奨。）
青の値（色記号）は、各デザインのbodyに設定してあるフォント色と同じになるよう変更してください。

/*--- 本文中の段落番号の設定 ---*/

.entry-body ol { margin: 0px;
                 padding-left: 25px; }

.entry-body ol li { margin: 0px;
                    padding: 0px;
                    font-size : 12px; 
                    line-height: 150%;
                    color: #505050; }

スタイルシートに追加：２（元からあるものに一部追加。）
青の値（色記号）は、各デザインのbodyに設定してあるフォント色と同じになるよう変更してください。

/*--- 本文中のリストマークの設定 ---*/

.entry-body ul li { ～略～（元のものと同じ）
                    color: #505050; }

うっかり、と言うか…何と言うか………。
つい最近まで、設定漏れしていた事に気付いていませんでした。
本文中に使うリストマークの設定はしっかり作っていたくせに…なんですよ。
ははははは。いや、すいません。

笑ってる場合じゃないんで、突貫工事でズドドドドっと片付けてみましたが、まだ何か設定漏れしてるんじゃないか…と、点検中です。
うちの共有テンプレートをお使いいただいている方で、「ん？」と思うことがあったら、該当のテンプレート仕様の説明記事のコメント欄に書いてください。
ペコリ(o_ _)ｏ))

ははは………。我ながら、うっかりにも程がある。
いや～…(;´Д`A ```

全記事リストに対応

2006–12–10 （Sun） 21:30

当方で現在配布中の、全ての共有テンプレートを「全記事リスト表示」に対応させました。
新規ダウンロード分から、この対応デザインになっています。

これによって、共有プラグイン「全記事（数）表示」や、テンプレート右上の「 All archives 」の文字リンクから飛んだ時の「全ての記事リストの表示」を、ブログのデザインと同じ状態で閲覧できます。
で、ものはついでと言いますか…なんつーか、どうせなら…ってんで。当初登録したままだった初期のテンプレートデザインも、チョコチョコ手直ししてみました。

13日追記：
「全記事リスト表示ページ」に未対応（昔のデザイン）の当方共有テンプレをお使いの方で、この表示を導入したい方向けに、全記事リスト表示ページを作るという関連記事内に追加のHTML部分を記載しています。そちらもご参考にどうぞ。

[ eme_fireplace_3b ] と [ eme_orchid_3b ] の修正

2006–12–07 （Thu） 17:22

2日（16時22分）記載：
[ eme_fireplace_3b ] と [ eme_orchid_3b ] については、追記部分を折りたたみ開閉式に変更してみました。
こっそり…(〃゜д゜;A…でもないか。ここに書いちゃったし…

この変更をする時、勢い余って余分な</div>をくっつけてしまったバージョンが少数出回っています。（新規ダウンロード分については、修正済みです。）

固定リンク画面（記事タイトルをクリックで移動）に移った時に表示が乱れるなら、現在のテンプレートを再度ダウンロードしていただくか、以下を参照して余分な</div>を削除してください。
いや…このバージョンをダウンロードしちゃった方…本当にすいません…(;゜(エ)゜)

ここの</div>を削除：

<!--/more-->
</div>
<!--/permanent_area--><!--▲固定リンク画面ここまで-->

追記 – open

[ eme_fireplace_3b ] と [ eme_orchid_3b ] の共有登録

2006–11–28 （Tue） 13:21

どうも、お久でございます。

26日記載：

8作目の [ eme_fireplace_3b ] を共有テンプレートに登録申請しました。よっぽどの不備がない限りは、近日中に承認されると思います。（4～5日くらいかかるのかな？）

「登録申請した後で、チョコチョコ手直し⇒上書き登録」という事態を避けるべく、じっくりデザインしたつもりが、土壇場で2回も上書き登録するはめになってみたり………∑(;￣□￣Ａはぁぁぁぁあ～～～！！。挙動不審と思われたらどうしよう…って感じですが。でももう、今回これ以上の手直しは必要ないから、とりあえず静観の構え。

追記 – open

[ eme_orchid_3b ] の仕様

2006–11–27 （Mon） 17:15

[ eme_orchid_3b ]

ブラウザの幅に合わせて伸縮する、3カラムデザイン。
中央: 記事本文幅 ⇒ 可変
左右: メニュー幅 ⇒ 180 px 。

プラグイン ON・OFF 両対応。

追記部分は、折りたたみ開閉式。

記事投稿時の「ジャンル」「スレッドテーマ」表示機能あり。

追記 – open

初期設定の背景画像は、闇夜に咲き誇る蘭花（若干、魔法陣風味）のような色彩の jpg 画像を使用。ファイルサイズは34kb 程度。このデザインのみ、色違いの背景画像も用意しました。

初期設定の画像では派手過ぎる…と思う方は、bodyの背景画像の末尾をkalos_1_12_810_cm.jpgに書き換えてください。モノクロの画像に変更できます。（色違い見本→）

記事本文やメニュー部分に画像を多く使う（ブログペット含む）方の場合、『本文の画像は、なるべく追記以下に隠してしまう』 …か、もしくは『背景画像を非表示にする』…などして、閲覧者のパソコンへの負担を軽くするよう、留意してください。

基本的な全体の背景色は黒、記事・アーカイブ等の背景色設定は透明です。
背景画像などが設定されている場合、その画像の色が見えています。

両サイドのメニュー（ slave-column1・2 ）部分は、くくり（ wrapper ）の中にそれぞれ絶対配置してあります。

記事（ master-column ）部分がサイドのメニュー（ slave-column1・2 ）部分よりも短くなると、フッターのあたりの表示が乱れますので、必ず記事部分の方が長くなるよう、記事表示数などを調整してください。

プラグイン無効時の「アーカイブ」「リンク集」等各項目のタイトル、カレンダーの曜日は英語表記で、中央配置です。

IEのみ、スクロールバーに配色を設定しています。

プラグイン有効時の記事・アーカイブ等のうち、プラグイン１と２はそれぞれslave-column1とslave-column2 に、プラグイン３はmaster-column下に配置しています。（プラグイン３は、トップページだけに表示されます。）

プラグイン３を一番下に置いたまま、入力画面の大きいメールフォームとして使ったり、一番上に配置してフリーエリアにお知らせ事項を書いたり…と、色々活用してください。

| HOME | 次へ »

translate this blog into

カレンダー

06 | 2008/07 | 08
日	月	火	水	木	金	土
-	-	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	31	-	-

最近のトラックバック

カウンター

総閲覧数：

プロフィール

「 emeraldmountain 」だったり、「wired（わや）」だったり…

Author:「 emeraldmountain 」だったり、「wired（わや）」だったり…
こちらは私の2ndブログです。
日記的1stブログはこちら。↓
HAKOIRI-SAKURAnbou
ブログバトラーはここにいる！（管理人：三毛猫さん） ↑ ブログバトラー設置サイトのリンク集

◆ 若干廃墟 ◆

スポンサーサイト

新管理画面へのリンク修正

Blog Battler 専用ページの設置

Another HTML-Lint （リンク先の修正）

Another HTML-lint 簡易ゲートウェイ

全記事リスト表示ページを作る

段落番号の設定を追加

全記事リストに対応

[ eme_fireplace_3b ] と [ eme_orchid_3b ] の修正

[ eme_fireplace_3b ] と [ eme_orchid_3b ] の共有登録

[ eme_orchid_3b ] の仕様

translate this blog into

カレンダー

最近の記事

最近のコメント

最近のトラックバック

カウンター

プロフィール

ブログ内検索

カテゴリー

全記事（数）表示

Llnks

RSSフィード

Powered By FC2