09-06
03
文章首字變大加邊框(下沉)
作者: beau 日期: 2009-06-03 12:08
這
是去年在一些部落格看到首字下沉的效果,令原木印象深刻,於是爬了文也讓自己的文彰效果呈現,原木覺得很美觀啦,具體效果直接看本文第 1 個字就是囉。
這是利用 CSS 達到的效果,只需要將下代碼增加到 skins/<Your Current Skin>/layout.css 的日誌內容框區段:
至於文字增加多少、文字顏色與邊框類型,可以自行設定,這邊原木就不再說明,可自行上網查一下 CSS 用法;不過有一點須注意,如果文章内容開始不是文字,而是 Tag(例如 :<img>),首字就不會有下沉的效果喔,所以要使用時,必須把文章最前面的 Tag 拿掉。若是使用 FckEditor 編輯器,會自動在文章最前面加 <p> 這個 Tag,刪除這個 Tag 效果就會出現啦。

這是利用 CSS 達到的效果,只需要將下代碼增加到 skins/<Your Current Skin>/layout.css 的日誌內容框區段:
至於文字增加多少、文字顏色與邊框類型,可以自行設定,這邊原木就不再說明,可自行上網查一下 CSS 用法;不過有一點須注意,如果文章内容開始不是文字,而是 Tag(例如 :<img>),首字就不會有下沉的效果喔,所以要使用時,必須把文章最前面的 Tag 拿掉。若是使用 FckEditor 編輯器,會自動在文章最前面加 <p> 這個 Tag,刪除這個 Tag 效果就會出現啦。
重新詮釋國境之南‧體驗不一樣的南國 (2009-12-02 16:28)
火燒島知性深度の旅回憶影片 Part III (2009-11-30 08:48)
火燒島知性深度の旅回憶影片 Part II (2009-11-27 08:45)
台灣文化創意新體驗:趣遊碗 (2009-11-26 08:53)
鲭魚故鄉及東岳發現の旅紀錄片【原味版】 (2009-11-24 08:42)
凱薩牛排西餐聯合慶生 (2009-11-20 15:05)
南陽街阿泉麵線強制執行禁止外食 (2009-11-20 00:19)
「陽具路燈」是板橋市人口暴增的原因? (2009-11-18 16:34)
單車坐墊顏色的重要性 (2009-11-18 11:56)