"戲法人人會變 但巧妙各自不同" 很多人都把它歸於"天賦" 其實資質只是佔非常小的一部分
絕大部分都是要靠後天的教育跟訓練的 ! 所以古代的"武林秘笈"絕不是傳言
"好的老師 帶你上天堂 壞的老師 讓你下地獄 " 也絕對不是胡說
2010年12月9日 星期四
打造簡約快速直覺的 ChromePlus 1.5瀏覽器 (Part 3)
2010年12月6日 星期一
打造簡約快速直覺的 ChromePlus 1.5瀏覽器 (Part 2)
上一篇講的是設定 這一篇我們來談談"外掛"吧 ! 為甚麼要說成"外掛" ? 實在也是出於無奈~~
在這注重行銷包裝的時代 只要講到"外掛"兩字 男生就有如已經打到寶一樣 開始"興奮"起來
女孩子則雙手抱拳緊握 露出水汪汪閃動的眼睛說 : "哇 ! 你好厲害歐 !"
2010年12月5日 星期日
打造簡約快速直覺的 ChromePlus 1.5瀏覽器 (Part 1)
ChromePlus 是 Chrome 的強化版 差異是將許多常用的簡便功能都內建在瀏覽器裡面
如"滑鼠手勢" "擋廣告" "IE tab(轉換成IE模式)" 等 , 省掉很多找外掛跟安裝的時間
最近 ChromePlus 1.5版 又導入 Chrome 7 的核心之後 不僅開啟的速度更快 還能開啟
硬體加速的功能(咻 ! 狂飆ing~) , 果真如此嗎 ? 一切口說無憑 ! 如果你還沒使用過 Chrome的
那就來一次初體驗吧!(現在寫文章真可憐 如果沒有加上"初體驗"三個字還真的沒人看 …
2010年4月25日 星期日
開始建立一個新的Blogger
綜觀所及 , 手邊的資料越來越多 , 分類也開始越來越雜 , 遠遠望去"檔案總管"密密麻麻的目錄
讓我望之生畏 , 到底我要在茫茫的檔案中如何做有系統的整理呢 ?
2010年4月22日 星期四
讓"繼續閱讀"顯現在第三方的樣板上
「繼續閱讀」功能可讓您在網誌文章中建立可展開的文章摘要,讓篇幅較長的文章以摘要的形式呈現,並且提供可讓讀者選擇 「閱讀更多」文章內容的連結。
您不需要改變任何 HTML 程式碼,就可以輕易地透過文章編輯器為網誌文章建立「繼續閱讀標示」。首先,您必須先決定要在文章中建立繼續閱讀標示的位置,然後將游標移至該處:
2010年4月20日 星期二
消除Blogger上方的navbar
在</head>前,加入以下程式碼
<style type='text/css'>
.Navbar {visibility:hidden;display:none;}
</style>
2010年4月18日 星期日
改版日誌
1.先登入 http://draft.blogger.com/
2.讓標題區(HEADER)增加一個小工具(Widget)
.先修改HTML 找到
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='No'>
<b:widget id='Header1' locked='true' title='阿納不負責教學 (標頭)' type='Header'>
將紅色的字改為藍色的字
如下
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='阿納不負責教學 (標頭)' type='Header'>
其中 "showaddelement"= show add element
也就是顯現並增加的"網頁元素"
預設值是"No" 所以我們要先把它打開 才能增加
而"maxwidgets"則代表可增加的最大小工具數目
改完之後如下圖
既然新增的小工具列可以拿來寫 HTML ,Java Script
那我們就拿來運用在標題欄上面 來建立一個 Menu Bar 來做連結
在"版面配置"裏 開啟"網頁元素" 然後在上圖剛剛新增加的小工具欄 "HTML/Java Script"中 按"編輯"
將下列程式碼輸入其中
<div id="navmenubar">
<li><a href="要連結的網址1">名稱1</a></li>
<li><a href="要連結的網址2">名稱2</a></li>
<li><a href="要連結的網址3">名稱3</a></li>
</div>
如下圖 ~~
按儲存
........
在
#header-wrapper {...........}的後面加入下列CSS的程式碼
/*增加MENU BAR*/
#navmenubar{
height:25px;
line-height:23px;
margin:0 1px;
background:#336699;
color:#ffffff;
}
#navmenubar li{
float:right;
list-style-type:none;
border-left:0px solid #ffffff;
border-top:0px solid #ffffff;
border-right:0px solid #777D85;
border-bottom:0px solid #777D85;
white-space:nowrap;
}
#navmenubar li a{
display:block;
padding:0 10px;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
* html #navmenubar a {width:1%;}
#navmenubar .selected,#navmenubar a:hover{
background:#336699;
color:#ffff66;
text-decoration:none;
}
相同的做法 也可以用在文章區 (post
3. 改外觀(Style)
.
在</head>前,加入以下程式碼 <style type='text/css'>
.Navbar {visibility:hidden;display:none;}
</style>