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

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

閲覧所要時間: 約 2

20131223133055

 

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

んんんんんんん

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

前回のOpacityを使ったソース

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

今回のRGBaを使ったソース

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

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

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

 

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

参考までに以下も

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

以下

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

これで出来上がりです。

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

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

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

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

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

 タグ関連記事

20131214113352

stinger3を3コラムにする方法

stingerシリーズは2コラムなんだけどそれを簡単に3コラムにする方法 今回試してみたのがCSSだけで3コラム、4コラムにしてみましたがstingerが売りのSEOです。 下手に素人がいじる...

記事を読む

20131116222006

Stingerのテーマを導入後の設定科目

Stingerのテーマを早速導入しました。これから基本的な設定はStingerの本家サイトにあるのでそれを見ながらやります。 SEOにも効果のあるWordPressの基本設定を参考にして下さ...

記事を読む

20131214112030

stinger3のヘッドバナーサイズの変更のやり方

オリジナルヘッダー画像サイズは986px×150pxです 高さを変更したい場合「テーマ編集」より「テーマの為の関数(functions.php)」を選択して以下のタグを探して書き...

記事を読む

20131223044708.jpg

STINGER3をクリスマスヴァージョンで雪を降らしてみた

もうすっかり冷え切って雪が降ってもおかしくないくらいに寒い街ではクリスマスデコレーションで綺麗になってるので私のブログもクリスマス風に背景を着せ替えしてみました。ついで...

記事を読む

20140226043134

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

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

記事を読む

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
e4d21ca4c1d69c96b187fc010438cde3_s
WordPressでログイン画面が出てこない

WordPressにログインしようと思っても画面真白でログイン出

20171005204003.jpg
Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る

20171114140704
Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時

MixHostのサーバーでWindows live writte

20171106070902
WordPressテーマ国産品の無料テーマBLACK-WHITEの紹介

シンプルを追求した WordPress 無料テーマ であなたのブロ

20171105190531
wordpress国産品テーマDROPの紹介

ドロップショッピング用に作られたwordpress無料テーマのテーマ

→もっと見る


  • Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時へのコメント (mixhostを使っての感想を書いていきます | 時代は変わる(PCやネット関連)より[11/14]) […] Windows live writterから投稿すると403…
  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでも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…

    スポンサードリンク