紺碧の空3

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

ブログツール 技術覚書

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

投稿日:

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

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

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

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

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

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

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

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

スポンサーリンク

スポンサーリンク





スポンサーリンク

スポンサーリンク





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

執筆者:


comment

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

関連記事

no image

WordPressのロゴ(ブログタイトル)を画像に変更する

以前購入したMTの参考書に、「ロゴを画像に変更する」という章があり、同様の事をWordPressで挑戦。 まずはどこから手をつけたらいいかわからないので「wordpress タイトル 画像 変更」あた …

メール→zapier→google カレンダー→google apps script→メール

この数週間で、2つgoogle apps scriptを作った。 1個目は、スプレッドシートを読み込んで、HTMLテーブルのコードを出力するという。 これはスプレッドシート内で完結するので、すぐできる …

F-03J docomo キッズケータイ

「F-03J キッズケータイ」レビュー☆大人でも通話専用機として使える!

年末です。ついに。 このままでは、年を越してしまいます! 絶対書きたい、と今年思っていたネタがいくつかあって・・・ これを書かずに年は越せない!と思いつめているので、今更ですが書きますね。 まずは、昨 …

覚書き

YouTubeのブランドアカウントと、最近のWeb内ウラシマ気分について

なんだか最近は、よくブログを書きたい気分です。 というか、よく動機づけが発生しますね。 今日も、先日自分のために調べたことを、他の方に聞かれる機会があって、備忘メモをつくろうかと。 心のエネルギーがた …

トップページに特定のカテゴリだけ表示、Stinger編

ホントにもう、これでやめます、はい。我が家明日から通常営業なので・・・ パッと見、前と同じ方法ではできなさげで諦めていた、トップページに特定のカテゴリだけ表示する方法、良く見たらできました。 (という …