彼此ともつかぬ場所


□ スポンサー広告 □

スポンサーサイト

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




*    *    *

Information

□ PC用 □

for_novel_bamboo

for_novel_bamboo  竹林の表紙付きテンプレート。小説用ですがそのままで一般の用途にも使用可。表紙にはフリーエリア、カテゴリ別に目次、本文1カラム。全記事一覧や検索結果画面もカスタマイズ済。表紙画像変更方法など作者ブログに解説有。再配布×、改造○。
 創作(二次創作)系以外のアダルトブログは使用をご遠慮ください。

目次

→ 主な特徴
→ 使い方
→ 注意事項
→ 製作環境&動作確認
→ 履歴


主な特徴

  • 幅広い閲覧環境に対応出来るシンプル構造。ブラウザの違いによるデザイン崩れを極力抑えました。
  • 少しでも表示が軽くなるように、テーブルは一切使用しておりません。
  • まるで普通のウェブサイトのようなインデックス画面。親子カテゴリ折りたたみスクリプト(by FC2ブログのテンプレート工房様)は、JSオフ時にも対応。→サンプル
  • フリースペースや追加メニューなど、インデックスのカスタマイズも簡単に。後述の「使い方」を参照してください。
  • 掲載小説を解説とともに一覧出来る、ノベルリスト機能(by Novel テンプレート様)を導入。→サンプル
  • 連載小説を同じカテゴリでまとめれば、自動的に小説目次が生成されます。→サンプル
  • 小説本文に集中出来るよう、個別記事画面にはプラグインは表示されません。→サンプル
  • 校正し易いように、個別記事の下部にその記事の編集画面へのリンクを設置。
  • 全記事一覧表示画面を、更新履歴として同じデザインでカスタマイズ。 →サンプル
  • 検索結果画面もカスタマイズ済。→サンプル
  • 勿論、通常ブログ画面でもご利用いただけます。プラグイン対応、2カラム右サイド。 →サンプル


使い方

 ※ カスタマイズ説明に使用される行番号については、「カスタマイズの際の行番号」を参照してください。


注意事項

  • テンプレートは自由に改造して下さって構いませんが、再配布はご遠慮ください。
  • 画像の権利は、境界線シンドローム様にあります。テンプレート改造後も画像をそのまま使用される場合は、コピーライト表示から「Graphics By 境界線シンドローム」の部分を絶対に削除しないでください。
  • テンプレートについて、何か不具合やリクエストがありましたら、このエントリのコメントをご利用ください。


製作環境&動作確認

Windows 7
Firefox 3.5.5、IE 8.0、Opera 10.01
Windows Mobile 5.0 OS 5.1.195
Opera 8.60 for W-ZERO3 (表示確認のみ)


履歴

2009.08.03
共有申請。
2009.08.05
共有テンプレートとして公開。
2009.10.01
NovelListを短編対応に修正。
2009.11.26
インデックスに親子カテゴリ折りたたみスクリプトを装備。
カテゴリ目次にフリーエリアを設置。
FC2バトンに対応。
2010.08.27
全記事一覧表示画面にページ移動を追加。
2011.04.13
トラックバック用リンク改良。
2011.06.04
そのままで小説以外の用途にも使えるように。
2011.07.01
表紙メニューの見た目改良。
2012.03.07
カテゴリ画面に記事日付を表示。




→ 共有テンプレート一覧に戻る
*    *    *

Information

Comment

[138] 文字色について

テンプレートを利用させていただいております。
早速ですが質問です。
こちらのサイトではINDEX以下のInformationやコメント欄の文字が白いのですが自分のブログでは何故かブルーになってしまます。
ソースは特に変更しておりません。
どのように対処したらよろしいでしょうか?
ご教授願います。
2009/12/20 【日下ヒカル】 URL 

[139] タグが抜けているようです

ダウンロード&ご使用ありがとうございます。
日下ヒカルさんのブログにお邪魔して、ソースを拝見したところ、エントリ下に追加した、ブログランキングの部分の
<FONT color="#0000ff">
に対応する
</FONT>
という終了タグが抜けているため、その部分より後ろの文字列が、全て #0000ff で指定された青色になってしまっているのだと思います。

あと、ざっと拝見したところ、
http://virtualworldslong.blog11.fc2.com/blog-entry-7.html
の記事の末尾、
<u><strong>NEXT</strong><<div……
で、<u> タグが </u> のようにきちんと閉じられていないために、その部分以下にアンダーラインが引かれてしまっているようなので、そちらもご確認ください。
2009/12/20 【GreenBeetle】 URL [編集] 

[167] 追記の文字サイズについて

はじめまして。テンプレートをお借りしています。
見た瞬間、一目惚れでした。

質問です。
既出だったらすみません。
文字サイズを変更したいのですが、個別記事画面・通常ブログ画面・個別記事画面で表示されるコメント本文の文字は、スタイルシートでカスタマイズできました。
しかし、追記の文字サイズは変更できませんでした。
何か変更する方法があれば、教えてください。
よろしくおねがいします。
2010/02/03 【wonda】 URL 

[168] Re: 追記の文字サイズについて

ダウンロード&ご愛用ありがとうございます!
一目惚れとのお言葉、とても嬉しく思っていますv

さて、文字サイズについてですが、追記部分のスタイルは、個別記事の本文と共通になっています。記事本文の文字サイズを変更すれば、自動的に追記の文字サイズもそれに揃うようになっているのです。

