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

公開日: : 最終更新日:2013/12/24 CSS, wordpress

閲覧所要時間: 約 2

20131223133055

20131223133055

 

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

んんんんんんん

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

前回のOpacityを使ったソース

http://webdrawing.wp.xdomain.jp/post-169/

今回のRGBaを使ったソース

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

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

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

 

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

参考までに以下も

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

以下

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

これで出来上がりです。

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

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

  • このエントリーをはてなブックマークに追加
  • LINEで送る
  • follow us in feedly

関連記事

20131223151721

typepad emojiを使ってみました

記事を書いていても癖で絵文字やデコモジがないと寂しいので今回typepad emojiと言う

記事を読む

20131214113352

stinger3を3コラムにする方法

stingerシリーズは2コラムなんだけどそれを簡単に3コラムにする方法 今回試してみたのがC

記事を読む

20140226043134

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

このブログを書き始めてかなり月日も経ちました。 やっと少しずつではありますがwordpressのこ

記事を読む

20140302220743

wordpressのコメントフォームに写真を表示するようにfunctions.phpに書く方法

wordpressのコメントフォームに写真を表示する方法の第三段です 今回はfunctions.p

記事を読む

20131220152113.jpg

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

やっぱ我慢できずwordpress3.8にアップグレードしちゃいました 時間的には10秒位で終わ

記事を読む

20131220144102

wordpressのショートコードの意味少し理解出来たよー

恥ずかしい事ではありますがようやくwordpressのショートコードの意味がなんとなく分かったので日

記事を読む

20131214105251

stinger3にfeedlyボタンを設置してみました

Feedlyとは、更新したブログやサイトをお知らせしてくれる「RSS」を受け取るRSSリーダですよー

記事を読む

20140330141759

エックスドメインの広告が好きな場所につけれるようになった

無料レンタルサーバーのxdomainで『WordPress機能』『PHP・MySQLサーバー機能』に

記事を読む

20131214090408

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

最近Pocketの存在を知りました 色んなパソコンやタブレット使ってるとブックマークの同期など

記事を読む

20131214112030

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

オリジナルヘッダー画像サイズは986px×150pxです 高さを変更したい場合

記事を読む

「CSS」カテゴリー人気記事

Sorry. No data so far.

コメントを残す

no image
ドメインを所持しました。

ドメインを所持したので更新は新ドメインで更新する予定です。 新し

no image
W3 Total Cache入れたらサイトが表示されなくなった

W3 Total Cacheでのトラブルメモ 最近どんどん表示速

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

今日のたった今気が付いたのですがStinger3がstinger3

子テーマ
STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った

20140330141759
エックスドメインの広告が好きな場所につけれるようになった

無料レンタルサーバーのxdomainで『WordPress機能』『PH

→もっと見る

  • Sorry. No data so far.


スポンサードリンク

Menu