在剛建立好Blogger時,會發現顯示頁面不夠寬,預設顯示頁面只有660的寬度而已(根據所選原始模版不同,各別可能的預設值也會不同)。如果想要加寬頁面顯示寬度的話,就得動手改一改了。 下面者,原預設是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。
當然,你也可以改Sidebar的寬度,預設為220。我沒改,要改的話,要注意與上方main-wrapper者之加總,不可超過Outer-Wrapper之寬度設定。#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-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 */
}
2008年12月19日 星期五
擴展Blogger版面寬度
图片解剖Blogger beta模板代码
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=
CSS=
#b-navbar { height:0px; visibility:hidden; display:none
}
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$>
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$>
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=
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$>
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$><$BlogItemControl$>
"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments
#links">links to this post
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
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
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
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的製作和提取方法詳解圖文教程
關於 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日 星期日
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