(左圖,自己裝小按鈕的時候,會發生不對齊的現象,不由自主會把頭歪一邊)
(右圖,貼一行程式碼就解決了)
之前有幾篇關於社群小按鈕的裝法
【社群】在文章頭尾安裝『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的方法,最簡單的方式,就是在下圖這裡貼上代碼,套用存檔。
輕鬆寫意。
沒有留言
張貼留言