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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←この度の東北地方太平洋沖地震につきまして →検索ツールバーを非表示にする
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png スポンサーサイト
携帯用Novelテンプレート 3kaku_s_L.png スポンサーサイト
表紙ページ 3kaku_s_L.png スポンサーサイト
Novel List 3kaku_s_L.png スポンサーサイト
目次ページ 3kaku_s_L.png スポンサーサイト
小説本文(個別記事)ページ 3kaku_s_L.png スポンサーサイト
イラストリスト 3kaku_s_L.png スポンサーサイト
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png スポンサーサイト
その他・共通ページ 3kaku_s_L.png スポンサーサイト
携帯用テンプレートのカスタマイズ 3kaku_s_L.png スポンサーサイト
テンプレート別のカスタマイズ 3kaku_s_L.png スポンサーサイト
サイト内配布テンプレート 3kaku_s_L.png スポンサーサイト
テンプレートの衣替え 3kaku_s_L.png スポンサーサイト
裏技カスタマイズ 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png スポンサーサイト
novel-tempタイプ 3kaku_s_L.png スポンサーサイト
novel-Sタイプ 3kaku_s_L.png スポンサーサイト
novel-Rタイプ 3kaku_s_L.png スポンサーサイト
novel-Gタイプ 3kaku_s_L.png スポンサーサイト
novel-Jタイプ 3kaku_s_L.png スポンサーサイト
novel-Cタイプ 3kaku_s_L.png スポンサーサイト
素材屋風テンプレート 3kaku_s_L.png スポンサーサイト
疑似フレームテンプレート 3kaku_s_L.png スポンサーサイト
novel-PF2タイプ 3kaku_s_L.png スポンサーサイト
夢小説用テンプレート 3kaku_s_L.png スポンサーサイト
イラストリスト付きテンプレート 3kaku_s_L.png スポンサーサイト
携帯用テンプレート 3kaku_s_L.png スポンサーサイト
一般ブログ用テンプレート 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png スポンサーサイト
不具合の修正 3kaku_s_L.png スポンサーサイト
その他お知らせなど 3kaku_s_L.png スポンサーサイト
管理人のおススメ 3kaku_s_L.png スポンサーサイト
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png スポンサーサイト
雪の女王 3kaku_s_L.png スポンサーサイト
銀河鉄道の夜 3kaku_s_L.png スポンサーサイト
坊っちゃん 3kaku_s_L.png スポンサーサイト
幸福の王子(夢小説サンプル)  3kaku_s_L.png スポンサーサイト
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
 

未分類

no_kaishimeを小説テンプレの前に表示させるカスタマイズ

 Temlplate Image : カスタマイズの難易度2 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←この度の東北地方太平洋沖地震につきまして →検索ツールバーを非表示にする
 
カスタマイズの難易度2(変更箇所は2~3箇所) カスタマイズの難易度2
訂正とお詫び
申しわけありません、とんでもない勘違いをしておりました!
「no_kashime」の作者さまは麻生さまではなく、「サイクルメモ」さまでした。
サイクルメモさま、麻生さま、本当に申し訳ありませんでした!


no_kaishimeのメッセージに賛同したのでお借りしたいが、小説テンプレとしての機能がなくなるのは困るという方のために、現在のこのブログのようにトップページをno_kaishimeテンプレで表示させ、その後、閲覧する方の必要に応じて小説テンプレでご覧になれるカスタマイズをご紹介します。

no_kaishimeをDLし、以前も記事でご紹介したFCafedaniel様がご考案くださったStyle Keeperを追加した上で、小説用テンプレへのナビゲーションを表示させるだけですのでとても簡単です。

カスタマイズ



1.no_kaishimeをDLする

[菅理画面]⇒[環境設定]⇒【テンプレートの設定
⇒PC用【共有テンプレートの追加】をクリック


「no_kaishime」は現在新着テンプレートのトップページにあると思いますが、ない場合は

[共有テンプレートから検索]の名前の部分にno_kaishimeといれて【検索

no_kaishime のページが開いたら、
詳細】⇒【ダウンロード】をクリック

PC用【テンプレート菅理】をクリック

開いた画面のリストの中からno_kaishimeを探し、
左側の丸印をチェックしてから【適用】をクリック

開いたページの 【no_kaishime のHTML編集】 部分をカスタマイズします

2.Style Keeperのスクリプトの追加


<head>~ </head>内の指定した個所にStyle Keeperのスクリプトをコピペして追加します。

Style Keeperのスクリプト↓


<!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">
<head>
~ 中略 ~

<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="<%template_prevpage>" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="<%template_nextpage>" /><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->


//////Style Keeperのスクリプトをここ//////


</head>
<body>

<div id="header">
<img src="http://blog-imgs-31.fc2.com/c/y/c/cyclememo/title.gif" width="800" height="80" alt="みんなで分け合えば、できること"><br /> <img src="http://blog-imgs-31.fc2.com/c/y/c/cyclememo/anime.gif" width="774" height="136" alt="ガソリン10リットルでけが人何人が助かるかわかりますか?"><br /> <img src="http://blog-imgs-31.fc2.com/c/y/c/cyclememo/read.gif" width="800" height="80" alt="食品、日用品の買いすぎをお控えください。分け合う気持ちを大切に。"><br />
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p> </div><!-- /header -->


3.小説テンプレへのナビを追加

<body>~ </body>内の<%introduction>を、 以下のソースの〇〇〇を小説用のテンプレートの名前に変更してから、差し替えます。

