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

スポンサー広告

スポンサーサイト

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

カスタマイズの備忘録

side_menu

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←表紙メニューの作品タイトルごとに、文字色・背景色を変える →Opera,IE7を御利用の方へお願い
 
stemp_type.jpg sRS_type.jpg sJS_type.jpg snormal_type.jpg


は~っ、今さらどうしようもないけれど、それにしてもクラス名の付け方が紛らわしすぎる…。

何が原因かわからないけれど、fileterがside_menuで効かないテンプレートがある。

クラス名のせいかと思ったけど、違うみたい。
だめなテンプレは、widthを指定しても、heightを指定しても、ためしにposition : absolute;
を指定してもだめ。

HTMLは同じまま、スタイルシートを変更するとばしっ影がでるから、ダメなテンプレはCSSに問題があるとおもうのだけど、原因がわからない。
親ブロックをリキッドにしているせいかなぁ…わからない。

原因らしきもの判明→背景画像を設定した要素のテキストに IE でもドロップシャドウを表示する方法。


背景は別設定にして、spanで指定するだけではだめだったけど、spanにdisplay:blockを追加したら漸く反映された…ほっ

.side_menu h3

#index .side_menu h3 表紙のメインリンクボタン(NovelList・AllTitlelist等)

h3.side_menu (小説用)通常・月別・検索プラグイン1・2

h3.side_menu2 (小説用)表紙プラグイン3 (一般用)通常・月別・検索プラグイン1・2・3


①メインリンクボタンはリンク時背景色を全域変えるため余白を0にして行間・文字間隔を広くとる

#index .side_menu h3{padding : 0px;letter-spacing : 0.2em;line-height : 180%}

②プラグイン1・2・3タイトルは行間・間隔は広げず余白で調整

h3.side_menu ,h3.side_menu2,#index h3.side_menu2 
{padding :5px 5px 2px 5px;line-height : 150%;letter-spacing : 0em;}

③Jタイプのプラグイン3はリンクボタンになるので余白を0に
#index .all h3.side_menu2{padding : 0px;}



注意 #index .side_menu h3 で指定した場合、Jタイプ表紙でポップアップされるプラグイン3タイトルもその指定に従ってしまう。
両者を違う表示にする場合は、必用に応じて #index .side_menu .popupcard h3 で指定し直す。

一般用 サイドメニューの一番上は、リンクボタンになるので h3.side_menu2 のリンク色に注意

RタイプをJタイプに変更した場合、サイドメニュートップのMANU が不要な場合は非表示設定を追加
#index .all .layout_side h2 {display : none;}

/*一般用サイトマップリンクボタンの設定*/
.layout_side > h2 + div.side_menu > h3.side_menu2 { padding: 0px;line-height : 180%;}

2011.8.11.
関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png side_menu
novel-tempタイプ 3kaku_s_L.png side_menu
novel-Sタイプ 3kaku_s_L.png side_menu
novel-Rタイプ 3kaku_s_L.png side_menu
novel-Gタイプ 3kaku_s_L.png side_menu
novel-Jタイプ 3kaku_s_L.png side_menu
novel-Cタイプ 3kaku_s_L.png side_menu
素材屋風テンプレート 3kaku_s_L.png side_menu
疑似フレームテンプレート 3kaku_s_L.png side_menu
novel-PF2タイプ 3kaku_s_L.png side_menu
夢小説用テンプレート 3kaku_s_L.png side_menu
イラストリスト付きテンプレート 3kaku_s_L.png side_menu
携帯用テンプレート 3kaku_s_L.png side_menu
一般ブログ用テンプレート 3kaku_s_L.png side_menu
もくじ  3kaku_s_L.png 未分類
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
  ↑記事冒頭へ  
←表紙メニューの作品タイトルごとに、文字色・背景色を変える    →Opera,IE7を御利用の方へお願い

名前変換フォーム

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