2015年12月8日火曜日

facebook page pluginに縦スクロールバーが2つ出る、これはバグ!?

facebook page pluginに自分の投稿がでるようにTabsにtimelineを入れて、サイトに設置してたところ、記事のタイムラインの右側にスクロールバーが2つある!?

何か設定もしくはタグを間違えたかなと、再度タグを取得しようと、facebookのpage pluginを作るページに行ってみたら、なんと!?


facebook側でもスクロールバーが2つある!?




あれこれやってみたけど、解決せず。
またこの話題で記事を書いている人もいないし・・・。
英語のブログでも見つからない・・・。

誰か解決方法を教えてください 泣

※2015年12月10日に解消されました。
ぼくは何もしていないのに直ったので、どうやらfacebook側のバグだったみたいですね。

フォームにplaceholder(プレースフォルダー)で文字を入れるとズレるのを解消する方法

フォームの中にデフォルトで文字を入れておきたい場合に使われるplaceholderタグ。

便利なのですが、ズレます。

解決方法としてはCSSでline-heightではなく、paddingを使うと良いそうです。

フォームの内の文字位置を整えるのにheightに合わせて、line-heightを指定する方法があります。
これをしないでpaddingで位置を整えると解決とのこと。

ただ、ぼくはline-heightを使いたかったので、別の方法を探してみたところ、以下でいけました。

input::-webkit-input-placeholder {
padding: 0 0 30px 0;
color: #666666;
}
input:-moz-placeholder {
padding: 0 0 30px 0;
color: #666666;
}

ただし、微調整があまりできなかったです・・・。

2015年12月3日木曜日

facebook Page Plugin(旧like box)の設定画面のTabsの意味

facebook Page Plugin(旧like box)の設定画面のTabsに以前はなかった、「Tabs」というのが出来ていました。

デフォルトで「timeline」と入っています。



※右上Tabsですね


これを空白にすると、Page Pluginに投稿した記事が表示されなくなります。

Page Pluginを小さくしたい人は、Heightのサイズを変えるのではなく、Tabsの「timeline」を削除してください。

なお、Heightサイズを小さくして投稿した記事は表示されなくなるようです。

ところで、このTabsにほかの文言を入れたらどうなるのか・・・。