<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align="center" src="要使用的Flash.swf " width="100%" height="100%" type=application/x-shockwave-flash ; quality="high" wmode="transparent">
2007年2月21日 星期三
透明 Flash 語法
讓表格在整個螢幕畫面的上下左右都是居中的方法
1. 在 BODY 中的屬性加入 leftmargin="0" topmargin="0", 即
2. 建立一個 Table 並將長寬都設為 100%, 類似下面的code
<body leftmargin="0" topmargin="0">2. 建立一個 Table 並將長寬都設為 100%, 類似下面的code
<table align="center" width="100%" height="100%">
<tr>
<td valign="absmiddle" align="center">
<img src="#" align="absmiddle" border="0">
</td>
</tr>
</table>
2007年2月18日 星期日
在 Blogger 加入最近發表的文章清單
1. 將下面紅色的yourblogname改成自己的blog名稱
2. 要先取得 RSS 轉 Javascript 的碼, 可以到下面這個網站取得
要填的東西不多, 只有六行
- URL: 填上你在上面步驟1裡的網址
- Show channel: 選 no
- Number of items to display: 看你想要在清單裡顯示幾則文章, 輸入一個數字
- Show item descriptions? How much: 輸入 0
- Show item posting date: 選 no
- Open links in a new window: 如果想要把文章開到新的窗口就選 yes, 否則就選 no
以上填好後, 按下 "Generate JavaScript" 按鈕後, 複製產生出來的碼
3. 到 Blogger 後台控制頁面: 範本 -> 網頁元素 -> "加入網頁元素" -> 在 "HTML/JavaScript" 按 "加入BLOG" 的按鈕 -> 把你在上面步驟2獲得的碼貼到 "內容", "書名" 自己取 (像我是取"最近的文章")
4. 完成!
http://yourblogname.blogspot.com/feeds/posts/default?alt=rss2. 要先取得 RSS 轉 Javascript 的碼, 可以到下面這個網站取得
http://itde.vccs.edu/rss2js/build.php要填的東西不多, 只有六行
- URL: 填上你在上面步驟1裡的網址
- Show channel: 選 no
- Number of items to display: 看你想要在清單裡顯示幾則文章, 輸入一個數字
- Show item descriptions? How much: 輸入 0
- Show item posting date: 選 no
- Open links in a new window: 如果想要把文章開到新的窗口就選 yes, 否則就選 no
以上填好後, 按下 "Generate JavaScript" 按鈕後, 複製產生出來的碼
3. 到 Blogger 後台控制頁面: 範本 -> 網頁元素 -> "加入網頁元素" -> 在 "HTML/JavaScript" 按 "加入BLOG" 的按鈕 -> 把你在上面步驟2獲得的碼貼到 "內容", "書名" 自己取 (像我是取"最近的文章")
4. 完成!
2007年2月17日 星期六
隱藏 Blogger 上方的 Navbar
在 CSS 區 "]]></b:skin>" 的上面加上
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
在文章裡顯示優質的程式碼
出處: 良人的大秘寶
1. 在CSS中加入 (</head>之前)
2. 使用方法: 在文章中將程式碼置於<code>及</code>的區塊中即可
3. 注意事項: 有些符號必須先轉換
1. 在CSS中加入 (</head>之前)
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;
}2. 使用方法: 在文章中將程式碼置於<code>及</code>的區塊中即可
3. 注意事項: 有些符號必須先轉換
2007年2月14日 星期三
利用CSS控制打印
<style>
@media print{
INPUT {display:none}
}
</style>
<TABLE border="0" style="font-size:9pt;" width="300px" align="center">
<THEAD style="display:table-header-group;font-weight:bold">
<TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR>
</THEAD>
<TBODY style="text-align:center"">
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
</TBODY>
<TFOOT style="display:table-footer-group;font-weight:bold">
<TR>
<TD colspan="2" align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾</TD>
</TR>
</TFOOT>
</TABLE>
<input type=button value=" 打 印 " onclick="window.print()">
訂閱：
文章 (Atom)
