ブラックフィルターとは　サイト背景が単色

 

白とか　模様のないもの　の場合は　透明化する後ろ画像やデザインが
配置されておりませんと　設置しても全然意味を成しません

 

透過する後ろに何かしらの色彩物があって　初めて効果を発揮します

 

2014　1209
シリウス透明カスタマイズテーマ　サイドメニューも半透明化

 

障害報告
2015　0501追記

 

シリウスサイトをレスポンシブウェブデザインへとカスタマイズを追加した場合

 

ＢＯＸ枠内に画像をおいても　タブレットサイズでは表示されますが
スマートフォンサイズでは　画像が表示されません
原因は　不明ですが

 

枠内に画像配置はＮＧとしてください

 

---

 

 

 

ブラックフィルターは記事内に分けて配置できます

 

 

 

 

設定は　シリウス機能のユーザー定義ボックスを使います

 

枠内のフォントカラーは機能で設定可能ですが半透明は改行が必要で

 

半透明を支持するrgbaコードを付け加えています

 

 

以下コードをそのままコピーしてもお使いいただけます

 

 

コピーコード

 

<div style="border:solid 1px #FF0A0A;background: rgba(0, 0, 0, 0.4);;color:#FFFFFF;font-size:16px;padding:10px;">

 

ここにテキスト

 

 

</div>

 

 

カスタマイズする方はご参考

 

 

枠が気になる方は　3つの方法がございます

 

#FF0A0Aが枠線もカラーを指定してます
カラー変更か

 

又は　以下の透明コードに入れ替えれば見えなくすることもできます
transparent

 

又は以下の
border:solid 1px

 

1 の数値を0にすれば枠線消えます

 

 

当サイトのサイドメニューは　0pxで枠線を消しています

 

 

 

 

0, 0, 0, 0.4
4の数値変更で透明度指定

 

掲載のフィルター度は　上が４　　下が7です

 

9ですと　ほとんど真っ黒

 

背景に合わせて文字が認識できるよう透明度を調節してください

 

 

フォントカラーとサイズ

 

color:#FFFFFF;font-size:16p

 

フォントカラーは　カラーコード　#FFFFFFで変更可能
白ですので　変えなくともよいかなと？

 

また　枠コードでは#FFFFFFのままにしておいて
シリウス機能　装飾でカラー変更もできます

 

フォントサイズは　size:16pの数値変更で変えられます

 

 

 

メニューに入れる際は

 

フリースペースで背景スタイルなしを選択してください

 

サイズはカラムに自動で調整されますので記述をそのまま
フリースペースに入れてください

 

スポンサーリンク

 

 

ブラックフィルターはサイドメニュー背景でも使えます
ホットでクールなテンプレート　サイトカスタマイズ
シリウスカスタマイズトップ