このカテゴリは 横ならび目次サンプル(2) で表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。

テンプレート別のカスタマイズ

画像をクリックすると直接テンプレートがプレビューされます。
テンプレート名»»をクリックするとテンプレートの解説記事が開きます。
写真 イラスト 花 など用いている画像についてのタグ(Template Image Tag)を
クリックすると、該当するテンプレートが表示されます。
このカテゴリは イラストリスト付きテンプレートの画像用目次サンプル(2) で表示させています。
詳しくは 「イラストリストの説明」と「特定のカテゴリの目次で画像を一覧させる」をご覧ください。
この作品は夢小説のサンプルですので左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。ブログ夢小説パーツ「ユメミニ」は夢小説用テンプレートに実装されています。
公開中の夢小説用テンプレートはコチラ    詳しくは夢小説用テンプレートの設定をご覧ください。
このカテゴリは イラストリスト付きテンプレートの画像用目次サンプル(2) で表示させています。
詳しくは 「イラストリストの説明」と「特定のカテゴリの目次で画像を一覧させる」をご覧ください。
このカテゴリは 横ならび目次サンプル(1) で表示させています。二桁の数字が一列に10づつ並びますので、記事タイトルが番号のみのカテゴリにはおススメです。 番号タイトルが一桁の場合は、番号の前に を前にいれると揃います

Index ~作品もくじ~


  • 214
  • 658
  • 659
  
カスタマイズの難易度2 カスタマイズの難易度2

メニューバーに新しいコンテンツを追加する



新作の擬似フレームタイプのテンプレート[novel-PF-Cosmos]では、サイトナビゲーション(メニューバー)がブラウザの上下に固定されており、画面をスクロールしても位置が変わらないよう設定してあります。このメニューバーに新しいコンテンツを追加する場合に備えて、HTMLには予備のボタンを埋め込んでおきました。

全ページ共通の固定式メニューバーですから、カスタマイズするのは上下それぞれ一箇所、あわせて二箇所だけでOKです。前後の不要のタグを削除して、新しいコンテンツ名とアドレスを記載するだけで、簡単にメニューバーに新しいメニューを追加できます。
【novel-PF タイプ】(擬似フレームタイプ) 固定式メニューバーのカスタマイズ
»»  2009.09.16.
カスタマイズの難易度2 ナビゲーション 
カスタマイズの難易度2 カスタマイズの難易度2…メニューボタンを追加するだけの場合
カスタマイズの難易度3 カスタマイズの難易度3…ポップアップされる内容・表示設定を変更する場合

novel-PFタイプ・novel-J・Jfタイプのテンプレートでは表紙ページのサイドメニューのボタンをクリックするとメインカラムにその説明がポップアップで表示されます。以下は、それらポップアップ表示に関するカスタマイズのご紹介です。

ポップアップのスクリプトは「イヌでもわかるJavaScript講座」様からお借りしました。

冒頭の「このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。」というお言葉が涙がでるほど嬉しかった管理人であります。

最初に申し上げておきますが、管理人、Javaの知識全くもって皆無でありますので、こと、このポップアップに関しての、ご質問などは、平にご容赦くださいませ。「知らないなら使うな!」というお叱りを受けても仕方のない無謀さでありますが、厚顔無恥なこの暴挙を御許しくださいませ。実は管理人、ずっと以前から、このポップアップ表示を拙作テンプレ表紙メニューで使いたくて、使いたくて仕方がなかったのです。スキルはなくとも、探すのは苦にならない性質でありますので、ネットを探しまわって、コピペでOK,なんとか管理人でも装着でき、しかも装着後にも作動してくれるスクリプトにようやく出合う事ができました。
念願をかなえてくださったイヌでもわかるJavaScript講座管理人様にはただただ感謝であります。

以下はそのポップアップ表示のカスタマイズですが、何度も申しますが、Javaの知識ゼロの管理人でありますので、カスタマイズはHTMLに関する部分だけのご説明です。
カスタマイズしたら窓が開かなくなった、あるいはとんでもないところに窓が表示されてしまう…系の事態に陥った場合には、ご自力でご解決、もしくは、再度のDLで初期設定で我慢なさってくださいませ。本当に申しわけありませんが、管理人はお力になれませんです。

メニューボタンと、ポップアップ表示のソースはHTMLの別々の箇所にあります。記載されている位置・順番はテンプレートによって違いますので、スクロールしてそれぞれの箇所を探し、必要に応じて、その片方、あるいは両方の箇所をカスタマイズしてください。
【改訂版】ポップアップ表示のカスタマイズ
»»  2012.07.01.
カスタマイズの難易度2 カスタマイズの難易度3 
カスタマイズの難易度2 カスタマイズの難易度2

