Glim.

突拍子もないテンプレートを思いついて、他に無いなら登録と言う気持ちが制作を始めたきっかけですし、それに対してのコメントも嬉しいのですが、やはり一番見て欲しいのは、ブログ記事であり、あちらにコメントを頂いてもいつもの台詞のみですから。
やはり使ってくれる方の生の声を聞きたいと言う部分が大きく、サービス業的なイメージが拭えない今の共有登録には、興味が薄れたと言うのが本音ですね。
それに以前と比べ、登録ユーザーも増え、膨大になりすぎたテンプレートの中から選ぶ方々にとっても確かに選択肢は増えますが、選ぶ作業だけでも大変でしょうし、何か共有テンプレートが制作者の意図とは別の方向に向いている様に感じてます。
テンプレート紹介ブログを作られている方には申し訳ないですが、登録する事で登録者の義務の様な事を言われる事への反感も有り、敢えて登録する必要性に疑問も出てきていますので、ログの整理を兼ね、広げすぎた路線を修正したいと思います。
まぁ〜自分はイラスト描きですので、そちらの路線で、作品作りをしていこうかと思ってます。
勿論、今までのようにテンプレート制作も有ると思いますが、その時は記事としてファイルのアップが基本姿勢と考えてます。
とは言え、あまり必要とされてませんが（笑）

最近のFC2の新たなサービスなども含め、新しいブログの使用法なども考えてますが、テンプレートへの実装と言うより、カスタマイズ記事として誰でもが、使えるようなアイディア紹介みたいなものが良いのかな？とも思ってます。

実は今、ブックマークサービスをリンク集に使用して、本来のリンク集を｢お勧め記事｣の様な使い方も良いかなとか、他にもプラグインを使ったリンク集とか（カテゴリー分けやツリー化、開閉スクリプトもプラグイン化した方が、使いやすいのではと。）
まだまだ増えそうなFC2のサービスをどのような形で、ブログで使えるのかと考えるのも面白そうですから、無理にテンプレートへ実装する形より、その方が作業時間や一つの事にかかりっきりになるよりは良いのかなとも。
まぁ〜その辺は追々考えていくとして。

こういった事も含め、今までの様なユーザー本意のFC2と言うのも良いのですが、FC2ブログの方向性という部分も見せて欲しいなぁ〜とお願いしたい。（ユーザー本意と書いたがユーザー任せと言えなくもない）
ユーザーが使いやすいサービスを考えてくれている事も最近の動きを見れば分かりますが、FC2の目玉である共有テンプレートのあり方と言うのも考えて行くべきでしょう。

こう言った事を含めて考えると、｢共有登録｣にどんな意味があるのか？少々疑問に思えて来る訳です。
まぁ〜始めたばかりの方は楽しい事ばかりでそう言った部分は気が付かない重要な部分です。

