共有テンプレート「Samplebase_2l」

Manannan Mac Lir


公式「sample_2」をベースにしたカスタマイズ用固定幅2カラム(左メニュー右記事)。ヘッダ画像を入れかえた際のカラーコーディネートが手軽。FC2内再配布可(ヘッダ画像を自作すれば、共有登録OK)。カテゴリー制限なし。
「samplebase_2l」について
  • 公式「sample_2」をメニューを左に変更しました。「はじめてのFC2ブログカスタマイズ」を参考にしながらのカスタマイズが可能だと思います。
  • プラグイン対応(plugin1,2が脇カラム、plugin3が記事カラム上)
  • データバックアップの際の「記事番号と記事タイトルの一覧表」に使えるテーブル形式全記事一覧
  • 記事のなかの既読リンクは色が変わります(わかりやすいように)。メニューの既読リンクは色が変わりません(デザイン上このほうがきれいそうなので)
  • 記事のなかのタグリンクは、読むときの邪魔にならないように、リンク色をつけないようにしてあります。
  • コメント番号を表示して、直URLを調べやすくしました。
  • 全体、記事タイトル、メニュータイトルの背景画像を透過GIFにしてあります。カラーコーディネートが手軽です。
  • 複数のブラウザ(IE6,FF2,OPERA9)で表示チェック。

ヘッダ画像変更カスタマイズ
テンプレートの「編集」・スタイルシートの中で、以下のカスタマイズを行なってください。
  1. ヘッダ画像を替える。
    http://blog-imgs-14.fc2.com/m/a/n/manannan/leafbird.gif
    を探して変更してください。(検索:Ctrl+f) 
    画像サイズ:横760px×縦200pxであれば、CSS調整が不要です。
  2. ヘッダ画像の中のタイトル文字の位置調整
    div#branding h1{text-align:right;
    padding:120px 0 0 10px;}
    の数字を調整してください。(配布時は、右寄せ、上120px、右0、下0、左10px)
  3. ヘッダ画像とカラーコーディネートする
    スタイルシートをエディター(メモ帳など)にコピー&ペーストし、色コードをヘッダ画像にあうものに置換してください。(メモ帳の場合は、置換:Ctrl+H)
    背景ほか=#acd5c6  リンク色=#4E7C62  訪問済リンク色(記事中)=#666666

カスタマイズ後の共有テンプレート登録について
「samplebase_2l」は、ヘッダ画像を自作なさった場合、共有登録OKです。その際は、HTMLの「desighed by」表示を書き換えてください。(他の方の作成した画像、たとえば、素材サイトさんの画像を、このテンプレートに載せただけでの共有登録は、NGとさせていただきます) 
ただ……、画像をかえただけのテンプレートについて、あまり良く思っていない方いらっしゃるようです。共有登録については自己責任でお願いします。

ヘッダ以外の画像(透過GIFです)は加工再配布OKです。
背景画像:http://blog-imgs-14.fc2.com/m/a/n/manannan/00back.gif
カラム区切り画像:http://blog-imgs-14.fc2.com/m/a/n/manannan/00back2col760l.gif
記事タイトル背景:http://blog-imgs-14.fc2.com/m/a/n/manannan/00kiji2columl.gif
メニュータイトル背景:http://blog-imgs-14.fc2.com/m/a/n/manannan/00kyokusen.gif
#18404、現在登録すみ17802まで

Comment

コメントの投稿


管理者にだけ表示を許可する

Trackback

«  | HOME |  »

tag:user

tag:user

tag:user
banner
tag:freearea
Topページのみ画像
tag:user

tag:tag

 Plant テンプレート 新管理 新管理画面 草木 プラグイン セッション時間切れ sky ぶらぼー セッション切れ 


tag:user
↓のタブ名をクリックすると、枠が表示されます。
div
table
th
td
tag:archive

tag:user

tag:user

tag:form

tag:user

tag:profile

manannan(マナナン)

Author:manannan(マナナン)

Icon:Aon Celtic Art


tag:rss

tag:user
test

tag:user