アメーバブログ用の無料テンプレート７

アメーバブログ用の無料テンプレート７（ブルー）です。

アメーバブログ用の無料テンプレート７（グリーン）です。

ヘッダーは山です。

ヘッダー中央上には「The earth is a treasure house for a human being to live.」と書かれています。

これはトーマス・ジェファーソン（Thomas Jefferson）氏の言葉「大地は人間が生活していくための宝庫である」を、翻訳サイトで翻訳した文章です。

ブルーとグリーンを作成しました。

ご利用頂けたら嬉しいです。

テンプレート７のダウンロード（zip形式）

グリーンを設置される場合は、green フォルダに入っている画像４枚とメモ帳（CSS を記載）を使用してください。

この無料テンプレートは、再配布以外の目的でしたらご自由にご利用頂けます。著作権表記やリンクの必要はありません。（著作権は Cafi Net に帰属します）お役立て頂けたら大変嬉しく思います。

テンプレートの設置方法

テンプレートの設置方法「ステップ１～３」です。

テンプレートの設置方法は、テンプレート１の設置方法と同じです。

アメブロのサイドカラムを透過する方法

サイドカラムを透過して、背景画像を表示する方法です。

background-color:transparent;

透明にするには、transparent を設定します。

以下は、無料テンプレート７（ブルー）の CSS です。

変更前の CSS コード（赤字が変更部分です）

/*■コンテンツ全体*/
#frame{
background-color:#f1fdff;
}
/*■メインカラム*/
#main{
}
/*■サイドカラムA*/
#sub_a{
color:#676767;
background-color:#f1fdff;
}
/*■サイドカラムB*/
#sub_b{
color:#676767;
background-color:#f1fdff;
}

変更後の CSS コード（赤字が変更部分です）

/*■コンテンツ全体*/
#frame{
background-color:transparent;
}
/*■メインカラム*/
#main{
}
/*■サイドカラムA*/
#sub_a{
color:#676767;
background-color:transparent;
}
/*■サイドカラムB*/
#sub_b{
color:#676767;
background-color:transparent;
}

サイドカラムA と サイドカラムB が透明になり、背景画像が表示されました。

ブログの記事部分は透過されていませんが、記事部分も透明にしたい場合は少し上にスクロールして １行削除して下さい。

*■フレーム - 基本設定 - ブログデザイン基本設定*/
#frame{
width:800px;
margin:0 auto;
text-align:left;
}
#wrap{
width:800px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#main{
overflow:hidden;
word-break:break-all;
background-color:#fbfeff;（削除する１行です）
}

赤の「background-color:#fbfeff;」を削除すると、記事の部分も透明になります。

背景画像を広範囲に表示したい場合は、transparent で透明化してみてはいかがでしょうか。