UNDO annex

FC2ブログテンプレート「niji_frame」について
※07/16 お問い合わせにこちらでお返事しました。

概要

二次創作作品サイトをブログで作る場合を想定して作ったテンプレです。 詳しい説明と規約はテンプレHTML最上部をご確認下さい。
(※以下のサンプル画像は作成途中のもので、実際のものとは異なる部分があります。)


↑トップはエンターページがデフォルト装備。


↑中はなんちゃってフレーム構造です。左がいわゆる疑似フレーム、右がインラインフレームです。


↑左フレームには上から「ブログ名・カテゴリ一覧・最新記事一覧・カテゴリ別記事一覧」が表示されます。カテゴリ一覧は簡単な親子対応プルダウン式、最新記事一覧とカテゴリ別記事一覧では一週間以内の投稿にNewマークがつきます(期間はカスタマイズ可、未来記事にはつきません)。
右フレームにはそれぞれのリンクから飛んだコンテンツが表示されます。この初期画面はHTMLに直打ちです。


↑長文はこんな感じ。文章は青空文庫から。


↑画像はこんな感じ。写真はこちらからお借りしました。


↑カテゴリ名で飛ぶとブログっぽい。


↑追記は折りたたみ式です。分かりづらいですが、上の画像と比べてみてください。


↑受け付けるだけのコメント機能もついてます。

...という、また微妙なテンプレです。
が、またサイトをブログで作りたい誰かが使ってくれたらいいなーと。SNSもいいけど、自分だけの場所があるのもいいもんですよね。


↑ちなみにMacから見たらヒラギノ明朝ざんまい!


edt

更新履歴

重要なものは赤字にしてます。

●2014.07.16
 何カ所か修正、ver.1-4に
 HTML
 ・ヘッダ内frameset関係のタグ削除
 ・<!--not_tag_area-->と<!--/not_tag_area-->で括っていた各種指定も解除
 ・互換表示指定をIE=9からIE=edgeに

●2014.05.08
 何カ所か修正、ver.1-3に
 HTML
 ・右フレームの「date=200001」を「date=0」に変更(更新しているのに一ヶ月広告が出てしまうようなので)
 ・フッターの「Copyright&copy;<%now_year>」を「Presented by」に変更(二次創作用で©は良くないと思い直したのと、初期画面で年表示がおかしくなるため)


●2014.04.29
 HTMLに最新記事表示数についての説明を追加

●2014.02.04
 何カ所か修正、ver.1-2に
 HTML
 ・フッターのコピーライト表記の重複解消
 ・バージョン表記変更
 スタイルシート
 ・「/* 色【基本】 */」下のbodyのbackgroundをtransparentに
 ・バージョン表記変更

●2014.01.20
 何カ所か修正
 HTML
 ・エンターページの「<!--■□■ ↓スマホテンプレや… ■□■-->」削除(ver.1-1では不要なため)
 ・追記を閉じたときの戻り先に「&nbsp;」追加→「<a name="… id="<%topentry_no>">&nbsp;</a>」

 ・「Template by」のリンク先アドレス末尾に「&index」追加
 スタイルシート
 ・「.go_top」に無駄に指定していた「text-align:right」削除

●2014.01.16
 ver.1-1、共有登録

●2013.12.25
 ver.1のソース配布停止

●2013.12.11
 何カ所か修正
 HTML
 ・「date=0」一箇所を「date=200001」に(IEで初期画面の更新が適用されないため)
 ・「初期画面ページここまで」の上の「△」の上に適用中テンプレ編集画面へのリンク追加
 ・絶対編集が必要な箇所に「$」マーク付与
 スタイルシート
 ・「/* 配置【左フレーム】*/」内「.other_menu a 」に数値追加
 ・「/* 配置【記事周辺】*/」内「.more_box, .more_body」にコメントと数値増加
 ・その下に「.more_divider { margin-bottom: 20px; } /* ←追記区切り線の下余白 ■□■*/」追加
 ・「/* 色【各部】*/」内「.more_divider」のmargin-bottom指定削除
 ・点線各種(「dotted」でヒットする三箇所)の色を「#ddd」に変更

●2013.12.10
 サイト内にて「niji_frame」テンプレソース公開


edt

お問い合わせ

現在多忙につき、ご質問の受付を停止しております。申し訳ありません。
カスタマイズに関しては、この下や、本館ブログ内【niji_frame】カテゴリに載せている過去のお返事内容がお役に立つこともあるかもしれません。一度ご確認ください。


edt

お返事

●2014/05/10 くらげ様

お世話になっております。

>減らしたい箇所は【カテゴリ別記事一覧】のところです。…左フレームの小説の下にずらっと並んでいるのを調整したいです

下記の箇所ではなかったんですね、勘違いすみません。ここの数は残念ですが調整できないです。ブログの「全記事一覧」をカテゴリで振り分けて並べているだけなので。
ご希望に添えず申し訳ありませんが、宜しくお願いします。


●2014/04/29 くらげ様

お世話になっております、いつもありがとうございます。

>左側に親カテゴリの下に子カテゴリがきて、その下に更新分がずらっと並びますが、この数を調整するにはどうすればよろしいですか?

とのことで、説明不足ですみません。ブログ管理画面「環境設定→ブログの設定→記事の設定→最新記事一覧」の数で調節してください。共有テンプレも説明を追加して更新しておきました。
そうではなくて、最初から表示される件数を調整したい(つまり表示される窓の高さを調節したい)ということであれば、テンプレスタイルシート中程の「↓更新履歴の高さは↓の"height:3em"の数値で〜」とある箇所をご参照ください。
以上、宜しくお願いします。


