Cafi Netつながる情報技術
  1. トップ>
  2. アメブロカスタマイズ>
  3. 無料テンプレート7

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

アメーバブログ用の無料テンプレート7(ブルー)

アメーバブログ用の無料テンプレート7(ブルー)です。

アメーバブログ用の無料テンプレート7(グリーン)

アメーバブログ用の無料テンプレート7(グリーン)です。

ヘッダーは山です。

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

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

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

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

テンプレート7のダウンロード(zip形式)

ダウンロードしたテンプレート7のファイル

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

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

テンプレートの設置方法

テンプレートの設置方法「ステップ1~3」です。

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

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

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

background-color:transparent;

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

以下は、無料テンプレート7(ブルー)の 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 が透明になり、背景画像が表示されました。

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

*■フレーム - 基本設定 - ブログデザイン基本設定*/
#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;(削除する1行です)
}

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

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