追記部分の文字サイズを、記事本文とは別の数値に変更したいのでしたらば、HTMLの255行目の
<!-- エントリ本文 -->
の6行下、
<div class="novel"><%topentry_body><br /><!--more--><a id="more" name="more"></a><%topentry_more><br /><!--/more-->
を、
<div class="novel"><%topentry_body><br /><!--more--><div class="moretext"><a id="more" name="more"></a><%topentry_more><br /></div><!--/more-->
のように赤字部分を追加して、それからCSSに
.moretext { font-size:100%; }
と、クラス設定を追加してください。この「100%」の部分をご希望のフォントサイズに変えれば、追記部分の文字サイズを変更する事が出来ます。
その際、スタイル設定の行頭のピリオドを忘れないようにお願いします。
2010/02/03 【GreenBeetle】 URL [編集] 

[173] ありがとうございました

ありがとうございました!
一発解決でした。
丁寧で、すごく分かりやすかったです。
これからも、陰ながら応援しております!
2010/02/06 【wonda】 URL 

[184] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2010/03/13 【】  

[185] 表紙からカテゴリ一覧を削除するには

ダウンロードありがとうございます。

表紙からカテゴリ一覧を削除するには、
HTMLの80行目
<!-- JavaScriptオンの時に表示されるカテゴリ一覧 -->
から、113行目の
        </noscript->
までをまるっと削除すればOKです。

非公開コメントをそのまま引用するのは気が引けるため、ご質問を引用せずにこちらでまとめてしまいましたが、もしも細かいニュアンスが質問の意図と違ってしまっていたらすみません……。
2010/03/14 【GreenBeetle】 URL [編集] 

[234] コメントの文字色についてご質問です。

[for_novel_bamboo]
とても素敵なテンプレートをお借りし、ご愛用させて頂いております。
コメントの文字色についてご教授願います。

上記に似たようなご質問があり、度々で申し訳ございませんがお手上げ状態となってしまいお助け下さい。
質問内容は、他の方から入れて頂くコメントやそれに対しての返信のコメント文字色が白系で背景色とかぶってしまい見えない状態です。コメント文字色を変更するにはどの位置を変更すれば宜しいのでしょうか?
ご多忙の中申し訳ございませんが、お時間取れるときで結構ですのでご指導お願い致します。
2011/10/26 【浦島草】 URL 

[235] コメントの文字色

ご使用ありがとうございます! 素敵と言ってもらえて嬉しいです。

> 他の方から入れて頂くコメントやそれに対しての返信のコメント文字色が白系で背景色とかぶってしまい見えない

という事ですが、背景色を既に変更なさって、それに合わせてコメント文字色も変えたい、という事でよろしいですね。

実は、「黒背景の上に表示する白系の文字」については、スタイルシートの「文字の設定」とは別のところで制御しています。
スタイルシートの最初のほう、「全体的な設定」を見てください。ここの後ろのほうに「反転文字」とあるのが、その「黒背景の上に表示する白系の文字」の設定なのです。分かりにくくてすみません。

この、

/* 反転文字 */
.rev { color:#d6e9ca; }
.rev a:link { color:#41cc9d; }
.rev a:visited { color:#98d98e; }
.rev a:hover { color:#00a497; }
.rev a:active { color:#00a497; }

/* 反転文字用背景 */
.black { background-color:#000000; padding:0px 5px; }

を全て削除すれば、白っぽい文字が、基本設定の黒系文字に戻ります。
あと、この作業で「反転文字用背景」が無効になってしまいますので、「インデックス画面の設定」の「ブログ説明文」の項目も、
.intro { color:#ffffff; font-size:84%; …
を、
.intro { color:#000000; font-size:84%; …
のように、文字色を黒に変更するのを忘れないでください。


ただ、注意していただきたい点があります。
前述の「反転文字用背景」設定も一緒に削除する事になりますので、背景画像によっては、文字が重なって読みづらくなってしまう可能性があるのです。
その場合は、「反転文字用背景」を削除せず、
.black { background-color:#ffffff; padding:0px 5px; }
のように淡色(この場合は白色 #ffffff)に変更してくださればOKです。



■追記■
ブログ説明文の設定が、反転文字処理とは別になっている事が不便に思ったので、このあと、テンプレートを修正する事にします。

新たにダウンロードなさった場合は、上の説明の

「あと、この作業で「反転文字用背景」が無効に……」
から
「……文字色を黒に変更するのを忘れないでください。」
の、ブログ説明文についての部分は読み飛ばしてくださって構いません。
2011/10/28 【GB】 URL [編集] 

[236] ありがとうございました。

早急なご対応ありがとうございました。
また、お礼のご連絡が遅くなってしまい申し訳ございません。説明不足の中、テンプレートの修正までして頂きましてありがとうございました。早速再度お借りしました。ちょこちょこ元の形に戻して快適な環境にしているところです。時間はかかりますが、お気に入りのテンプレートなので末永く使用させて頂きます。
ありがとうございました。
2011/10/31 【浦島草】 URL 

コメントの投稿

コメント書き込みの前に、是非一度「コメントについて」に目をお通しください。







 ブログ管理者以外には秘密にする

Trackback

TrackbackUrl:http://greenbeetle2.blog117.fc2.com/tb.php/51-28254550
この記事にトラックバックする(FC2ブログユーザー)

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