novel-PF・PF2タイプの画面上部のメニューバーは、検索ツールバーが表示される事を想定して、その直下に表示されるように位置取りしてあります。

検索ツールバーをご利用にならない場合、メニューバーの上に帯状の余白ができてしまいます。
気になる場合は、検索バーを表示させるか、テンプレートをカスタマイズしてメニューバーの表示位置を変更します。

検索ツールバーを表示させる場合



菅理画面を開いてください。

左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【ブログの設定 】 ⇒ 【 検索バーの設定 】 をクリック

「検索バーの設定」 

検索バーの利用 ]を 【利用する 】に変更して

更新 】をクリック 

メニューバーの表示位置を変更する場合



[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして

テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんふうに上から順番に並んでいます。

スタイルシート編集]部分をカスタマイズします。

スタイルシートをスクロールして以下の個所を探します。

.navi_top {
border-bottom :2px solid #C2A858;
left :0; top:2em;
}


赤字の部分の数値を 0 に変更します。


更新 】をクリック 
【novel-PF タイプ】検索バー非表示の際の画面上部メニューバーの位置の調整
»»  2012.07.03.
カスタマイズの難易度2 

スポンサーサイト

--.--.--.[Edit]

▲page top

カスタマイズの難易度2 カスタマイズの難易度2

メニューバーに新しいコンテンツを追加する



新作の擬似フレームタイプのテンプレート[novel-PF-Cosmos]では、サイトナビゲーション(メニューバー)がブラウザの上下に固定されており、画面をスクロールしても位置が変わらないよう設定してあります。このメニューバーに新しいコンテンツを追加する場合に備えて、HTMLには予備のボタンを埋め込んでおきました。

全ページ共通の固定式メニューバーですから、カスタマイズするのは上下それぞれ一箇所、あわせて二箇所だけでOKです。前後の不要のタグを削除して、新しいコンテンツ名とアドレスを記載するだけで、簡単にメニューバーに新しいメニューを追加できます。

【novel-PF タイプ】(擬似フレームタイプ) 固定式メニューバーのカスタマイズ

2009.09.16.[Edit]
 カスタマイズの難易度2メニューバーに新しいコンテンツを追加する新作の擬似フレームタイプのテンプレート[novel-PF-Cosmos]では、サイトナビゲーション(メニューバー)がブラウザの上下に固定されており、画面をスクロールしても位置が変わらないよう設定してあります。このメニューバーに新しいコンテンツを追加する場合に備えて、HTMLには予備のボタンを埋め込んでおきました。全ページ共通の固定式メニューバーですから...

»» 続きを読む

カスタマイズの難易度2 ナビゲーション 

▲page top

カスタマイズの難易度2 カスタマイズの難易度2…メニューボタンを追加するだけの場合
カスタマイズの難易度3 カスタマイズの難易度3…ポップアップされる内容・表示設定を変更する場合

novel-PFタイプ・novel-J・Jfタイプのテンプレートでは表紙ページのサイドメニューのボタンをクリックするとメインカラムにその説明がポップアップで表示されます。以下は、それらポップアップ表示に関するカスタマイズのご紹介です。

ポップアップのスクリプトは「イヌでもわかるJavaScript講座」様からお借りしました。

冒頭の「このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。」というお言葉が涙がでるほど嬉しかった管理人であります。

最初に申し上げておきますが、管理人、Javaの知識全くもって皆無でありますので、こと、このポップアップに関しての、ご質問などは、平にご容赦くださいませ。「知らないなら使うな!」というお叱りを受けても仕方のない無謀さでありますが、厚顔無恥なこの暴挙を御許しくださいませ。実は管理人、ずっと以前から、このポップアップ表示を拙作テンプレ表紙メニューで使いたくて、使いたくて仕方がなかったのです。スキルはなくとも、探すのは苦にならない性質でありますので、ネットを探しまわって、コピペでOK,なんとか管理人でも装着でき、しかも装着後にも作動してくれるスクリプトにようやく出合う事ができました。
念願をかなえてくださったイヌでもわかるJavaScript講座管理人様にはただただ感謝であります。

以下はそのポップアップ表示のカスタマイズですが、何度も申しますが、Javaの知識ゼロの管理人でありますので、カスタマイズはHTMLに関する部分だけのご説明です。
カスタマイズしたら窓が開かなくなった、あるいはとんでもないところに窓が表示されてしまう…系の事態に陥った場合には、ご自力でご解決、もしくは、再度のDLで初期設定で我慢なさってくださいませ。本当に申しわけありませんが、管理人はお力になれませんです。

