Giles: 2008

2008年12月19日星期五

擴展Blogger版面寬度

在剛建立好Blogger時，會發現顯示頁面不夠寬，預設顯示頁面只有660的寬度而已(根據所選原始模版不同，各別可能的預設值也會不同)。如果想要加寬頁面顯示寬度的話，就得動手改一改了。

按下Blogger的『版面配置』頁籤
再按下其下的『修改HTML』頁籤
若對HTML語言及CSS語法沒有把握，可以按下『下載完整模版』，先將現有模版儲存在自己電腦中，以便將來處理錯誤要復原時使用。
要復原模版，可以在『從硬碟的檔案裡上載模版』右方文字格中輸入自己電腦中的完整模版儲存路徑，或按右方『瀏覽...』鈕進入挑選。最後，再按『上載』鈕即可。
『展開小裝置範本』核取盒，現在用不著，故，可以暫不理它。

在下方HTML碼中，找到下面段落，並將紅色字處改掉(以下內容，可能會因原始所選模版不同，而有所差異，找到大致類似位置修改之即可)。

下面者，原預設是660，視所需顯示頁面大小將之更改：

/* Header
-----------------------------------------------
*/

#header-wrapper {
  width:1000px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
}

下面者，預設為700，此處可不改。

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:1040px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
}

下面者，預設為660。

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 1000px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
}

下面為文章內容的寬度設定，預設為410。

#main-wrapper {
  width: 750px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

當然，你也可以改Sidebar的寬度，預設為220。我沒改，要改的話，要注意與上方main-wrapper者之加總，不可超過Outer-Wrapper之寬度設定。

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

改完後，按下下方的『儲存範本』鈕即可。
按下『檢視Blog』連結，即可發現顯示頁面加寬了。

Blogger beta：图片解剖Blogger beta模板代码

说明(点击看大图)：
1.所有蓝色的部分都是位于Style标记之间的CSS样式表代码，红色的部分是位于Body标记之间的Html代码。
2.并不是所有的模板都完全一样，但大体类似。
3.享受自己的Hack吧^-^
4.via Blogatech

A)头部（Header）。此部分位于页首部，包含标题和网站描述，概括了整个页首部分。

CSS=
#header {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
}

HTML=

">
<$BlogTitle$>

<$BlogDescription$>

B）导航栏（Navigation Bar）。此部分代码默认在代码中是不显示的。如果你要去掉NavBar只要在CSS中添加以下代码即可：

CSS=
#b-navbar { height:0px; visibility:hidden; display:none
}

C) Blog标题（Blog title）

CSS=
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #eee;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
font-weight:normal;
color:#666;
text-transform:uppercase;
letter-spacing:.2em;
}

HTML=
<$BlogTitle$>

D)Blog 描述（Blog Description）

CSS=
#blog-description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:700px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

HTML=
<$BlogDescription$>

E)Blog日期首（Blog Date Header）。贴子发布时自动生成日期。

CSS=
h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
.date-header {
margin:1.5em 0 .5em;
}

HTML=

<$BlogDateHeaderDate$>

F)文章标题（Blog Item Title)

CSS=
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#c60;

HTML=

" title="external link">
<$BlogItemTitle$>

G)文章区域（Post Division）。此部分包含了Blog Date header, Blog Item Title, Blog Item Body 和 Blog Item Footer。

CSS=
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
.post div {
margin:0 0 .75em;
line-height:1.6em;

HTML=

H)文章援引区域（Post Block Quote）

CSS=
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

HTML=

I)文章文字区域（Blog Item Body)
CSS= .post div {
margin:0 0 .75em;
line-height:1.6em;
}

HTML=
<$BlogItemBody$>

J)个人资料部分（Blog Member Profile Division）

CSS=
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

HTML=
<$BlogMemberProfile$>

K)文章底部（Post Footer）这部分包含了Authors Nickname, Item Date Time, Item Comment Count, Comments and blog item control variables等

CSS=
p.post-footer {
margin:-.25em 0 0;
color:#ccc;
}
.post-footer em, .comment-link {
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#999;
margin-right:.6em;
}

HTML=

posted by <$BlogItemAuthorNickname$> at " title="permanent link"><$BlogItemDateTime$>

"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments

#links">links to this post

<$BlogItemControl$>

L)链接（Links）
CSS=
a:link {
color:#58a;
text-decoration:none;
}
a:visited {
color:#969;
text-decoration:none;
}
a:hover {
color:#c60;
text-decoration:underline;
}
a img {
border-width:0;
}
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}

