Element XD lab
哥教的不是CG,是偷雞
快速導引

【一行碼解決FB讚與Google+1小按鈕的對齊問題】


(左圖,自己裝小按鈕的時候,會發生不對齊的現象,不由自主會把頭歪一邊)
(右圖,貼一行程式碼就解決了)



之前有幾篇關於社群小按鈕的裝法

【社群】在文章頭尾安裝『Facebook讚』按鈕 - XFBML版
【社群】在文章頭尾安裝『Facebook讚』按鈕 - iframe版
【社群】在文章頭尾安裝『Facebook讚』按鈕 - html版
【社群】在文章頭尾安裝『Google +1』按鈕


【社群】一次裝一整排分享按鈕的ShareThis,再加上反反盜拷解法
然後這邊還有一個AddThis,排入不確定時間來玩看看。


除了後面兩個第三方綜合性外掛,已經做好基本的排版美化,如果是自己裝最常見的FB跟G+1兩個按鈕,預設情況下,剛裝完會出現上圖左的樣子,兩個按鈕大小已經不太一樣了,還上下不對齊,有一點礙眼。


一行碼解決FB讚與Google+1小按鈕的對齊問題
經過爬文後,找到高手解法。

Facebook 與 Google+ 的社群按鈕排版小秘訣


簡單來說,就是在CSS的地方,加入一下這一串
.fb-like>span { vertical-align: baseline!important; }



就得到上圖右邊的對齊,頭也擺正了。

=============================

加入CSS的方法,最簡單的方式,就是在下圖這裡貼上代碼,套用存檔。

輕鬆寫意。

沒有留言

張貼留言

技術提供:Blogger.


聯絡


聯絡表單

名稱

以電子郵件傳送

訊息

© thephilko.com All Rights Reserved