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

関連記事

20140415184656

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

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

記事を読む

20140228214424

wordpressテーマのGushにしたらwp-jquery-lightboxが動かない

早速今日、姉妹ブログの「時代は変わる」にwordpressテーマのGushを導入しました 一番

記事を読む

20131130161604

wordpressは奥が深いね

wordpressを使い始めたけど何から手をつけてよいのかわからなくなりました。 だって

記事を読む

20140330141759

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

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

記事を読む

20140226164421

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

やっと私のブログにもファビコンをつけました ファビコンのつけ方はheader.phpに直接書いても

記事を読む

20131223145227

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

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

記事を読む

Stinger

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

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

記事を読む

20140329142107

wordpressのアイキャッチ画像の意味が理解出来ました

アイキャッチ画像のお話 今までwordpressを使ってなんかアイキャッチ画像と言うものが理解出来

記事を読む

20140107235526

wordpressテーマを使ってグリッド表示

今回ちょっとwordpressのグリッド表示に興味が出てきたので色々検索しながらあるテーマをダウンロ

記事を読む

20140226194738

アドセンスタグ等の広告をショートコードに登録する

アドセンス等の広告を記事の本文中に入れたいのが一番の目的です。 別に記事を投稿する際にそのままソー

記事を読む

「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