スポンサー広告

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

背景画像/背景色を設定する

こちらもご覧下さい。表紙(TOP)に使う素材について 

背景画像/背景色の変更は、CSS中で行ないます。
 [テンプレートの設定]→テンプレート名のところの[修正]→[css]
 ※ 一般論は、「はじめてのFC2ブログカスタマイズ」をご参照ください。

◎ブログの背景設定によく使う設定用語のまとめ
bacground=背景設定
・画像:url([画像ファイル名])
・繰り返しの設定:no-repeat(繰り返し無し)、repeat-y(縦に繰り返す)
・位置:top(画面上端合わせ)、bottom(下)、center(中央)、
    right(右)、left(左)
・固定:fixed(固定)

※[注]「カテレオン」シリーズの構成は、あくまで「文章」が主、絵は従です。「絵を魅せる」テンプレートとしては、『Glim.』サマ、“ODORIKO”に注目中です^^


以下の説明は、“cateleon”/“catel_one”/“catel_on_s”限定です。

まず実例をひとつ。
クリップアート:『Little Eden』サマ
使用テンプレート:“catel_one”
[変更前][変更後]
[設定]
カテゴリー7画像を、繰り返しなし上下中央左端へ。
#cat7{background: url([画像URL]) no-repeat left center fixed #ffffff;}
記事部分を白く。淡い灰色で、ラインをひく。
#cat7 .content {background-color:#fff;
border:#ddd solid 1px;
broder-width:0 1px;}
入れるイラストは、カテゴリーごとに変更が可能です。


設定方法
背景画像/背景色の設定は、CSS中に「全体文字色・背景など」以下にまとめてあります。現在入力してある画像素材は、「機能見本」のための「仮入れ」です。ご自分でお作りになったものでも、素材サイトさんの作品でも、ご自分の小説作品に合ったお好きなものに変えてください。

◎入れやすい素材
“cateleon”:右上固定、右下固定
“catel_one”:左ボーダー*、左上固定、左下固定
“catel_on_s”:左ボーダー*、左上固定、左下固定
 *左ボーダー=左端に模様があり、縦に繰り返しすタイプ。
        素材サイトではよく"左ボーダー"と表記される。

◎背景画像設定
カテゴリー7の画像を、繰り返しなし右上固定
#cat7{background: url([画像URL]) no-repeat top right fixed #ffffff;}
“cateleon”カテゴリー7
右上固定の別例:カテゴリー3/

◎本文部分の設定
カテゴリー7記事背景色を変える。
#cat7 .content {background-color:[本文背景色];}
上記「content」の部分が、テンプレにより違います。
 -“catel_one”content
 -“cateleon”content
 -“catel_on_s”main


ご質問は、AdanKadanBBSまで。(タグかけます、長文OK)徹底サポートww


フリー素材サイト関連リンク
  • Jewelbox;女性向。「厳選」コーナーは見本があって選びやすい。
  • 絵空cotton;ショートストーリーのサイトに、サイト主・絵空ひろさんが吟味なさった素材・テンプレート集が、併設されています。レベル高し。
  • Kamikaze9;「詩や小説」のサイトを意識したとか。
  • KENの素材屋ナビsozai-R;ともに素材専門サーチ

(ただし、画像の再配布を禁じた素材サイトの素材を使ったテンプレートの再配布は、やめましょうww)

色指定に役立つサイトは、改造厳選リンク集にまとめてあります。


連続タイプの背景画像について
カテゴリー0/カテゴリー2/カテゴリー6のような連続タイプの壁紙を自作なさりたい方は、「katagami.gif」を加工してください。
関連記事
スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

麻生(阿檀) Author:麻生(阿檀)

【このブログについて】
ブログで小説を手軽に連載したい方のための、
ブログ紹介/FC2テンプレート紹介が、メインだったはずなのですが。

ミ^。^彡っ。oO○(いつのまにやら、かなりとんでもなくごった煮ブログになっております。)

MyToyBox

Clock!
doodel ?publish
?style3=10084&index



5401 02 03 04
カレンダー
10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -
検索フォーム
タグリスト
                                                 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。