紺碧の空3

北海道をノマド的に生きる日々の覚書き

ブログツール 技術覚書

twitter タイムラインを埋め込み、背景色を変更

投稿日:

twitterの公式埋め込みコードがシンプルで使いやすくなってからはあまり考えずにブログ等に埋め込んでいた。

背景色を、ほかのウィジェットと揃えたかったんだけど、普通にクラスにbackgroundやbackground-colorを指定しても色が変更されない。

ウィジェットのフレームに公式対応しているのは色が明るめか、暗めか、
data-chrome=”transparent”

の指定だけ。透明にするんですね。

そっか!一度透明にしてやればいいのか。

フレームの呼び出しコードのほうには、上記透明を指定して、スタイルシートで

.twitter-timeline{
	background-color:#f3f3f3
}

を指定して(薄いグレー)無事解決しました。

スポンサーリンク

スポンサーリンク





スポンサーリンク

スポンサーリンク





-ブログツール, 技術覚書
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

ついったーのブログパーツ

twitterって「ツイッター」って読むんですね。。。昨日まで読めなかった(^^; ブログパーツをつけてみましたが、検索窓は動いていないみたいです。 今度デバッグしてみよう。 [追記] 落ちてるところ …

CloudReadyでChromebook(擬似)化したネットブックのHDDが飛んだので今更SSDにした

季節はどんどん進んで、今年も終わろうとしています(はやすぎ?!) 去年だったかな?ふと思いついて、2010年頃買ったネットブック(死語)(買った時の記事→FMV LOOX M/E10)が、window …

no image

コメント欄を親切に。

あまりコメントいただくことを期待していないので(^^; コメント欄をお粗末にしていましたが。 さすがに気になったので少し改善。 まずは、必須入力のメールアドレスは表示されない旨と、ウェブアドレスを入力 …

no image

WordPressとMovableTypeの比較。使用感まとめ

昨年9月ごろにレンタルサーバを借り、MovableTypeとWordpressをインストールして使い始め3ヶ月ほどが経った。 結局・・・MovableTypeはアンインストールしました。勉強にはなった …

no image

F-07Cの衝撃

そうだ、書いてしまおう。考えはまとまらないけど、書いたらキット気持ちがスッキリするに違いない。 そのニュースを目にしたときの私の気持ちは、まさに 「☆×■◎※△!?☆×■◎※△—&#821 …