|
サイトにちっちゃい窓でtweetを埋め込むアレの話です。
まず最初にお断りしておきますが、すでにもっと新しいウィジェット「埋め込みタイムライン」が提供されています。 twitter→アカウント→プロフィールを編集→ウィジェットで簡単にタグが作成されます。 が。なんで使わないのかと言うとカラーの自由度が少なくてさびしい。。(白と黒しかないw) 先日、お客様のサイトに埋め込みを頼まれて、旧タイプをサイドバーに設置していました。背景色などを変更できるので、サイトに自然に溶け込む感じにできます。 その時の「へ?」ってなった話。 うちのサイトで再現してみます。(タグの話になっちゃうからつまんないかも...自分用に覚え書きです) しかもミョ〜な間があいている。 不審に思ってソースを開いてみると、 名前の前後が h3 タグで囲まれています。 h3 { font-size: 110%; color: #7E4049; font-weight: normal; line-height: 260%; padding-left: 100px; background-image: url(usagi_icons/berry/berry.gif); background-repeat: no-repeat; background-position: 0px; clear: both; } 文字指定、背景画像指定、さらに写真の回り込みまで解除してるせいで間が空いてしまいます。文字はウィジェットの指定になっているようです。 リンクしているcssをいじってしまうと、他のhtmlファイルまで変更しなくてはなりません。仕方ないのでトップページのみ、 h3 にclass usagi を指定することにします。 h3 { font-size: 110%; color: #7E4049; background-image: none; line-height: 260%; padding-left: 100px; font-weight: normal; clear: none; } 一度、背景画像をナシにして回り込み解除もナシ。 .usagi { background-image: url(usagi_icons/berry/berry.gif); background-repeat: no-repeat; background-position: 0px; clear: both; } あらためて、classで指定し直し。 これで きれいになりました! 早く「埋め込みタイムライン」のカスタマイズができるようになるといいですね。 ということを書いていたら、タグに使う< >を使用するとそのままタグとして認識されてしまい、h3という文字を表示したいのに、以後の文章がブログが指定しているh3の太字で表示されてしまってわけわかんないことに。。。(^^;
by usa-log
| 2012-11-15 12:25
| デザインやなんかのこと
|
検索
twitter
最新の記事
フォロー中のブログ
リンク
カテゴリ
全体 うさぎ王国 ウサギの呪...ノロい コーディネートはこーでねェと! Beads*usa-shop SEASON'S GREETINGS 洋裁 Macの神様 ネイルアートごっこ うさぎ食品 オカチメンコ養成所 世界は謎にみちて 課長日記(植物) 観た、聴いた、読んだ 東京散歩 B級物欲大魔神 au発 OTHERS GOMI デザインやなんかのこと アロマは一日にしてならずぢゃ スポーツだ! Do it myself! 散歩 未分類 以前の記事
2019年 08月 2017年 12月 2017年 05月 2017年 02月 2017年 01月 2016年 12月 2016年 11月 2016年 09月 2016年 08月 2016年 07月 more... 画像一覧
タグ
その他のジャンル
|
ファン申請 |
||