By James Qi, 2018年12月24日 修改CSS讓AdSense廣告位置居中的辦法 我們做了這麼多年的AdSense,在廣告的擺放上還是很注意的,特别是位置,要讓可見率提高非常重要。 當然,還有一些細節,例如前一陣子發現有些廣告自動在手機端變成了全屏寬度,在某些地方遮蓋住了頁面中的邊框線,顯得不夠美觀,于是我們就改為了300x250的固定寬度。 接下來還有一個問題,300x250固定寬度廣告在不同寬度的手機上的位置有時居中有時偏左,特别是大屏手機上,偏左也不好看,最好能居中顯示。 請教美工設計同事後,給出了修改CSS的方案: 辦法1 - 直接在AdSense代碼中修改。
By James Qi, 2016年10月11日 用JavaScript和CSS實現頁面部分内容折疊顯示 在頁面内容很多、顯示太長的情況下,除了分頁顯示以外,也可以采取折疊的方式,在網上搜了一些資料,一般都是采取JavaScript加CSS的方式來實現的,不過有些示範過于簡單,有些效果過于複雜,要适合我們自己還得自己改改,經過調試基本上實現了我們需要的效果,記錄如下。 在頁面head或者body部分先加入下面的JavaScript代碼:<script type='text/javascript'> function isHidden(oDiv) { var vDiv = document.getElementById(oDiv
By James Qi, 2012年4月21日 用CSS修改Drupal的界面 用Drupal搭建網站的時候,有時需要通過修改CSS來改變網站上的格式,以前我多是使用元素内嵌CSS屬性或者在頁面中直接寫CSS代碼的辦法來實現,這樣效果直接了當,但不是很規範和靈活,現在采用正規的辦法,添加外部CSS文件來解決,記錄如下:
By James Qi, 2011年3月27日 去掉MediaWiki讨論頁中的“[編輯]”顯示 MediaWiki讨論頁中如果有多個段落,往往會在段落标題的右側顯示“[編輯]”的提示,而網站管理員一般并不希望用戶編輯其他人的留言内容,所以如果能隐去這個提示更好。 剛試了一下,在Vector皮膚下可以通過修改MediaWiki:Vector.css實現,隻要加入一行就可以: .editsection { display:none; } 前幾天試了一下LiquidThreads,但這個擴展一直隻是Beta版本,用起來總