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

スポンサー広告

スポンサーサイト

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

月別アーカイブページパン屑リスト


月別アーカイブページにおいて、変数<%subtitle>の表示内容の改訂によりパン屑リスト及びStileKeeperのスクリプトが無効になってしまった。(以前は記事の更新年月日の数字のみに変換されたが、現在は、年月日の漢字も表示)

例2014.1.1.に更新された記事
改訂以前 20140101  現在 20140101
色々試してみたが、難航中。自力では歯が立たない場合は作者様に相談。
 

一ヵ月更新がない場合の指定追加


HTML


<!--▽月別アーカイブページ・検索ページ下部-->
<!--not_index_area--><!--not_permanent_area--><!--not_category_area--><!--not_page_area--><!--not_tag_area--><!--not_edit_area-->
<!--not_titlelist_area-->
<!--topentry-->
<div class="entry-body kakusi<%topentry_category_no> ad<%topentry_no>">



ヘッド内CSS



li.ad,tr.ad,ul.nl li.ad,ul.entry_list li.ad{ display: none; }

Monthly_Rf_Jyugoya


外部ファイルCSS

<!--以下は月替わりスタイルシート設定-->
<!--permanent_area--><!--topentry-->
<link href="http://blog-imgs-45.fc2.com/n/o/v/noveltemplate/Jugoya_<%topentry_month>.css" type="text/css" rel="stylesheet" />
<!--/topentry--><!--/permanent_area-->
<!--not_permanent_area--><link href="http://blog-imgs-45.fc2.com/n/o/v/noveltemplate/Jugoya_<%now_month>.css" type="text/css" rel="stylesheet" /><!--/not_permanent_area-->
<!--月替わりスタイルシート設定ここまで-->






以前?の改訂の取りこぼし
コメントリストの見出し、HTML は h4 で、スタイルシートは h3 で指定している。
.comment-list h4

PFタイプ fieldsetフォントが変



#permanent .index-navi fieldset

PFタイプ2013.5.26.修正


アンカーの調節のためにネガティブマージン指定
全記事一覧ページの見出しミス修正と<h2>→<h3><h3>→<h4>


<!--category_nosub--><div id="all<%category_no>" class="co_num<%category_count>"style="margin-top:-50px;"> 
<h3><%category_name></h3></div>
<!--/category_nosub-->
<!--category_parent--><div id="all<%category_no>" class="co_num<%category_count>"style="margin-top:-50px;"> 
<h3><%category_name></h3></div>
<!--/category_parent-->
<!--category_sub_hasnext--><div id="all<%category_no>" class="co_num<%category_count>"style="margin-top:-50px;"> 
<h4><%category_name></h4></div>
<!--/category_sub_hasnext-->
<!--category_sub_end--><div id="all<%category_no>" class="co_num<%category_count>"style="margin-top:-50px;"> 
<h4><%category_name></h4></div>
<!--/category_sub_end-->


.entry_all ul {
margin : 0px 10px 20px 20px;
padding : 0px 0px 0px 20px;
list-style-type : square;;
}

ver1303


コメント・トラックバック共に受け付けない場合layout_side2ブロックとnavi_4を非表示
head内スタイルシートに以下を追加

#permanent .cm-tb-{display:none;}

layout_side2 と navi_4のクラス名を追加して以下に変更
<div class="layout_side2 cm<!--topentry--><%topentry_comment_num>tb<%topentry_tb_num><!--/topentry-->">

<div class="navi navi_4<!--permanent_area--> cm<!--topentry--><%topentry_comment_num>tb<%topentry_tb_num><!--/topentry--><!--/permanent_area-->">


通常ブログ画面のIE6バグ対処法

entry背景が領域を超えて表示される場合は、高さとアンカーのための下パディングを指定する。
この時、下パディング分の1pxがメインカラム背景色と相反して目立つ場合は、ul.entry_stateにネガティブマージンを指定して隠す。

#page .entry{margin : 0px;
_height:1px;_padding-bottom:1px;/*IE6バグ対策*/}

#page ul.entry_state{_margin-bottom:-1px;/*IE6バグ対策*/}

ver1302


サムネイル表示変数を追加
HTML
タグエリア

<div class="entry_text4">
<!--body_img--><%topentry_image><!--/body_img--><%topentry_discription>
<p align="right">

月別・検索ページ
<div class="entry_text">
<p align="right"><%topentry_year>.<%topentry_month>.<%topentry_day> (<%topentry_youbi>)</p>
<div class="entry"><!--body_img--><%topentry_image_72><!--/body_img--><%topentry_discription></div>

CSS
追加