HTML=
Links

Google News

Edit-Me

Edit-Me

M)之前文章（Previous Posts）
CSS=
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}

h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}

HTML=
Previous Posts

"><$BlogPreviousItemTitle$>

N)存档（Archives ）
CSS=
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;

list-style:none;
}

h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;

letter-spacing:.2em;
color:#999;
}

HTML=
Archives

"><$BlogArchiveName$>

O)侧边栏区域。此部分包含了Member Profile, Links, Resent Posts and Archives等
CSS=
#sidebar {
width:220px;
float:right;
}

#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}

#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
#sidebar p {
color:#666;
line-height:1.5em;

HTML=

P)页脚部分
CSS=
#footer {
width:660px;
clear:both;
margin:0 auto;
}

#footer hr {
display:none;
}
#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

#sidebar p {
color:#666;
line-height:1.5em;

HTML=

2008年12月18日星期四

關於 MKV的製作和提取網路中已經有了一些教程，但新版本的製作工具增加了一些新功能。此外，目前的教程在講解 MKV的提取時大多採用的是 DOS模式下的指令行方法，比較麻煩，其實可以利用 GUI的圖形界面進行動作更得心應手；下面分別介紹幾種常用的 MKV的製作和提取方法；
一、使用MKVToolnix和MKVExtract進行MKV的製作和提取：
這些方法是製作MKV最常用的方法；
軟體下載：
MKVToolnix：http://www.bunkus.org/videotools/mkvtoolnix/downloads.html#windows
MKVExtract：http://coreforge.org/projects/mkvextractgui/
相關下載：
MKVToolnix：http://www.videohelp.com/tools/mkvtoolnix ﹝檔案更新快﹞
MKVExtract：http://www.videohelp.com/tools?tool=MKVExtractGUI ﹝檔案更新快﹞

