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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←前話・次話へのページ移動を可能にするために 投票のお願い →おススメ ブログ小説対応携帯用テンプレート m_novel_basis(ケータイ用)
 
上記の広告は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)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←前話・次話へのページ移動を可能にするために 投票のお願い →おススメ ブログ小説対応携帯用テンプレート m_novel_basis(ケータイ用)
 
デザイン変更に関するサポートはしない方針でありますが、それにしても、拙作テンプレートのHTMLもスタイルシートも非常に長ったらしく、煩雑で、HTMLやCSSの知識がある方にさえも、わかりづらいことは自覚しております。よって以下は、ご自力でカスタマイズする方のための、ちょっとしたアドバイスです。

ページエリアごとのID指定(スタイルシート)


フォント(文字)の大きさや色を、スタイルシートをカスタマイズして変更したはずなのに、テンプレートに反映されていない場合など、もしかしたら、ページエリアの指定のせいかもしれません。



例えば、下は h1、つまりテンプレートの各ページ一番上に表示される大見出しの指定です。

/* サイトタイトル */
h1 {
margin: 0.5em;
color: #C2A858;
text-decoration:none;
}

/* 表紙ページ他:ブログタイトル*/
#index h1 { color : #ffffff; }

#permanent h1 {
margin : 1em 0 0 1em;
padding : 0px ;
background-color:#ffffff;
font-size : 100%;
}
#page h1, #date h1, #search h1 {
margin : 0 0 0.5em 0;
}

/* 目次ページ:小説(カテゴリ)タイトル*/
#category h1 { margin: 10px 30px;color : #000000; font-size : 130%;
}
#category h1 a:link, #category h1 a:visited { font-size: smaller; color: #000000;font-weight : bold ; border-bottom : 2px dotted #000000 ; }
#category h1 a:active, #category h1 a:hover { color : #000;background-color : #fff; font-weight : bold ; font-size: 100%;text-decoration : none;}



基本のh1の指定だけでなく、h1の前に#がついた記述がたくさん並んでいます。この#はID指定している、それぞれのエリアを表しています。

つまり、#index は表紙ページの大見出し、#permanennt h1 は個別記事ページ、#category h1 は目次ページの大見出しになります。

ですから、大見出しのフォントの色を変更しようとして、
h1のフォントのカラーコード color: #C2A858;  を変更しても、
表紙ページの大見出しの色は、
#index h1 { color : #ffffff; } で白に指定されていますから、
ここを変更しなければ変わらないわけです。

同じくリンク色の指定も、#category h1 a:link は、目次ページ大見出しのリンク色、, #category h1 a:visited  は 目次ページの大見出しの訪問済みの場合のリンク色になります。


ページエリアの指定は以下の通りです。
#index (表紙ページ)#permanent(小説本文(個別)記事ページ) #category(目次ページ) #tag(NovelList) #taitlelist(全記事一覧ページAllTitlelist) #edit(コメント編集ページ) #page(通常ブログ画面) #date(月別アーカイブ) #search(検索ページ)


h1(大見出し)だけでなく、他の要素やクラス指定したブロックなど、随所にこのエリア別のIDを使っています。

表紙ページの上のサイトナビゲーション(メニューバー)のリンク色を変更する場合は、

.navi_top a:link , .navi_top a:visited {
color : #999999; font-weight : bold;text-decoration : none;}
.navi_top a:active , .navi_top a:hover {
color : #900; font-weight : bold;text-decoration : none; background-color:#ffffff;}


上ではなく、以下の、↓#index .navi_top のカラコードを変更する必要があるわけです。

#index .navi_top a:link , #index .navi_top a:visited {
color : #999999; font-weight : bold;text-decoration : none;background-color:#ffffff;}
#index .navi_top a:active , #index .navi_top a:hover {
color : #900; font-weight : bold;text-decoration : none; background-color:#ffffff;}



ようこそオンライン小説サイト○○へのブログサブタイトル部分を変更する場合も、

.introduction {
margin: 0px;
padding : 0 ;
color: #cccccc;
font-size : 80%;
background-color : transparent;
}


上ではなくここちらをカスタマイズします↓

#index .introduction { width:60% ;
margin: 0 0 0 auto;
padding : 0 ;
color: #cccccc;
font-size : 70%;
background-color : transparent;
}



カスタマイズなさる時にはご注意ください~

注意
一般ブログ用テンプレートの場合のID指定は上とは異なります。エリア別の正確なID名はボディタグでご確認ください。
小説用テンプレートのボディタグ

<body <!--index_area-->onload="hidethem()"<!--/index_area--> id="<!--index_area-->index<!--/index_area--><!--permanent_area-->permanent<!--/permanent_area--><!--date_area-->date<!--/date_area--><!--category_area-->category<!--/category_area--><!--search_area-->search<!--/search_area-->
<!--tag_area-->tag<!--/tag_area-->
<!--edit_area-->edit<!--/edit_area--><!--titlelist_area-->titlelist<!--/titlelist_area-->
<!--not_index_area--><!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area--><!--not_edit_area-->
<!--not_titlelist_area-->page<!--/not_titlelist_area--><!--/not_edit_area--><!--/not_tag_area--><!--/not_search_area-->
<!--/not_category_area--><!--/not_date_area--><!--/not_permanent_area--><!--/not_index_area-->">


一般用テンプレートnormal-PF-Skyのボディタグ

<body <!--index_area-->onload="hidethem()"<!--/index_area--> id="<!--index_area-->index<!--/index_area--><!--permanent_area-->permanent<!--/permanent_area--><!--date_area-->date<!--/date_area--><!--category_area-->titlelist<!--/category_area--><!--search_area-->search<!--/search_area-->
<!--tag_area-->page<!--/tag_area-->
<!--edit_area-->edit<!--/edit_area--><!--titlelist_area-->titlelist<!--/titlelist_area-->
<!--not_index_area--><!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area--><!--not_edit_area-->
<!--not_titlelist_area-->page<!--/not_titlelist_area--><!--/not_edit_area--><!--/not_tag_area--><!--/not_search_area-->
<!--/not_category_area--><!--/not_date_area--><!--/not_permanent_area--><!--/not_index_area-->">

関連記事
スポンサーサイト
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 ご自力でカスタマイズする場合のワンポイントアドバイス
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png ご自力でカスタマイズする場合のワンポイントアドバイス
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]
   

名前変換フォーム

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