メニューボタンと、ポップアップ表示のソースはHTMLの別々の箇所にあります。記載されている位置・順番はテンプレートによって違いますので、スクロールしてそれぞれの箇所を探し、必要に応じて、その片方、あるいは両方の箇所をカスタマイズしてください。

【改訂版】ポップアップ表示のカスタマイズ

2012.07.01.[Edit]
 カスタマイズの難易度2…メニューボタンを追加するだけの場合 カスタマイズの難易度3…ポップアップされる内容・表示設定を変更する場合novel-PFタイプ・novel-J・Jfタイプのテンプレートでは表紙ページのサイドメニューのボタンをクリックするとメインカラムにその説明がポップアップで表示されます。以下は、それらポップアップ表示に関するカスタマイズのご紹介です。ポップアップのスクリプトは「イヌでもわかるJavaScript...

»» 続きを読む

カスタマイズの難易度2 カスタマイズの難易度3 

▲page top

カスタマイズの難易度2 カスタマイズの難易度2

novel-PF・PF2タイプの画面上部のメニューバーは、検索ツールバーが表示される事を想定して、その直下に表示されるように位置取りしてあります。

検索ツールバーをご利用にならない場合、メニューバーの上に帯状の余白ができてしまいます。
気になる場合は、検索バーを表示させるか、テンプレートをカスタマイズしてメニューバーの表示位置を変更します。

検索ツールバーを表示させる場合



菅理画面を開いてください。

左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【ブログの設定 】 ⇒ 【 検索バーの設定 】 をクリック

「検索バーの設定」 

検索バーの利用 ]を 【利用する 】に変更して

更新 】をクリック 

メニューバーの表示位置を変更する場合



[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして

テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんふうに上から順番に並んでいます。

スタイルシート編集]部分をカスタマイズします。

スタイルシートをスクロールして以下の個所を探します。

.navi_top {
border-bottom :2px solid #C2A858;
left :0; top:2em;
}


赤字の部分の数値を 0 に変更します。


更新 】をクリック 

【novel-PF タイプ】検索バー非表示の際の画面上部メニューバーの位置の調整

2012.07.03.[Edit]
 カスタマイズの難易度2novel-PF・PF2タイプの画面上部のメニューバーは、検索ツールバーが表示される事を想定して、その直下に表示されるように位置取りしてあります。検索ツールバーをご利用にならない場合、メニューバーの上に帯状の余白ができてしまいます。気になる場合は、検索バーを表示させるか、テンプレートをカスタマイズしてメニューバーの表示位置を変更します。検索ツールバーを表示させる場合菅理画面を開いてく...

»» 続きを読む

カスタマイズの難易度2 

▲page top


雪の女王
SNEDRONNINGEN
七つのお話でできているおとぎ物語
ハンス・クリスティアン・アンデルセン Hans Christian Andersen
楠山正雄訳  出典: 青空文庫
底本:「新訳アンデルセン童話集 第二巻」同和春秋社
作品名: 銀河鉄道の夜
作品名読み: ぎんがてつどうのよる
著者名: 宮沢 賢治  出典: 青空文庫
底本: 新編 銀河鉄道の夜
出版社: 新潮文庫、新潮社
作品名: 坊っちゃん
作品名読み: ぼっちゃん
著者名: 夏目 漱石  出典: 青空文庫
底本: ちくま日本文学全集 夏目漱石
出版社: 筑摩書房
同じタイプのテンプレートのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。 詳しくは コチラ
同じタイプの小説用テンプレのスタイルシートと差し替えれば、一般ブログスタイルのまま、配色・背景画像などデザインを変更(衣替え)することができます。詳しくは  テンプレートを一般ブログスタイルに変更する
夢小説テンプレートは設定をしてはじめて、名前変換フォームが表示され夢小説用テンプレートとして機能します。ご利用の前に必ず設定してください。 また、PFタイプ・PF2タイプ以外のスタイルシートに差し替えれば、夢小説名前変換機能はそのまま、デザインだけを変更できます。  詳しくは  夢小説用テンプレートの設定
カスタマイズの難易度2 カスタマイズの難易度2

メニューバーに新しいコンテンツを追加する