免安裝檔案整合包：MKVFileTool.rar ﹝個人空間檔案轉貼請告知﹞
(MKV整合包內含 MKVToolnix-2.2.0 WinXP2K、MKVExtractGUI-1.6.4.1 轉換工具，所有檔案解壓縮即可使用

先安裝 MKVToolnix，然後把 MKVExtractGUI壓縮包中的檔案複製到 MKVToolnix安裝目錄下；
MKVToolnix

MKVExtractGUI

1、MKV製作與編輯：
執行 MMG，匯入需要封裝的視訊、音訊和字幕檔案，如下圖：

說明如下：
1、目前 MKVToolnix支援大部分的視訊、音訊和字幕格式的封裝，但部分格式
併不支援，比如 asf、wmv等格式，需要其它工具的輔助才能進行MKV的封裝；

2、新版的 MKVToolnix增加了append追加功能，可以追加視訊、音訊和字幕，
但必須保證格式一致才可以，比如追加 rmvb視訊，就必須保證音訊編碼格式和
解析度都一致才可以追加；

3、點擊 Tracks 中的相應項目，然後在 General track options 中進行設定。對
於視訊、音訊和圖形字幕一般可以不設定，預設即可；對於文字字幕需要設定一
下該字幕在選單中的語系顯示，以方便播放時進行識別和選擇；注意字幕語系如
果是中文，Language選擇chi(chinese)，而不要選擇 zho(chinese)，因為選擇
後者，字幕選單顯示不了chinese字型，只顯示Undetermined（原因不明）；

4、如果字幕或音訊有音效延遲，可以在Delay中定義；

5、Track name可以自訂選單的顯示內容，不過這個選項好像只對音訊有效，對
字幕無效，字幕名稱還是要到 Language裡面去指定；

6、如果封裝的檔案比較大，可以進行分割，方法是切換到 Global 選卡，
在Splitting中指定檔案分割的模式；另外這裡還可以指定 MKV的標題或章節的
名稱，也可以不填；

此主題相關圖片如下：

其它選項都可以不管，選擇好保存路徑後，按Start muxing就開始封裝了，
如下圖：

此主題相關圖片如下：

2、MKV章節段落的製作：
這個方法常用於音樂 MKV的製作，首先編輯一個文字檔案，如 film.txt，
內容如下：
CHAPTER01=00:00:20.000
CHAPTER01NAME=第一段
CHAPTER02=00:00:50.000
CHAPTER02NAME=第二段
CHAPTER03=00:30:00.000
CHAPTER03NAME=第三段
CHAPTER04=01:00:00.000
CHAPTER04NAME=第四段
CHAPTER01-CHAPTER04及CHAPTER01NAME-CHAPTER04NAME為保留字；
CHAPTER01=
後面輸入第一個章節的起始時間；
CHAPTER01NAME= 後面輸入第一個章節的名稱；
然後儲存。有些文章說這裡要選擇「另存為」儲存為編碼格式為UFT-8的文字
檔案，但我的測試結果表明哪種格式都無所謂，都可以實現；如果實在不行再
換個編碼格式試試；
開啟MMG，先匯入MKV檔案，然後切換倒Global選卡，在Chapters裡面選擇
剛剛儲存的 film.txt檔案，如下圖：

此主題相關圖片如下：

然後點擊Start muxing開始封裝即可，效果如下圖：

此主題相關圖片如下：

3、MKV視訊、音訊和字幕的提取：
執行 MKVextractGUI，匯入 MKV檔案，選擇需要提取的視訊、音訊以及
字幕等，指定好儲存路徑（最好不要指定包括中文名稱的路徑，感覺有時
候會出問題，不過大部分情況下問題不大），也可以不指定儲存路徑，預
設為MKV檔案所在的目錄:

此主題相關圖片如下：

選擇好後，按 Extract開始提取（怎麼樣，比dos下輸入指令簡單多了吧）；
注意：提取出來的視訊和音訊是分離的，要根據不同的格式採取不同的方法進
行合併；比如視訊格式是 avi格式的，可以用 VirtualDubMod進行合併；如果
視訊格式是 Real格式的，可以參考下文進行合併：

Article_Show.asp?ArticleID=25；

這裡需要注意的是：MKVextractGUI 對字幕的提取是有 bug 的，提取出來的字
幕是亂碼，尤其對 ssa 特效字幕和 idx+sub 圖形字幕來講，訊息量丟失嚴重，
基本沒法用。對於 srt字幕雖然有亂碼，但經由簡單處理倒還是可以用。
這裡講一下對提取出來的 srt字幕的處理，提取出來的 srt字幕如下圖所示：

此主題相關圖片如下：

把其中的所有字幕內容複製到剪貼簿或是 word中就標準了，因為其中的
亂碼其實只是[回車鍵]而已，記事本不識別這個符號直接顯示了出來，但
剪貼簿和 word 就直接把[回車鍵]變成了回車，顯示就標準了。把顯示標
準的字幕另存為 srt 文字檔案就可以了；因此，用MKVextractGUI只能有
效提取出音訊或是視訊，對字幕的提取仍需改進；

二、用 VirtualDubMod 來製作 MKV：

軟體下載位址：
英文原版：
VirtualDubMod EN
中文化版：
VirtualDubMod TW

注意 VirtualDubMod 不支援 Real 格式的視訊，可以匯入 avi、vob 等視訊
格式進行封裝處理；首先開啟影音檔案，然後選擇[多媒體流=Streams]下的
[多媒體流清單=Stream list]項，加入需要封裝的音訊和字幕，注意這裡的字
幕格式必須是 UFT-8 編碼的 srt 格式的字幕
（可以用記事本開啟 srt 字幕，然後另存為 UFT-8編碼格式的 srt檔案即可）

此主題相關圖片如下：

音訊和字幕語言的顯示設置可以點擊[註解=Comments]進行設置，如下圖：

此主題相關圖片如下：

如果音訊和字幕有延遲，可以點擊需要調整的音訊或是字幕，點右鍵選擇
[交錯=Interleaving]來進行調整；在檔案選單選擇[另存為=save as]，儲存類型
選擇MKV格式，[視訊模式=Video mode]選擇[完全處理模式=Full processing mode]：

此主題相關圖片如下：

點擊[更改=Change]彈出編碼選擇視窗，選擇合適的編碼格式，這裡選擇
的是[XVID]編碼，[組態=Configure]中選[單向編碼=Single pass]，設定按
照預設值即可：

此主題相關圖片如下：

此主題相關圖片如下：

然後點擊「儲存」，進行封裝，如下圖：

此主題相關圖片如下：

提取時可以用 MKVextractGUI 提取，也可以在 VirtualDubMod 中進行提取，
具體方法就是點擊[多媒體流=Streams]選單下的[多媒體流清單=Stream list]，
選擇相應的提取項，點擊[分離=Demux]即可：
　

回教學天地
　

2008年12月7日星期日

***100|-265 *** 12:00～～禁衛
11|-15 15/12/2008 13h:11m:9s
70|-115 15/12/2008 21h:12m:51s

*** 98|-172 *** 12:00～～火投
161|-49 15/12/2008 12h:38m:26s
188|-56 15/12/2008 11h:34m:33s *
149|-51 15/12/2008 13h:29m:33s

晚＝＝＝***100|-265 *** 12:00～～禁衛
70|-115 15/12/2008 21h:12m:51s

晚＝＝＝***100|-265 *** 12:00～～古羅馬*
149|-51 15/12/2008 19h:43m:4s

晚＝＝＝*** 98|-172 *** 12:00～～古羅馬
11|-15 15/12/2008 21h:46m:12s

晚＝＝＝*** 98|-172 *** 12:00～～禁衛
188|-56 15/12/2008 21h:20m:41s
161|-49 15/12/2008 21h:59m:0s

2008年11月27日星期四

卡巴與SMG一起跑吧

其實跑SMG時不能開啟卡巴的防毒事件非常危險的事情，要是有人惡意發表哩一個有問題的執行檔，那不就是開著大門說歡迎光臨嗎?

步驟:
1.停用自我防護，關閉卡巴
2.重新命名卡巴執行檔，並且執行讓服務啟動
3.開啟SMG，完成

這是我今天才發現的，好像永遠都是慢很大的一步，哈哈~畢竟也不是天天在下載。自從SMG更新以來我的SMG常常會有記憶體錯誤的問題，但是我也沒去特別關心，掛掉就算哩，剛剛試哩這個方式的確是可以使兩個軟體並行，但是最後還是會有問題，大家自己試試看囉。
相關文章

* SMG 下載 Hinet 免設定參照頁"

2008年11月26日星期三

COFFEE CENTER網路咖啡購物中心(咖啡,咖啡機,咖啡豆)

2008年11月25日星期二

http://www.wretch.cc/video/mrbgchen&func=single&vid=5228317#

kaspersky KAV(KEY) kasperskyKIS(KEY) 卡巴斯基KEY 卡巴斯基激活码

歡迎光臨~財政部稅務入口網 eTax Portal, Ministry of Finance

歡迎光臨~財政部稅務入口網 eTax Portal, Ministry of Finance: "97年9-10月統一發票中獎號碼單
獎別中獎號碼獎金金額
特獎 83957907、97215570、98628098 200萬元
發票收執聯8位數號碼與上列號碼相同者
頭獎 46641920、49356687、86867514 20萬元
發票收執聯8位數號碼與上列號碼相同者
二獎發票收執聯末7位數號碼與頭獎中獎號碼末7位相同者 4萬元
三獎發票收執聯末6位數號碼與頭獎中獎號碼末6位相同者 1萬元
四獎發票收執聯末5位數號碼與頭獎中獎號碼末5位相同者 4千元
五獎發票收執聯末4位數號碼與頭獎中獎號碼末4位相同者 1千元
六獎發票收執聯末3位數號碼與頭獎中獎號碼末3位相同者 2百元
領獎期間自97年12月6日起至98年3月5日止
【領獎注意事項】【97年7-8月統一發票中獎號碼單】"

訂閱：文章 (Atom)

Giles

2008年12月19日星期五

擴展Blogger版面寬度

图片解剖Blogger beta模板代码

Blogger beta：图片解剖Blogger beta模板代码

HTML=

">
<$BlogTitle$>

<$BlogDateHeaderDate$>

" title="external link">
<$BlogItemTitle$>

Links

Previous Posts

Archives

2008年12月18日星期四

MKV的製作和提取方法詳解圖文教程

2008年12月7日星期日

2008年11月27日星期四

卡巴與SMG一起跑吧

2008年11月26日星期三

COFFEE CENTER網路咖啡購物中心(咖啡,咖啡機,咖啡豆)

2008年11月25日星期二

kaspersky KAV(KEY) kasperskyKIS(KEY) 卡巴斯基KEY 卡巴斯基激活码

歡迎光臨~財政部稅務入口網 eTax Portal, Ministry of Finance

追蹤者

網誌存檔

關於我自己

2008年12月19日 星期五

HTML=

<$BlogDateHeaderDate$>

Links

Previous Posts

Archives

2008年12月18日 星期四

2008年12月7日 星期日

2008年11月27日 星期四

2008年11月26日 星期三

2008年11月25日 星期二

追蹤者

網誌存檔

關於我自己

2008年12月19日星期五

2008年12月18日星期四

2008年12月7日星期日

2008年11月27日星期四

2008年11月26日星期三

2008年11月25日星期二