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

スポンサー広告

スポンサーサイト

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

左右カラム可変 リキッドレイアウトサンプル



幅 600px 右サイドメニュー



html { _overflow-x: scroll; }/*IE6 縮小画面の時の横スクロール用*/

.container {
margin : 0px auto ;
max-width : 600px;_width : 600px;
text-align : left ; }

.layout_main {
float : left;
width : 65%;_width : 400px; }

div.layout_side {
float : right;
width : 30%;_width : 180px; overflow: hidden;}


ポップアップ表示 基準は#wrapper スクロールと連動


#wrapperを基準にホップアップさせた場合、position:absoluteを指定しても親ブロック(.main)で_position: relative を指定しておかないと、IE6では表示位置が固定されてしまい、縮小画面にした時見えない部分が出来るので注意

#index .all .main { _position: relative ; }/*IE6ポップアップ固定防止のため*/

#index .all #wrapper { position: relative;_position:static ; }

.popupcard { width:67%;max-width:400px;_width:400px;
right: 30%; top:40px;_top:320px;_right:50%;
z-index:1; visibility:hidden; position:absolute;text-align:center;
}

.layout_side .popupcard { margin:0 ;background-image :none ;}

.popupin {
max-width:300px;_width:300px;
margin:40px auto 0 auto ;_margin : 20px -100px 0 auto;_position: relative;
padding:5px 10px;text-align : center ;
border:line-height:200%;background-color:#ffffff;border:3px double #C2A858 ; }

#step2 .popupin { margin-top:20px;max-width:350px;_width:350px ; }

.popupin2 {
max-width:320px;_width:320px;max-height:200px;_height:200px;overflow: auto;
margin:20px auto 0 auto ;_margin : 20px -100px 0 auto;_position: relative;
padding:0 1em 0 1.5em;text-align : left ;
line-height: 150%;
background-color:#ffffff;border:3px double #C2A858;
}
.layout_side .popupin2{max-height:220px;padding:1em ;_position: relative ; }

.popupcard h3{
margin:0 auto ;_margin : 0px -100px 0 auto;_width:400px;
padding : 0px ;font-weight: bold;
border:none ;background-color :transparent ;background-image : none;
color:#633;text-align : center ;
}
#index .side_menu .popupcard h3{
max-width:400px;_width:400px;_position: relative;_margin : 20px -100px 0 auto;
border:none ;background-color :transparent ;background-image : none;
color:#633;text-align : center ;}

.pop_free {max-width:350px;_width:350px;margin-top:20px;max-height:350px;_height:auto;line-height:150%;overflow: auto;text-align : left ;
}

/*背景画像の表示領域を確保するための設定*/
#index .topindex { min-height:〇〇px;_〇〇px ; }
hr.bg_line { visibility:hidden; }/*トップ画像が一枚絵展示スタイル*/

hr.bg_line { dispaly:none; }/*一枚絵展示でなければ非表示設定でOK*/

GタイプJタイプ対応のための背景設定


/*#wrapperで背景指定する場合*/

#index .all div#wrapper {
min-height:〇〇px;_height:〇〇px;
background-image : url("画像ファイル");
background-repeat : no-repeat ;
background-position : left bottom;}


#index .all div#wrapper {overflow: hidden;}

#index .all div#wrapper:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #index .all div#wrapper {
height: 1em;_height:1em;
overflow: visible;
}
/**/
関連記事
スポンサーサイト


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サイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
   

~ Comment ~

カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←ページ内リンクあれこれ    →非公開変数<!--page_area--><!--/page_area-->の異変

名前変換フォーム

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