新作の擬似フレームタイプのテンプレート[novel-PF-Cosmos]では、サイトナビゲーション(メニューバー)がブラウザの上下に固定されており、画面をスクロールしても位置が変わらないよう設定してあります。このメニューバーに新しいコンテンツを追加する場合に備えて、HTMLには予備のボタンを埋め込んでおきました。

全ページ共通の固定式メニューバーですから、カスタマイズするのは上下それぞれ一箇所、あわせて二箇所だけでOKです。前後の不要のタグを削除して、新しいコンテンツ名とアドレスを記載するだけで、簡単にメニューバーに新しいメニューを追加できます。
【novel-PF タイプ】(擬似フレームタイプ) 固定式メニューバーのカスタマイズ
»»  2009.09.16.
[Edit]カスタマイズの難易度2 ナビゲーション 
カスタマイズの難易度2 カスタマイズの難易度2…メニューボタンを追加するだけの場合
カスタマイズの難易度3 カスタマイズの難易度3…ポップアップされる内容・表示設定を変更する場合

novel-PFタイプ・novel-J・Jfタイプのテンプレートでは表紙ページのサイドメニューのボタンをクリックするとメインカラムにその説明がポップアップで表示されます。以下は、それらポップアップ表示に関するカスタマイズのご紹介です。

ポップアップのスクリプトは「イヌでもわかるJavaScript講座」様からお借りしました。

冒頭の「このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。」というお言葉が涙がでるほど嬉しかった管理人であります。

最初に申し上げておきますが、管理人、Javaの知識全くもって皆無でありますので、こと、このポップアップに関しての、ご質問などは、平にご容赦くださいませ。「知らないなら使うな!」というお叱りを受けても仕方のない無謀さでありますが、厚顔無恥なこの暴挙を御許しくださいませ。実は管理人、ずっと以前から、このポップアップ表示を拙作テンプレ表紙メニューで使いたくて、使いたくて仕方がなかったのです。スキルはなくとも、探すのは苦にならない性質でありますので、ネットを探しまわって、コピペでOK,なんとか管理人でも装着でき、しかも装着後にも作動してくれるスクリプトにようやく出合う事ができました。
念願をかなえてくださったイヌでもわかるJavaScript講座管理人様にはただただ感謝であります。

以下はそのポップアップ表示のカスタマイズですが、何度も申しますが、Javaの知識ゼロの管理人でありますので、カスタマイズはHTMLに関する部分だけのご説明です。
カスタマイズしたら窓が開かなくなった、あるいはとんでもないところに窓が表示されてしまう…系の事態に陥った場合には、ご自力でご解決、もしくは、再度のDLで初期設定で我慢なさってくださいませ。本当に申しわけありませんが、管理人はお力になれませんです。

メニューボタンと、ポップアップ表示のソースはHTMLの別々の箇所にあります。記載されている位置・順番はテンプレートによって違いますので、スクロールしてそれぞれの箇所を探し、必要に応じて、その片方、あるいは両方の箇所をカスタマイズしてください。
【改訂版】ポップアップ表示のカスタマイズ
»»  2012.07.01.
[Edit]カスタマイズの難易度2 カスタマイズの難易度3 
カスタマイズの難易度2 カスタマイズの難易度2

novel-PF・PF2タイプの画面上部のメニューバーは、検索ツールバーが表示される事を想定して、その直下に表示されるように位置取りしてあります。

検索ツールバーをご利用にならない場合、メニューバーの上に帯状の余白ができてしまいます。
気になる場合は、検索バーを表示させるか、テンプレートをカスタマイズしてメニューバーの表示位置を変更します。

検索ツールバーを表示させる場合



菅理画面を開いてください。

左側のメニューから [ 環 境 設 定 ] ⇒ 【 環境設定の変更 】 をクリック
開いた画面の一番上 [ 環 境 設 定 ] ⇒【ブログの設定 】 ⇒ 【 検索バーの設定 】 をクリック

「検索バーの設定」 

検索バーの利用 ]を 【利用する 】に変更して

更新 】をクリック 

メニューバーの表示位置を変更する場合



[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして

テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんふうに上から順番に並んでいます。

スタイルシート編集]部分をカスタマイズします。

スタイルシートをスクロールして以下の個所を探します。

.navi_top {
border-bottom :2px solid #C2A858;
left :0; top:2em;
}


赤字の部分の数値を 0 に変更します。


更新 】をクリック 
【novel-PF タイプ】検索バー非表示の際の画面上部メニューバーの位置の調整
»»  2012.07.03.
[Edit]カスタマイズの難易度2 

名前変換フォーム

Script by
ブログで夢小説!ユメミル?
densha2cb.gif
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。