事態が沈静化するまでサイクルメモさまのno_kaishimeテンプレを使わせていただいております。 <br/>いつもの小説テンプレでブログをご覧になる場合は<noscript>JavaScriptをオンにしてから</noscript>コチラを<a href="<%url>?template=〇〇〇&index" >⇒ <span style="background-color: #00FA9A;">Click! </span></a>

更新】をクリック



「サイクルメモ」さまでは、ポスターやバナーもお借りできます。

詳しくは⇒みんなで分け合えば、できること。ブログ用バナー
みんなで分け合えば、できること。
関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
携帯用Novelテンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
表紙ページ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
Novel List 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
目次ページ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
小説本文(個別記事)ページ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
イラストリスト 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
その他・共通ページ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
携帯用テンプレートのカスタマイズ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
テンプレート別のカスタマイズ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
サイト内配布テンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
テンプレートの衣替え 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
裏技カスタマイズ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-tempタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-Sタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-Rタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-Gタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-Jタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-Cタイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
素材屋風テンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
疑似フレームテンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
novel-PF2タイプ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
夢小説用テンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
イラストリスト付きテンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
携帯用テンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
一般ブログ用テンプレート 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
不具合の修正 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
その他お知らせなど 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
管理人のおススメ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
雪の女王 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
銀河鉄道の夜 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
坊っちゃん 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
幸福の王子(夢小説サンプル)  3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png no_kaishimeを小説テンプレの前に表示させるカスタマイズ
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[6]
関連カスタマイズ記事一覧 カスタマイズの難易度2 
   

~ Comment ~

承認待ちコメント

このコメントは管理者の承認待ちです

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To:シークレットH様

DLとコメントありがとうございます。
novel-10タイプは管理人自身もデザインは気に入っているのですが、
テーブルで作成したため、改訂が遅れております。
そのため、テンプレ作成にまだ慣れていない頃のアラが色々残っていて、
ご利用の皆さまには本当に申し訳なく思っております。
にも関わらず、二年も前からご利用いたただいているとのお言葉、感激です。
本当にありがとうございます。


> 画面上部にあるサイト名のタイトル、そしてサイトの簡単な説明を載せている文章の背景が白くなり
…ビーチの絵の後ろが全体的に白くなってしまっていてどうしてこうなったのか全くもって原因がわかりません。

背景のグラデーション画像の位置がずれているようです。

スタイルシートのbody部分、特に、背景画像の表示位置が正しく指定されているか(赤字の部分)をご確認ください。コロン:やセミコロン;が一つ抜けたり、余分にあったり、半角英数字ではなく全角だったり、あるいはどこかに全角スペースが紛れ込むだけでもスタイルシートの指定は無効になることがありますので、ご注意ください。

body {
font-family : "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", "Osaka",sans-serif;
margin: 0;
background-color: #000000;
background-image : url("http://blog-imgs-18.fc2.com/n/o/v/noveltemplate/s-w-gradation14.jpg");
backgroud-repeat : repeat-x ;
background-position: left bottom; background-attachment: fixed;}


>
> カーソルを合わせると…それぞれ説明文が出てくるはずですよね?拙宅の場合それを個々にすることができず、拙宅にある小説以外のコンテンツ(ブログ、別館、リンクの3つがあります)はみな同じ文章しか出すことができません。

リンクボタンにカーソルをあてた時にホップアップされる説明文は、
idで指定された内容が表示されるのですが、
ブログ、別館、リンクの3つは同じid('step10')になっているようです。
同じ文章が表示されるのはそのためです。

<h3 class="side_menu" ><a href="url"title=""onmouseover="myIn('step10')" >   当直日誌</a></h3>
<h3 class="side_menu" ><a href="url"title=""onmouseover="myIn('step10')" >   別館</a></h3>
<h3 class="side_menu" ><a href="url"title=""onmouseover="myIn('step10')" >   他署案内</a></h3>

重複しないように別々のidで指定し、尚且つ、ポップアップで表示される説明文のブロック部分のidと対になるように設定してみてください。


<div id="step10" style="position:absolute; left:350px;
top:300px; width:300px; height:100px; z-index:1; visibility:hidden">
<table border="1" cellpadding="6" cellspacing="0" width="300">
<tr><td bgcolor="#008b8b"><font color="#FFFFFF">
★当直日誌は管理人のブログです。拍手返信や更新情報などを津々浦々と書き綴っていますので、息抜きにどうぞ!<br>別館は、現在一時的にリンクを切っております。ご了承下さい。<br>他署案内は素敵サイト様などへの直通便です。失礼のないようにお願い致します。<br>
</font></td></tr></table></div>

<div id="step11" style="position:absolute; left:350px;
top:300px; width:300px; height:100px; z-index:1; visibility:hidden">
<table border="1" cellpadding="6" cellspacing="0" width="300">
<tr><td bgcolor="#008b8b"><font color="#FFFFFF">
★素敵サイト様やお世話になっているサイト様などへの直通便です。失礼のないようにお願いいたします。<br>
</font></td></tr></table></div>

  • #971 Novelテンプレート管理人 
  • URL 
  • 2011.04/13 04:44 
  •  ▲EntryTop 

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To:シークレットH様 つづき

もしかしたら、新設された検索ツールバーのせいかもしれません。
テンプレートによっては、このツールバーを表示させると
背景画像の位置設定が無効になる場合があるようなのので。
試しに、
環境設定の変更→ブログの設定→検索バーの設定→利用しない
に変更してみてください。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←この度の東北地方太平洋沖地震につきまして    →検索ツールバーを非表示にする

名前変換フォーム

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