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

関連記事

20131223145227

xdomainでcssの反映が遅いパート2

以前にxdomainでcssの反映が遅いと記事にしました。 以下が前の記事です! htt

記事を読む

20131130201915

Xserver(エックスサーバー)でCSSなど編集しても反映されない

このブログで使わせて頂いてる「Xserver(エックスサーバー)」なんですが たぶん xdo

記事を読む

20131225170235

URLを指定するだけでスクリーンショットを表示するWordPressショートコード

タイトル通りURLを書くだけでサイトのスクリーンショットを表示出来ちゃう超便利なソースです。

記事を読む

20131214094231

現時点で使っているwordpressのプラグイン

今使っているwordpressプラグインの書置きです Akismet All I

記事を読む

20131227015718

PS Auto Sitemapを入れてみたよー

sitemapとでも言うのでしょうか!? 全記事を表示してくれるプラグインです。 使い

記事を読む

20131220144102

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

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

記事を読む

Stinger

今日からwordpressを使ってみます

以前にwordpressを使ってたけど管理しきれず挫折と言うかスキル不足ですねwww でもwo

記事を読む

子テーマ

STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った方が管理しやすいかなと思い&n

記事を読む

20140415184656

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

今日のたった今気が付いたのですがStinger3がstinger3ver20140327にアップ

記事を読む

20140330141759

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

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

記事を読む

「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