2007年2月23日

有雜誌風格的Blog文章

果你平時有在看雜誌,你會發現雜誌的文章有一個共同的特點,那就是文章的第一個字通常會比較大;這幾天過年看了不少雜誌,我就在想說能不能把這個特色套用在Blog上呢?

之前我曾經用良人的大秘寶 -> [筆記]在文章裡顯示優質的程式碼區來顯示程式碼,再參考53 CSS-Techniques You Couldn’t Live Without的第10個方法,所以這一次我就套用他的方法。

只要在範本的]]></b:skin>之前加入下列的CSS:
cap {
float:left;
color:white;
background:#00CCFF;
border:1px solid;
font-size:60px;
line-height:60px;
}


以後在發表文章時,只要將文章的第一個字用<cap>和</cap>包起來,這樣看起來就滿有雜誌文章的味道。

8 則留言:

  1. 很有趣的東西呢,謝謝你:)

    回覆刪除
  2. 我失败啦~5555~我怎么没搞定呢,主要是我对代码这东西一窍不通,知道是放在那个前面,可是格式不知道要怎么弄T_T

    回覆刪除
  3. To Thyme:
    如果你有將我文章內所提到的css加入你的範本中,往後發文只要將文章的第一個字用<cap>和</cap>包起來就可以了,例如:<cap>我</cap>是文章。(“<”、“>”要改為半形)

    回覆刪除
  4. 有我把CSS加到範本中,也有把字包起來,可是還是不行ㄟ.......

    回覆刪除
  5. To 希維亞:
    我想你應該是用IE吧,因為我用FireFox看你的Blog時,是沒有問題的。

    回覆刪除
  6. 版主可以提供支援IE的語法嗎?IE看不到覺得滿可惜的。

    回覆刪除
  7. 雜誌風格看起來蠻不錯的,有另外一種美感,而且我好像只在版主的blog看到這個效果耶^^

    回覆刪除