09-06
03

文章首字變大加邊框(下沉)

是去年在一些部落格看到首字下沉的效果,令原木印象深刻,於是爬了文也讓自己的文彰效果呈現,原木覺得很美觀啦,具體效果直接看本文第 1 個字就是囉。

  這是利用 CSS 達到的效果,只需要將下代碼增加到 skins/<Your Current Skin>/layout.css 日誌內容框區段:


  至於文字增加多少、文字顏色與邊框類型,可以自行設定,這邊原木就不再說明,可自行上網查一下 CSS 用法;不過有一點須注意,如果文章内容開始不是文字,而是 Tag(例如 :<img>),首字就不會有下沉的效果喔,所以要使用時,必須把文章最前面的 Tag 拿掉。若是使用 FckEditor 編輯器,會自動在文章最前面加 <p> 這個 Tag,刪除這個 Tag 效果就會出現啦。


請輸入您的電子郵件地址: 

引用通告地址: 點擊獲取引用地址
標籤: beau Hack
評論: 4 | 引用: 0 | 閱讀: 2906 | 列印 | 文件
殘燕孤飛 [ 2009-06-05 11:13 ]
到此一奔~~~
(((快速溜走 XD...
beau [ 回復於2009-06-05 14:13 網址 ]
好久不見了,最近好嗎?[wink]
妞..... [ 2009-06-03 13:48 網址 ]
我只是來亂的
beau [ 回復於2009-06-03 14:27 網址 ]
不錯,亂的口愛,哈哈[wink]
  • 1