blog這個效果怎麼作? - 部落格

Table of Contents

※ 引述《sdico (小白豬)》之銘言:
: 這個BLOG(我從精華區看來的)
: http://khaihiok.blogspot.com/2006/11/blog-post_9384.html
: 裡面有用NOTE和CODE區塊
: code他有教了...note怎麼用@@?
: 謝謝

note也能用他的方法

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif )
left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

1、把上面的CODE改為NOTE
2、f0f0f0改為你想要的背景顏色
3、把 http://klcintw.images.googlepages.com/Code_BG.gif 改成你想要的背景圖
(你也可以自己做,圖的大小是11x1200)
4、改好後貼到樣板的CSS區塊中
5、以後要標記的段落就放在<note>和</note>之間就行了

--

All Comments

Bennie avatarBennie2007-02-09
補充:font-size改字型大小、line-height改行距
Leila avatarLeila2007-02-13
謝謝
William avatarWilliam2007-02-14
不過我試不出來...code是ok..note就不行...