小野市のWEB職人によるSEOに強いホームページ作成をしています。また、ホームページ制作代行・支援等もやってます。

賢威6.1 管理画面で背景を指定できるカスタム背景設定

カスタム背景


管理画面で背景を指定できるカスタム背景設定


カスタム背景設定

functons.phpの最下にある?>の上に以下コードを追加し背景指定出来るようにすると、
カスタム背景設定ができるようになる。

[html] add_custom_background();
[/html]
design.cssにコードを追加する
[html] #container{
background-color: transparent;
}
[/html]
メインコンテンツ本文の背景設定

[html] #main-contents{
font-size: 1.4em;
padding: 1em;
margin-bottom:2em;
background: #fff;
}
[/html]
サブコンテンツの背景設定

[html] .sub-column .contents{
margin-bottom: 1.5em;
padding: 1.5em;
background: #fff;
}
[/html]
フッターの背景設定

[html] #footer{
background: #fff;
}
[/html]
フッターエリアの背景設定

[html] #footer .area01{
float: left;
width: 37%;
padding: 0.5em 0.5em 20px;
background: #fff;
}
#footer .area02{
float: right;
width: 58%;
padding: 0.5em 0.5em 20px;
background: #fff;
}
[/html]

好みで透明度の指定設定

背景を見せたい場合、半透明にして背景を見せる設定です。
コードの最後の数値が0.1~1.0(不透明)となります。

[html] #main-contents{
background: rgba(255, 255, 255, 0.5);
}
[/html]
旧IE対策として

IEの問題回避のため、Gradientを追加します。

[html] #main-contents{
font-size: 1.4em;
padding: 1em;
margin-bottom:2em;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44ffffff,EndColorStr=#44ffffff);
background-color: rgba(255, 255, 255, 0.4);
}
[/html]
#00ffffffから#ffffffffで透明度を指定します。

以上、最後まで読んでいただきありがとうございます。


ランキングに参加しています。

↓ポチッっとお願い致します。
m(_ _)m


にほんブログ村 地域生活(街) 関西ブログへ FC2ブログランキング

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

*

郵便番号から住所検索

-

Address

ブログ

にほんブログ村 地域生活(街) 関西ブログへ