●2014/04/22 やっこ様

テンプレを目に留めてくださってありがとうございます。

>プレビューを押すと、イラストはそのまま、文字表示だけが今までと違う形で出てきました。(niji_frame様のとはまた少し違う形です)
>これで使いたい!!と思ったのですがniji_frame様のテンプレートをダウンロードして使うと当然のごとくイラストは入りません。

>そこで質問なのですが、
>①プレビューでどのようなことが起こったのでしょうか。
>②イラストを入れて使いたい場合はどこを変えたらよいのでしょうか。


とのことなのですが、まず①について、申し訳ありません、私にもさっぱりわかりません。共有テンプレ一覧からプレビューボタンを押した状態でのお話ですよね? であれば画像のないniji_frameのエンターページ以外は表示されないと思うのですが……。(もしもそこから更に「ENTER」を押した次の画面のお話でしたら、それはやっこさんが現在適用されているテンプレートでの全記事一覧画面です。)
②に関しては、どこに入れたいかによって変わります。基本的には下でさあやさん宛にお返事している通りです。これぐらいのサイズのこんな画像をこの画面のここに入れたいとか背景にこんな風に入れたいとか、具体的なイメージがおありでしたらその説明を書き添えてまたお問い合わせください。
以上、宜しくお願いします。


●2014/02/23 さあや様

テンプレ使ってくださってありがとうございます。

>初期画面ページの中、また左メニューの中に画像を入れたいのですがやり方を教えてもらいたいです。
使いたい画像を「ファイルアップロード」でアップ(参考)しておき、テンプレHTMLのお好きな場所に「<img src="http://画像アドレス" border="0" alt="画像説明" width="画像の横幅" height="画像の高さ" />」と入れてください(参考)。アップ後画面で「この画像で記事を書く」ボタンを使えばこの画像タグ入りの下書き画面が出てくるのでコピペすれば簡単です。また、今後のためにも、まずはHTMLやCSSの大枠を理解された上でカスタマイズ乃至ご質問ください。情報が古い部分もありますがこちらや、老舗のこちらなどは体感的な説明でイメージが掴みやすいと思います(「ホームページ作成入門」みたいになってますがブログでもWEBページとして表示させる仕組み自体は同じです)。併せてこちらなどモダン寄りなページもご覧になったらより系統立てて整理できて良いかと思います。
以上、宜しくお願いします。


●2014/02/18 そらまめ様

テンプレ使ってくださってありがとうございます。

>左フレーム/ブログタイトルの下にあるカテゴリ一覧(親と子カテゴリがプルダウン表示される部分)をクリックしても反応がありません。
とのことですが、まだ記事数が少なく縦スクロールするだけの画面高さがないためだと思います。
一度画面サイズをすごく小さくしてみるとか、「<!--★記事数100超え時ページ移動リンクここまで★-->」の下にでも「<div style="height:800px;">&nbsp;</div>」など入れてみていただければ、反応するんじゃないかと思います。
宜しくお願い致します。


●2014/02/04 くらげ様

表示されたようでよかったです! 子カテゴリについては、ブログ管理画面で親子カテゴリを設定すればそちらも自動でプルダウンになるはずなのでお試しください。(参考
また、サイトの方お邪魔したのですが(免疫はすごくあるので大丈夫ですありがとうございます)、親フレーム分のコピーライト表記が変なところに出てしまってますね……! 背景透過したせいですね、気付かずすみませんでした。共有分を修正しましたので、お手数ですがそちらを再度DLしていただいて、「★★★全ページ共通フッター★★★」から「★★★全ページ共通フッターここまで★★★」までをお手元のに上書きしてみていただけますでしょうか。(2/4 9:30頃に修正作業をしていますが、反映には時間が掛かると思います。共有テンプレート検索画面で「最終更新日:2014/02/04」となっているのをお確かめの上DLしてください。)
宜しくお願い致します。


●2014/01/24 くらげ様

温かいコメントありがとうございました! テンプレもお手にとってみてくださってありがとうございます。
以下、ご質問へのお返事です。

>タイトル下のカテゴリ一覧部分なのですが、HTMLのどこにカテゴリ名を入れてどこに子カテゴリ名を入れればいいのか
ブログでカテゴリを設定すれば自動で出てくるようにしているつもりなのですが、表示されてませんでしょうか? もし表示されていないようなら大問題だと思うので宜しければサイトアドレスと閲覧環境を教えていただけないでしょうか。

>Winでヒラギノ明朝ざんまいにすることは可能ですか?
ヒラギノ明朝がマシンに入っているのであれば(入っていなければこのあたりなどご参照ください)、スタイルシート中ほどの「/* 字の形と装飾とサイズ 【基本】*/」の下「body」「.topentry_body」「input, textarea」の各{}内にある「font-family:」のすぐ後に「 "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", 」と入れれば、とりあえずお手元の環境で閲覧される際にはヒラギノ表示になります。が、当然大多数のウィンドウズ環境では普通にメイリオで表示されますので、とにかく自分が自サイトを見るときにヒラギノ明朝で見たいんだというだけならば、お手元のブラウザのフォント設定をヒラギノ優先にしておかれた方が合理的なのではないかと個人的には思います。

>右フレーム左フレームブチ抜きで同じ背景画像を使うことはできますか?
できますよー。スタイルシート末尾に

body { background: transparent; }
#titlelist_body { background: url(背景画像アドレス); }

と入れてください。repeat、position等お好みで追加してください。

以上、宜しくお願いします。


edt

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