.entry_text4{min-height:1px;}
.entry_text4 img {height: 150px;width:auto;float:left; overflow: hidden;margin:0;padding:0;border-right:5px solid #f0f8ff;}
#date .entry img,#search .entry img
{float:left;height: 90px;width:auto;margin:0;padding:0; border-right:5px solid #fff4dc;}


変更

#tag p.back-top ⇒.tag-frm1 p.back-top
#tag h2 ⇒.tag-frm1 h2

タグエリアが羊皮紙の場合
div.tag-frm2 { margin : 0 auto;text-align:left;max-width:580px;_width:580px; }

.entry_text4 {
max-width : 470px;_width : 470px;max-height : 150px;_height : 150px;
margin : 20px auto 10px auto ;
padding : 20px 4% 10px 4% ; line-height : 170%;
background-color : #f0f8ff;
font-size : 90%;
border : 1px dotted #C2A858 ;overflow:auto;
}


/*<<もくじ*/
.mokuji a{ color : #900000; font-weight : bold;}
.mokuji a:hover{ color : #ffffff; font-weight : bold; background-color:#006400;}

p.tag_btm{margin : 0 auto; max-width:580px;_width:580px;line-height:100%;}
.tag-frm1 a{background-color:#f3e5c0}

月別・検索が羊皮紙カードの場合

#date .entry,#search .entry {margin : 0px auto;padding:0;max-width:430px;_width:430px;
height:130px;overflow:auto;}

#search p.back-top,#date p.back-top{
font-size:1%!important;margin:20px 0 0px auto;width:70px; background-image : url("http://blog-imgs-62.fc2.com/n/o/v/noveltemplate/seal_dokuro75.gif"); background-position:right center;background-repeat:no-repeat;overflow : hidden; }

#date .entry-body h4,#search .entry-body h4{max-width:480px;margin:0 auto;text-align:right;}

ver1301

.sub_block関連エントリー と関連目次一覧 を折りたたみ

.sub_block {height:100%;overflow:auto;} 追加
#category div.sub_block {text-align : center;position: absolute;} 削除
#category .sub_block_in {padding-top:0em;} 削除



ボックス表示風にする場合は、関連目次一覧のための追加設定 を以下に差し替え

#category div.sub_block .side_menu{margin:0;}
#category div.sub_block .movecat {background-color : #fff;}
#category div.sub_block .movecat fieldset {margin:0;padding:0 0 0 1em;border:none;}
#category div.sub_block .movecat a{display:block;}
#category div.sub_block fieldset a:hover{color : #fff;background-color : #900;}
#category div.sub_block legend {width:170px;background-color : #fff;font-size:16px;}
span.ichiran-p {font-weight:bold;border-bottom:2px dotted #C2A858;font-size:110%;}
span.ichiran-p a:link,span.ichiran-p a:visited { color : #800080; text-decoration : none;}
span.ichiran-p a:active, span.ichiran-p a:hover{ color : #000000; text-decoration : none; background-color:#fff;}



横スクロールバーが出ている場合は以下を削除

#category div.sub_block {width:180px;}



全記事一覧ページ.sub_block top リンクのアンカー変更

Jタイプクロスフェード追加ソース2 挿入位置

novel-S,novel-Rタイプ以外に、navi_2,navi_4 改行追加

コメント編集時のテキストエリア 高さ指定(height:300px;)追加

#edit dl.co_form dd textarea#comment{
width:95%;max-width : 600px;_width : 600px;height:300px;}



ver1212

改訂テンプレート:novel-Iタイプ
改訂内容:表紙ページ noscript部分を分離し、#index .layout_mainで背景を指定する。
#wrapperの上に#index .layout_mainの画像・背景色を表示させることで、JS無効時にカード上の文字列を消す。

<div id="wrapper">
<!--index_area-->
<!-- ▼▼▼ 表紙メニューポップアップ表示コンテンツここから ▼▼▼ -->
<div id="top_pop" style="display:none;">
~ 中略 ~
</div><script> document.getElementById("top_pop").style.display = "block";</script>
<!--▲▲▲ 表紙メニューポップアップ表示コンテンツここまで ▲▲▲-->

<noscript>
<div class="layout_main">
~ 中略 ~
</div>
</noscript>
<!--/index_area-->

<!--not_index_area-->
<div class="layout_main">
~ 中略 ~
</div>
<!--/not_index_area-->


#index .layout_main{ width:100%;max-width : 800px;_width : 800px; float:left;
height:440px;overflow:hidden;margin:0px -250px 0 auto;/padding-top:70px;
background-image : url("http://blog-imgs-43.fc2.com/n/o/v/noveltemplate/f00240_800X500x.gif");
background-repeat : no-repeat ;
background-position :right top ;}

ver1211

2013.3.19.改訂
改訂テンプレート:全記事一覧ページが右寄せレイアウトのnovel-R/Rfタイプ
novel-Rf-Jugoyaシリーズ以外(Jugoyaシリーズは既に改訂済み)
改訂内容:全記事一覧ページを1400px以上は右寄せさせない。

#titlelist { max-width:1400px;}
#titlelist { overflow : hidden ;}
#titlelist> .all { height:100%;}
#titlelist .main { height:100%; overflow:auto;}

#titlelist .sub_block { position:absolute;right : 640px ;}
#titlelist .sub_block_in { padding-top:0em;}


おまけ:HTMLからentry_all 内の以下を削除
「カテゴリ別表示は、JavaScript を オン にしてください。」

#index ,#titlelistなどID指定したbodyにpadding:0;margin:0;指定をすると
IEでは、検索バー領域を無視してレイアウトされてしまう。
Firefoxでは指定しても検索バー領域は確保される。

結果、body以下のブロックにheight:100%;を指定した場合などブラウザによって表示が違ってきてしまう。
これを避けるために、ID指定したbodyにはpadding,margin指定はしない。

ver1301mp

2013.3.19.改訂
改訂テンプレート:全携帯テンプレ
改訂内容:コメント編集エリア追加・コメトラ一覧ページナビにテキスト(先頭・最後)追加

関連記事
スポンサーサイト


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-I-White-Jf 白い小花の素材屋風テンプレート    →スマホのテンプレがとんでもないことになってる!

名前変換フォーム

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