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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-template-Aki 秋の牧場のテンプレート →サンプルコード
 
上記の広告は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
   
 

カスタマイズの備忘録

ページ内リンクあれこれ

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-template-Aki 秋の牧場のテンプレート →サンプルコード
 
J・Jfタイプのテンプレートでサイトナビの配置を top:0 left:0 で、画面上に移動して表示させた場合、ページ内リンクを使うと、サイトナビは検索バーの下に隠れて見えなくなってしまう。

対処法その1 検索バーを非表示に設定する。 
対処法その2 コンテナ上部にマージンを指定して、サイトナビの表示位置を下にずらす。
.container { margin-top : 20px ; }

PageTopへのリンク

アンカーの位置によっては、特定のテンプレートやプラグザでリンクが無効になってしまう。
フルスクリーンやクロスフェード表示のために画像タグが原因らしいが、
<class="all"> ~ </div>を用いたJ・Jfタイプのテンプレートにその傾向がある。


とりあえず、アンカーの位置を変更すれば直るので、個々のテンプレートごとに、行き当たりばったりで直している現状。

ブラウザごとにテンプレートを照合し、リンクが無効になる場合のアンカーの位置を確認する必用あり。

<body>
-----------(A1)-----------

<!--フルスクリーン表示のための追加ソース-->

-----------(A2)-----------

<div class="all">

-----------(B)-----------

<div class="main">

-----------(C1)-----------

<!--(表紙)クロスフェード表示のための追加ソース-->

-----------(C2)-----------


<div class="container">

-----------(D)-----------



<a name="pagetop" id="pagetop"></a>

novel-JF-HatuAkiの場合 
A1 IE6のみ 表紙もそれ以外のページも✕ IE6以外はOK
A2 IE6のみ 表紙もそれ以外のページも✕ IE6以外はOK
B  IE6のみ 表紙もそれ以外のページも✕ IE6以外はOK
C1 IE8のみ 表紙のみ✕ IE8以外はOK
C2 IE8とIE9 表紙のみ✕ IE8.9以外はOK
D  IE8のみ 表紙のみ✕ IE8以外はOK


IE6で、ブロックmainより外側(A1(A2)(B))にアンカーを設置してもページ内リンクが無効になるのは、ダブルスクロールを防止するために、.all や body ・ html 等に指定した _over-flow:hidden が原因と思われる。

また、.main以下のブロック(C1)(C2)(D)に設置した場合、表紙ページで、IE8やIE9でページ内リンクが無効になる原因は、間違いなく、クロスフェードのソースにある。

しかし、クロスフェードソース(ブロック#gallery3 )直下のブロック(.container)にアンカーを設置した場合(D)に、.container{position:relative}と指定しているにも関わらず、なぜ、IE8でページ内リンクが無効になるのかその原因は不明。

考えられる対策その1 
IE6のページ内リンクをあきらめるか、ダブルスクロールを我慢して、mainより外側(A1(A2)にアンカーを設置する。

考えられる対策その2
main内(C1)にアンカーを設置した上で、スタイルシートで、IE8で #pagetop の配置指定を追加する。今のところ、この方法が一番有効。

#index #pagetop { position : absolute ; /position : static ; z-index:100 ; top: 0 ; left : 0;}


通常ブログ画面で記事下部へのアンカーが効かない場合
原因:半角スペースを削除したせいか、ブラウザ(IE8)によってはアンカーが無視されてしまう
対策:paddingを設定することで着地点の領域を確保し、認識させる
#page ul.entry_state + a {width:10px;padding:2px;}
関連記事
スポンサーサイト


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
   
  ↑記事冒頭へ  
←novel-template-Aki 秋の牧場のテンプレート    →サンプルコード

名前変換フォーム

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