いんて@白ハリのブログ一覧

さて、このブログは本文とコメントの部分が透けて背景が見えるようになってますよね。

透けてると、なんとなくカッコよくないですか？
自己満足？（爆）

ちょっと面倒ですが、透けるテーブルをやってみましょう。

まず必要な物に、透けた背景の画像が必要です。
通常、透明GIFやPNGファイルが必要になります。
しかし、つくるのは面倒だと思いますのでサンプルでウチの背景に使ってる画像をいくつが置いておきます。(^^)

　黒い透過背景

　青い透過背景

　オレンジの透過背景

　白い透過背景

お好みの色の画像を適当な場所にダウンロードします。
次にみんカラのスタイルシート画像にアップロードします。

※アップロードする時は自動変換にチェックを入れてはいけません。

詳細編集
　↓
コンテンツ共通
　↓
コンテンツ表示上部　←ココを編集します。
コンテンツ表示　　　←ココを編集します。
コンテンツ表示下部　←ココを編集します。

基本的に３カ所とも同じです。

元々、背景は色だけが指定されていますので、他の部分は必要ですので、
background～の行だけ削除します。

ここで、プレビューしてみましょう。
ページの一番下に、プレビューボタンがある筈です。

プレビューで背景に直接文字だけが残っていれば成功です！(^^)

次に、先ほどアップロードした透過背景画像を指定します。

background:url(https://cdn.snsimg.carview.co.jp/carlife/storage/*****/style/********.png) repeat;

さっき消した、"background～"の部分に上記の行を挿入します。
スタイルシート用の画像のURLはみなさんがアップロード画像の横にありますので、それを記入してください。

もう一度、プレビューしてみましょう。
コメントの背景が半透明になれば成功です！(^^)

あとは、忘れず保存しましょう（笑）

サイドバーやプロフィールも同じ要領で半透明に出来ます。