Showing posts with label 代碼. Show all posts
Showing posts with label 代碼. Show all posts

27 June 2009

讓代碼顯現在文章內

寫部落格有時會向人介紹一些功能的代碼,但常常會被部落格主機誤認為執行碼,以至無法顯現,原來需要轉換一些代碼才可使用,這個網址http://www.elliotswan.com/postable/可以輕易的解難題。

方式如下:
1)登入http://www.elliotswan.com/postable/
2)出現以下這個畫面:

3)抄貼或鍵入你想顯現的代碼;
4)按右下端的make it friendly;
5)把代碼抄入你文章內要出現的地方即可


**參考和資料來源:http://balflearlee.blogspot.com/2008/09/postable.html

CSS畫圓角表格

用CSS寫圓角表格,看起來比較美觀,這裡有一些資料。
首先,在<head>和</head>之間,填上這一段:


<style>
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b

{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid

#999;border-right:1px solid #999;}
.b1,.b1b{margin:0 5px;background:#FFFFFF;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#FFFFFF;}
</style>

然后,再你要畫的表格內,即<table>的<tr>或<td>后,加上以下這段:

<div>
<b class="b1"></b><b class="b2 d1"></b><b class="b3

d1"></b><b class="b4 d1"></b>
<div class="b d1">
<font style="font-size:26px;color:red; margin:0px

10px;">
<!--fill in content here-->



</font>
</div>
<b class="b4b d1"></b><b class="b3b d1"></b><b

class="b2b d1"></b><b class="b1b"></b>
</div>

*裡面的顏色代碼可隨自己喜好更改。


***資料參考來源: http://blog.mukispace.com/2008/12/10/css-more-corner-style/