ヘッダ画像入れ替え用2カラム
adanさん第3弾!超簡単に設置出来るヘッダー入れ替えスキンの登場です!

グルッポ
の「ここ」
に投稿されたヘッダ画像を入れてアレンジしていただくために作成した、スキンデザインです。
が、別に他のヘッダ画像を入れていただいてもかまいません^^
◆2ファイルのCSSについて
この圧縮ファイルには、2つのCSSが含まれます。
「【カスタム可能】ベーシック3カラム・左右メニュー」のCSSを全文削除し、「css-gabax.txt」または、「css-adan.txt」に書き換えて使用します。
【1】css-gebax.txt
◎こちら↓をフリープラグインに記述して使います。 (2/6,2:20修正)
<script type="text/javascript" src="http://www.orientalstudio.jp/ameba/include1.1.0.js"></script
>
◎以下の機能がついてきます。
・ 広告を、下に纏める
・コメント欄プロフィール画像
・IE撲滅運動(IEでアクセスすると他ブラウザを推奨する警告表示が出る)
・*iシリーズパッケージ
・グルッポバナー
・どこでもJavaScript (ver 1.0.1から)
【2】css-adan.txt
◎こちら↓をフリープラグインorフリースペースorメッセージボードに書いてください。
<a href="http://group.ameba.jp/group/fti5_ORJnN5U/
" title="Ctrl+Clickで別タブ"><img src="customize.gif" title="Ctrl+Clickで別タブ"></a>
◎特殊機能といったものはありません^^;
・広告は通常どおり表示されます。
◇なぜ、2ファイル?
作者adanとしましては、規約上疑念のない「css-adan.txt」の使用をお勧めしますが、
・規約上グレイで、ブログを運営に消されるリスクがあっても、目立つところに広告が表示されるよりはマシ。
・IEが嫌い。
・「css-adan.txt」の規定により、使えない。
という方は、“自 己 責 任”で「css-gebax.txt」をご使用ください。
◆ヘッダ画像について
ヘッダ画像はあえて同梱していません。
http://group.ameba.jp/thread/detail/fti5_ORJnN5U/abHX9WfGvxSEwoLI7Mn6NG/
からお好きなものを自ブログにアップの上、
最低限
height:150px; /*★ヘッダ画像高さ*/(←2ケ所あります)
background:url(【ヘッダ画像URL】) #ffffff; /*★ヘッダ画像URL*/
の3ケ所を探し(「★」で検索=ctrl+f)、数値とURLを入力して、ご使用ください。
両脇の「body背景色」、記事メニュー周辺の「wrap背景色」も変更したい方は、
background:url(http://adan.noor.jp/ameba/h3/img/canvas50.png
) #555; /*☆body背景画像&色*/
background:url(http://adan.noor.jp/ameba/h3/img/canvas100.png
) #eee; /*☆wrap背景画像&色*/
の2ケ所を探し、色コード(#555/#eee)を変更してください。
(半透過のαチャネルpngを使用しているので、色コードをかえるだけで、「布目画像」に色がついたような表示になります。ただしIE6では、グレイ固定です)
◆画像について
有料サーバー「ロリポップ」からの外部直リンクがOKだという確認がとれましたので、Adanが借りているサーバーからの直リンク状態でスキンデザインを配布しています。
Adanがロリポップを退会したり、レンタル料金を払い忘れたりすると、画像が消えますので^^;、「それが心配だから自分のブログにアップしなおしたい」という方は、ご自由にどうぞ。
また、画像を入れ替えたり、背景画像ナシ(色のみ)でご使用になりたい方も、お好みでアレンジしてください。
◆謝辞
スクリプトテストには、平凡君さんにご協力いただきました。
http://ameblo.jp/heibon125/
ブラッシュアップにあたってzzzさんの助言をいただきました。
http://ameblo.jp/monsterhunter-greeeen/
記して感謝します。