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

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

閲覧所要時間: 約 2

20131223133055

 

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

んんんんんんん

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

前回のOpacityを使ったソース

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

今回のRGBaを使ったソース

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

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

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

 

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

参考までに以下も

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

以下

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

これで出来上がりです。

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

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

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

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

他カテゴリで本日よく読まれてる記事

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

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

 タグ関連記事

20131214090408

Stinger3にPocketボタンを追加してみました

最近Pocketの存在を知りました 色んなパソコンやタブレット使ってるとブックマークの同期などにも疲れてしまいグチャグチャになりがちな私に このPocketの存在を知り使ってみたら凄く...

記事を読む

子テーマ

STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った方が管理しやすいかなと思い  私のブログにも子テーマを作ることにしましたのでそのやり方を簡単にメモ代わりに書いていきます...

記事を読む

20161213164123

STINGER8が出ました

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

記事を読む

20160326162710

STINGER7でトップ画面に記事の一覧が何も表示されない

テーマを色々と変えてたら突然トップ画面に記事が1つも表示されなく冷や汗www ヘッダーにサイドバー、フッターは表示されるだけの突然の事故の経験談ですけどクリック1発で直るんですね。。。 画像...

記事を読む

20140415184656

WordPressテーマのStinger3がstinger3ver20140327にアップデートされてました

今日のたった今気が付いたのですがStinger3がstinger3ver20140327にアップデートされてました それで今からアップデートしようかと思いましたが時間がないので後ほどやりたいと思...

記事を読む

コメントを残す

更新情報

Simplicity2.4安定版が出ました  更新日: 12月13日
STINGER8が出ました  更新日: 12月13日
20170719235441
Simplicityの固定ページにショートコードを使って特定のカテゴリを表示する方法

今から紹介する方法はSimplicityのテーマじゃなくても動きま

20170719095238
WordPressの固定ページでカテゴリーやタグを使えるようにする方法

今まで使う機会がなかったのですがちょいと入り用が出来たので固定ペー

20170711084633
Simplicityのカスタマイズ時にスタイルシートが反映されない時の注意

Simplicityで良くハマることがスマホ用のスタイルシートが反

20170602170051
Simplicityで使えるスキンの「m-tomato」が凄く良い

Simplicityではスキンと言う機能があり スタイルシートの

20170520130242
無料テーマの「Numinous」の紹介

Numinous はクリーンでエレガントなマガジンタイプの Wor

→もっと見る


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

  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…
  • wordpressテーマのGushにしたらwp-jquery-lightboxが動かないへのコメント (優香より[03/01]) Elloraさん こちらこそよろしくお願いします。 ありがとございました。

    スポンサードリンク