って、なんだかこの記事の方向が定まらなくなって来ましたのでこの辺で終わりにします。(^^;
Close.↑

hamburger-css.txt
hamburger-html.txt
くれぐれも完成版では無く、遊び心で制作したものですので、不具合等の責任はご自身という事でお願いします。m(_ _)m

いや〜色々バグがありましたよ(^^;
かなり手直しをしてしまいました。
ついでに挟む食材も少しだけ増やしてみました。
当然、画像容量が増えて重くなりましたが（爆）
大体、１６０KB位なので重いのが辛い人には勧めません。（笑）

Close.↑

敢えて言えば、以前のデザインは画像の色やオリジナルを使おうとすると大変な事になるバージョンでした。（爆）
今回はそれを解決すべく、尚且つ背景画像の入れ替えが自由に出来るデザインと一応の解決をしましたが。
（まぁ〜只単に、表面的なヘッダーやメニューの飾りを透過GIFを使用し、ボーダー線だけの様に画像に変更して、背景画像一枚を変更するだけでイメージを変えられるようにした、と言う所でしょう。
又、縦長になりがちなブログの場合、背景画像をイラストや模様にすると途中で切れる事がしばしば有る訳で、そう言った時に、背景画像の固定（fixed）を使用出来るようにしました。
まぁ〜それでも3枚は必要になりますが（笑）
トップページはヘッダーも含め、縦長になる事は無いので、メニュー部分の画像とヘッダー部分の画像を一枚で描き、大きさだけを合わせるだけで、白い部分（インフォメーションや右カラム）は白に設定済みですので、はみ出した背景画像は自動的に隠れるという事です。
記事ページも同じく、記事部分は白で設定し、アールの付いたコーナーも透過GIFを使用しましたので、はみ出しても大丈夫です。
（記事ページは背景画像とヘッダー画像が必要。）
つまりは、表面的な画像は、白ベースの透過GIF画像で、背景が透けるようにしたと言う事ですね。
これで、格段に背景画像の入れ替えはかなり楽になるでしょう。

まだまだHTMLタグ周りや、スタイルシートの設定などを、スッキリと整理したいと思いますので、一般公開は先の話です。

本当は、全く別のデザインと思いましたが、ホームページのデザインと統一したいと思う所が有り、実践中って事ですが。
ついでと言ってはなんですが、背景画像用に新しいイラストを描いてみましたが、これまたテンプレートのパーツなので、一般公開はしません。
それと、共有テンプレート制作ですが、暫くは辞めようかと思います。
気が向いたらアップも考えますが、結局の所、自分はイラストがメインとして考えているのですが、どうやら訪問者の方はテンプレートメインで訪問されているという事もあり、認識を変えてほしいなぁ〜と思っております。
とは言え、新作を描いてもあまりコメント頂けないので、落ち込んだ時はメジャーなネタでアクセスアップ（爆）
（何をメジャーとするか分かりませんけどねｗ）

Close.↑

blue_mountain-html.txt
blue_mountain-css.txt


使用法に関しては敢えて書きませんがいつものようにお願いします。
それとこのバージョンは、完全フリーです。
（デザイン未設定の為）
これを改造して共有テンプレートに登録しても良いし、別の形へ進化させても構いません。
お好きに使って下さいませ。m(_ _)m

尚、背景無しのブルーバージョンとグレーバージョンのスタイルシートは以下のリンクファイルをDLしてご使用下さい。
none_design.css（グレーバージョン）
none_blue.css（ブルーバージョン）

共有登録は、デバッグ終了後予定しています。

あっ〜〜早くタブレットが使いたい(ToT)

Close.↑

だったらこのコメント投稿を利用して、本文などには一話（又はプロローグ）と言ったものから書き始め、投稿フォームから続編を書くと言うのはどうなんでしょう？
そうする事で、新規コメント投稿がマーキングされてコメント一覧に表示されますし、小説の並び順もタイトル（サブタイトル）毎になり、読む人にとっては、トップページに表示されたタイトルをクリックする事で、一話から連続したページを閲覧出来ます。
あまりにも長い長編になる場合は、第二章と言う形で、別記事にすると良いと思いますし、この場合は、投稿日時を第一章の日時より一秒でも遅らせるか早めるかで記事が連続されます。
勿論、本文はコメント投稿なので｢new!｣スクリプトなどでコメント投稿一覧には強調表示されますし。

但しこの方法の場合、コメント投稿を管理者が使う訳ですから、よけいな書き込みがされる場合が有り、その点が難点ですが（管理が難しくなる）
勿論、小説一つにトラックバックは使えるので自由なコメントが出来ないような仕組みを考える事で防げるのではと思いますが。

小説やコラムへの感想コメントなどは、掲示板や感想板と言う名前で通常記事を書きそちらでコメントを入れて貰えば、良い訳ですし、わざわざ個別の記事に感想コメントを入れて貰う必要性は無いと思えます。

後は、トップで表示される記事に合わせて、コメント部分も同じデザインに変更すれば投稿コメント（続編）が連続して表示され、見るものにとっては一話から順に読む事が出来る訳です。
続編として投稿された文面（本来はその記事に対するコメント）はパスワードで保護されているので編集は投稿者（この場合、管理者）のみが出来るので不必要なコメントと投稿フォームを通常では閲覧不可に設定出来れば、連載ものページとして成り立つのではと思います。
勿論、新規の続編は新規投稿コメント（re commentエリア）から直接アクセスする事も出来ます。

投稿フォームに関しては、投稿フォームを掲載したテンプレートと別に通常見せる為の投稿フォーム無しのテンプレートを用意して、二話、三話と追記していく時に投稿フォームのテンプレートプレビューで書き込めば良い訳です。
この場合は、掲示板などとした記事には投稿フォームが必要になりますので、｢掲示板｣というカテゴリー名や番号で、フォームを見せる場合は、display: inline;を、見せない場合はdisplay: none;をスタイルシートで与えれば良い訳です。（スタイルシートを外されるとフォームが見られる可能性が有るのでHTMLにスタイル属性を追加しておく）
例えば・・・

<style type="text/css">
<!--topentry-->
#kiji_<%topentry_category_no> {display: none;}
<!--/topentry-->
#kiji_01 {display:inline}
</style>
（と言うスタイルシート属性をHTMLに書き込む。kiji_01（掲示板のカテゴリー番号が01とした場合）
HTMLでは、
<div id="kiji_<!--topentry--><%topentry_category_no><!--/topentry-->">
ここにコメントフォームタグを書き込む
</div>
などとしてカテゴリー番号によってフォームを隠す方法

以下の様にフォーム部分を実装した二種類のテンプレートを用意

<div id="form" style="display: none;">
ここにコメントフォームタグを書き込む
</div>
（通常、一般に公開するテンプレートのフォーム部分）

<div id="form" style="display: inline;">
ここにコメントフォームタグを書き込む
</div>
（小説を投稿する為の投稿用テンプレートのフォーム部分）

と言うようにする事で、二つのテンプレートを使い分ける方法が考えられる。

この場合は、今まで使っていたブログを利用すると過去記事にはコメント投稿が出来なくなるが、新しく連載用ブログを取得する場合はこの方法を継続して利用する事でログへの影響が少ない。

逆の事も考えられますね。
小説だけフォームが要らない訳ですから、小説のカテゴリー番号のフォームタグ部分をdisplay: none;として非表示にするだけでも、今までのブログで小説を書く事は出来ると思います。

<style type="text/css">
#kiji_01 {display: none}
</style>
（と言うスタイルシート属性をHTMLに書き込む。kiji_01（小説のカテゴリー番号が01とした場合）
HTMLでは、
<div id="kiji_<!--topentry--><%topentry_category_no><!--/topentry-->">
ここにコメントフォームタグを書き込む
</div>

まぁ〜頭の中だけの考えなので実際に作ってみなければどのような不具合が出るか判らないが(^^;
こんな使い方も有るよ。と言う程度に覚えて貰えば嬉しいわなｗ。
Close.↑

AS_change-html.txt（適用済み基本テンプレートHTMLファイル）
上のファイルをダウンロードして内容を全て新しいテンプレートの｢HTML編集｣エリアへ入れ替えて使用します。
スタイルシートには以下のファイルの一つを｢スタイルシート編集｣エリアに貼り付けます。（これがデフォルトになります。）

代替スタイルシートファイルは以下↓。
blue_right.css（セーラー服と機関銃〜白地に青系バージョン）
izuna.css（黒系のIZUNAバージョン）
ayakashi.css（急遽作った赤系のAYAKASHIバージョン）
no-style.css（設定をほとんどしていないバージョンHarukiya Archivesさんのものを拝借(^^;）
現在、設定されているスタイルシートファイルは以上ですが、ファイルをダウンロードして自分のブログサーバーにアップして下さい。

尚、altstyle.js（スクリプトファイル）に関してはHarukiya Archivesさんの所で記事を参考に設置して下さい。

若干、スタイルシートは今までに公開していたものに追加している部分が有りますので再度ダウンロードして設置後、カスタマイズする方がデザインなどの崩れが生じないと思います。

ファイルのアドレスは、FC2の変数を使って居ますので、ファイル名の変更が無い場合は、修正は要りません。
（ご自身でカスタマイズしたスタイルシートを使用する場合は、HTMLファイルのスタイルシートリンク部分のファイル名を変更して下さい。
その場合、title=""　部分も合わせて変更する事でコントロール部分が自動的に変更されます。）

<!-- Alt Style用スタイルシート設定（必要な分だけスタイルシートファイルを追加修正） -->

<link rel="alternate stylesheet" type="text/css" href="<%url>file/izuna.css" title="izuna" />
<link rel="alternate stylesheet" type="text/css" href="<%url>file/blue_right.css" title="blue" />
<link rel="alternate stylesheet" type="text/css" href="<%url>file/ayakashi.css" title="ayakashi" />
<link rel="alternate stylesheet" type="text/css" href="<%url>file/no-style.css" title="no-style" />

青文字部分をご自身で用意したスタイルシート名に変更します。
Close.↑

配布されているスクリプトはDLして自鯖にアップする訳ですが、スタイルシートも使用する分だけファイルでアップしておく事がまず始めです。
（HTMLに関しては、同じものを使われるので一つのテンプレートを色々カスタマイズしたスタイルシートを用意した方が良いでしょう。）

ファイルを用意出来たら、次はテンプレート（HTML文内）にスクリプトへのリンクとスタイルシートのリンクを追加します。

使い方
上記jsファイルをダウンロードの後、自サバにアップします
<head>要素内の<link>要素群より後に
<script src="<%url>file/altstyle.js" type="text/javascript"></script>
のようにファイルをリンクしてください
以上終了。自動でスタイルシートの数・形式を調べて処理します
コントロール部分のHTMLは
<p id="style_select">
<lable>style: <select>
<option value="固定・優先シートのタイトル">固定・優先シートのタイトル</option>
――スタイルシートの数だけ繰り返し――
</select></lable></p>
の形で、<body>要素直下、すべての要素の後に書き出されます。
CSSにp#style_select以下のスタイルを設定することで見映えを調整できます

と説明が書かれてますが、私は躓きました(^^;
スクリプトへのリンクは判るのですが、スクリプトがどのような制御でスタイルシートへのリンクを読み込むのかという部分ですね。
記事でリンクされている関連記事を読みながら何となく理解して設置にかかりました。

<link rel="alternate stylesheet" type="text/css" href="<%url>file/style-01.css" title="style-01" />
<link rel="alternate stylesheet" type="text/css" href="<%url>file/style-02.css" title="style-02" />
<link rel="alternate stylesheet" type="text/css" href="<%url>file/style-03.css" title="style-03" />

上が使用するスタイルシートのリンクですが、ここで重要なのが、title="style-01"　と言う部分です。
使用するスタイルシートのリンクを判りやすいタイトルで使う分だけリンクすると言う事です。

コントロール部分・・・これがちょっと理解するまで多少時間が(^^;
実は、このスクリプト、コントロール部分のタグを追加する必要が無かったのです。（それが判ったのはスクリプトが動作した時点）

｢このコントロールをHTMLに追加すれば動くんだよな・・・？｣と貼り付けて見ましたが・・・
｢あれ？ダブル？エラー？｣
なんだか良く分かりませんが、style:　と言う文字が二重になって見えていた訳です。
で、結論から言えば、コントロール部分はスクリプトがスタイルシートの分だけ自動で作ってくれるという事だったのでした。(^^;

まぁ〜夜中にsugさんの記事を読んで軽い気持ちで設置にチャレンジした私がお馬鹿だった訳ですが（笑）
本人に聞かないで隠れて使おうと企んだ私が悪いのです(ToT)

一応、現在は動いているようですが（だから聞けって〜！（心の声））
（コントロールを貼り付けたい場所を指定する時は、#style_select と言う名前でスタイルシートに設定すればOKです。）

それにしてもこのスクリプトは管理者本意ではなく、デザインを閲覧者にも選択の余地を提供する実用的なスクリプトだと思います。
以前、スタイルチェンジジャーの記事を書いた時に｢Cookieで保存出来ればいいのになぁ〜｣とスクリプトを自作出来ない自分が考えて居たものをsugさんが作ってくれた訳です。（偶然ですがｗ）



sugさんから追加説明を頂きましたので掲載します。

スタイルシートの探査は、前項に書いたとおり
1） リンクタイプ（rel）が stylesheet でタイトル属性（title）が未設定ならば、固定シートになり、必ず読み込まれる
2） リンクタイプが stylesheet でタイトルが設定されていれば、優先シートになる
3） リンクタイプが alternate stylesheet なら代替シートになる。タイトルは必須
ルールを基準にしています。

優先―初期に適用されるシート・スクリプトオフのユーザに見せたいシートにはrel="stylesheet"
代替―切り替え可能なシートにはrel="alternate stylesheet"
を、それぞれ指定してください。

すべてのスタイルシートで共通しているセレクタ/プロパティは
<link rel="stylesheet" type="text/css" href="<%url>/file/all.css" />
のように（例えば新規に）all.css内に集め、title無しでリンクすると、選択したシートにプラスされます。
これは軽量化に役立つと思われます。が、実質no-styleにはできなくなります。

ここで気をつけるのは、リンクタイプですね。
私もこの辺が理解不十分と言うか勉強不足ですが、代替シートと、優先シートの違いに気をつけるという事です。
初期設定用のスタイルシートリンクには、rel="stylesheet"　title="default　を設定し
代替用にスタイルシートリンクには、rel="alternate stylesheet"　とtitle="スタイルシート名"　をそれぞれ設定する事で
初めての訪問者には、初期設定用を、来訪者にはcookieに格納されたスタイルシートを読み込むという事です。



この場を借りて感謝　m(_ _)m
Close.↑

dark_side-css.txt
dark_side-html.txt

ファイルは共有登録しているものと同じです。
バージョンアップなどは、こちらの方を優先していますのでご容赦願います。
ファイルの使用法などは、プラグインメニューを参考にして下さい。
Close.↑

air_line-css.txt
air_line-html.txt

ファイルは共有登録しているものと同じです。
バージョンアップなどは、こちらの方を優先していますのでご容赦願います。
ファイルの使用法などは、プラグインメニューを参考にして下さい。
Close.↑