CSS3で透明度をOpacityとRGBaで指定する

公開日:2013年12月23日  CSS, wordpress 

閲覧所要時間: 約 2

20131223133055

 

深夜にサイドーバーをOpacityで変えてみました。

んんんんんんん

なんかしっくりこなかったので今回はRGBaを使って再度変えてみました。
今回は全体を透明にしちゃいましたスマイル

前回のOpacityを使ったソース

https://webcss.withrun.org/post-169/

今回のRGBaを使ったソース

stinger3ではスタイルシートの基本構造を目印に探します。

そうするとすぐ下の方に以下がある

上の箇所を以下のように変えるとサイドバーが透明になりますよー

 

テキストに影をつける方法

参考までに以下も

メインコンテンツは上で探したサイドバー項目のすぐ下にあります

以下

上のソースを以下のように変える

これで出来上がりです。

クリスマス風にしたかったのでやりましたがテーマは好き嫌いがあるので悪しからず。

ただ今のデザインだとテキストの色なども変えないと色が被って見にくくなるので好きな色に変えないといけなかったがこれが時間かかりましたwww

CSS, wordpressのカテゴリで本日よく読まれてる記事

まだデータがありません。

 関連記事-こちらもどうぞ

 タグ関連記事

20131210234335

STINGER3の記事に区切り千を入れてみたよ

STINGER3のオリジナルだと以下のスナップ写真です。 STINGER3それを記事の下に区切り線を入れてみました。 style.cssから編集します オリジナルは以下になってます [c...

記事を読む

20161213164123

STINGER8が出ました

wordpressを使って一番最初に使ったテーマがSTINGERでした。 もう何から何まで感動しました。 このテーマは今もSTINGER3を使っていますが今はSTINGER8まで出てるとはww...

記事を読む

20140226164421

function.phpに登録するだけで簡単にファビコンが出来る

やっと私のブログにもファビコンをつけました ファビコンのつけ方はheader.phpに直接書いても良いのですが今回はfunction.phpに書いてファックしてみました。 見事にこんな感じで表示さ...

記事を読む

20140226043134

stingerのフッターにくっついてくるsnsを取ることにしました

このブログを書き始めてかなり月日も経ちました。 やっと少しずつではありますがwordpressのことが漠然ですが理解しつつあります。 とは言ってもソースを書くことなんかは一生無理ぽいですが検索しな...

記事を読む

20131220152113.jpg

wordpress3.8にアップグレードしましたよー

やっぱ我慢できずwordpress3.8にアップグレードしちゃいました 時間的には10秒位で終わりました。 管理画面がブラックだったので一瞬ビックリしましたが右上のプロフィールの編集をクリックし...

記事を読む

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

74281b8770b9cc5360dbb3bb37f84352_s.jpg
グローバルメニューをスクロール固定する【Simplicity2】

グローバルメニューをヘッダーの一番上に固定する方法を紹介したいと思い

b27a471af36017d6c98acf63487003b3_s.jpg
LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は

050b4e229c4b4c1f7cf100a204f2c35d_s.jpg
Simplicityのテーマを使って3つハマった事

1、バイラルサイトっぽいFacebookフォローエリアを作成する方

→もっと見る


スポンサードリンク