3.05.2009

[已失效] CSS blockquote 和特殊的底線樣式

寫文章的時候偶爾會用到的裝飾技巧,雖然現在這裡還是沒有什麼有趣的內容......不過還是為這一連串Blogspot的妝點工作做個備份。
關於不一樣的底線還有 Styling blockquotes 引用自以上二處。

底線樣式的作法是include一個別人提供的css檔:

<link rel="stylesheet" href="http://mmhsxa.bay.livefilestore.com/y1ppM0rIlG7NkJFB7EQPwccmF4eExRrzCQ0p4lU2qAEOiKodXNH-bIgtTNHBaOgR-5UVObFMwBUksH4mtTyM9PTNg/under-line.css"> </link>放在html範本中的head標籤裡,style區段外面。我不知道為什麼blogger一定要有</link>才行,應該不需要end tag的呀?
然後在需要使用不同底線的地方標上不同的tag,一共有十二種可以用,以下舉出六種,所有的樣式請參考原始css檔的內容。
標示的文字

<span class="o1">標示的文字</span>
標示的文字

<span class="gre">標示的文字</span>
標示的文字

<span class="blue">標示的文字</span>
標示的文字

<span class="yel3">標示的文字</span>
標示的文字

<span class="gre2">標示的文字</span>
標示的文字

<span class="pink">標示的文字</span>

至於blockquote的樣式,我目前是用最常見的虛線框,一時也沒有改成華麗大引號的打算,不過這裡提供了使用大引號圖片來裝飾引用區域的作法。
關於這個部落格的調整大概就用到這麼多,應該沒必要再用更多了(接下來考慮加上sitetag,不過也是一段時間之後的事了),本系列暫時就到此結束。

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...

LinkWithin