Category Archives: Skill | 技術
CSS 改變選取文字的顏色(CSS3 – 目前 Firefox/Safari only)
無疑在這個技術迅猛發展的現在,css2 已經顯得何其單薄,css3 草案出來後,無疑將為 web 設計帶來更多新奇的效果。選取文字顏色的改變就是 css3 中的一項規範。雖然出來得比較早了,但是鑒於還有很多人不知曉,所以我寫出來分享給大家。
一張圖片實現的 css 圓角滑動門導航菜單
css 滑動門樣式我想應該是個陳穀子爛芝麻的問題了,我之前一直使用的兩張圖片的方式進行處理的,後來偷懶,用一些瀏覽器的私有屬性進行的直接圓角的方式,前者需要切圖比較麻煩,後者通不過 W3C 驗證。思索了一下,找到了一個只用一張圖片實現的 css 圓角滑動門的方法。僅供存檔以及學習筆記,高手可以繞行了,感興趣的請繼續閱讀下去。
升級版!Cookies 記錄你的 WordPress 側邊欄關閉/顯示的狀態
之前寫過的《關閉/顯示你的 WordPress 側邊欄,享受閱讀快感》,當時並沒有考慮到 Cookies 記錄狀態欄被改變後的狀態問題,實在是我的不專業。總不能讓用戶不厭其煩的點擊關閉/顯示側邊欄吧。體驗很不好!所以抽空對其進行了修改,讓其可以根據 Cookies 來記錄你的 WordPress 側邊欄的狀態是關閉的還是顯示的。
關閉/顯示你的 WordPress 側邊欄,享受閱讀快感
用 jQuery 實現關閉/顯示你的 Wordpress 側邊欄的功能,當然,前提還得是你的部落格載入了 jQuery 庫,推薦你使用 Google Ajax Library 的 jQuery 調用地址。首先在你的網頁中你想要顯示 關閉/顯示側邊欄 的提示按鈕或者文字,接著就是 jQuery 功能代碼部分了。 Continue reading
Canonical tag 規範化 WordPress 的 URL 來提升頁面權重
Wordpress 中文章內容重複似乎是一件很難避免的事情,分類列表,tag 標籤的文章列表,按時間的文章列表存檔頁等等,都會重複地出現你的文章內容,而搜索引擎對於內容相同但是 URL 不同的頁面的處理態度是不會懲罰,而是會儘可能地判斷出哪個頁面才是真正的規範化 URL 的頁面,然後索引進它們的資料庫,這樣當你搜索相關詞條的時候,展示出來的結果的 URL 可能並不是你所希望的 URL。
用 jQuery 實現的 WordPress 標註作者的最後評論回覆
小把戲,並且這標題有點拗口,我很擔心你們看到標題就已經暈了,不過實現這個效果的方法倒是挺簡單的。 靈感來自牛逼的 Shawn,他博客上面的他自己的評論都是在左側加了空心的星星,但是他的最後回覆則是綠色的星星,這樣給訪客的感覺就是作者只回覆到了這裡,或者換種理解的意思就是「已閱到這個評論」,有點類似論壇裡面可能常看到的「已閱至此樓」的插件功能。當然你也可能會覺得這個功能無足輕重,但是我覺得還是挺有意思的,可以讓訪客知道作者有多久沒來過了,因為一般來說,看到自己的博客有人評論的話肯定會先回覆的吧。 本人的 jQuery 也都是些皮毛功夫,代碼寫得不好也見笑了,歡迎批評指正。 如果還不是很明白這個功能所表達的意思的話,你可以先看看下面這個截圖。