2010年8月18日 星期三

免費簡單製作Ubuntu與XP雙重開機

Ubuntu是一款免費的作業系統


特效媲美Win7


且能與微軟作業系統(包括98.2000.XP.Vista.Win7)做雙重開機


官方網站也附有淺顯易懂的詳細安裝說明




下載完.exe安裝檔後執行開啟


基本上設定都是不需要去動它的


只需要注意語言是否為Chinese(TW)


密碼部分則是供之後開機時用


*雖然安裝介面皆是簡體字,不過安裝完畢後自動會載入繁體語系檔。




 


之後它就會開始下載並安裝






安裝好後讓它重新啟動




 


在開機時就會出現雙重開機的選項了!






 


選擇Ubuntu後再讓它跑完






 


最後當然就讓你自己去探索這個免費的作業系統嚕~


 





 


【html】文字各式效果

文字是組成網頁的要素之一


可以算是非常重要的一份子


但若文字的型式都相同


則無法凸顯重要的部分


也或者沒法詮釋作者所想表達的


在html語法中的"文字控制與設定"是非常重要的




文字的形式


1.語法:<b>文字</b>


解釋:粗體


2.語法:<i>文字</i>


解釋:斜體


3.語法:<s>文字</s>


解釋:刪除線


4.語法:<u>文字</u>


解釋:底線




文字的分段


1.語法:<p>文字</p>


解釋:在一段語法中若要加入文字一般會把文字增加在<p>與</p>之間來做區隔


2.語法:<br>文字</br>


解釋:讓被包在<br>與</br>之間的文字自動換行




文字的大小


1.語法:<font size="1">文字</font>


解釋:它的功能就是定義被包在<font size="1">與</font>之間文字


size="1"數字越大 文字大小則越大


2.語法:<h1>文字</h>


解釋:定義<h1>與</h>之間文字的大小


不過此種語法較為特別,一般應用於標題


且僅有h1.h2.h3.h4.h5.h6能設定




文字的顏色


1.語法:<font color="white">文字</font>


解釋:定義被包在<font color="white">與</font>之間的文字顏色


color="white"可直接填寫該顏色的英文或是使用色碼


如:color="#000000"


(註:色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)




文字的字體


1.語法:<font face="細明體">文字</font>


解釋:定義被包在<font face="細明體">與</font>之間的文字字體


<font face="細明體">只需直接填寫該字體名稱即可


(註:若瀏覽者的電腦沒有安裝這種字體,則無法顯示你所填寫的字體,所以建議選擇微軟預設的普遍字體。)




文字的位置


1.語法:<font align="left">文字</font>


解釋:定義被包在<font align="left">與</font>之間的文字位置


left:靠左 right:靠右 center:置中




文字的底色


1.語法:<font style="background-color:white">文字</font>


解釋:定義被包在<font style="background-color:white">與</font>之間的文字底色


可使用色碼


(註:色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)




文字的超連結


1.語法:<a href="http://blog.xuite.net/jason_kuso/kuso">文字</a>


解釋:將被包在<a href="http://blog.xuite.net/jason_kuso/kuso">與</a>的文字連結到所設定的網址




額外提醒:


看完了上述的文字技巧後


應該能發現一般html語法都有個共通點


皆有"開始"與"結束"


如:<b>文字</b>


<b>是它的開始


</b>則是它的結束


且結束都會增加"/"


若少了"/"這個重要的一撇


就會讓你的語法無法成立哦!


 


2010年8月16日 星期一

免費免註冊線上製作投票機-vorbeo

vorbeo是一個具有線上製作投票機的網站


大多數製作投票機的平台都需要註冊


甚至少數是要收費的


不過vorbeo真的是一個慷慨的網站~不收費 不需註冊




vorbeo:http://vorbeo.com/


它雖是外國網站


但依然可以輸入中文作為投票項目


例如我製作的"【無中生有】瀏覽者年齡層調查"



而製作投票機的過程也十分簡單


僅需填寫一些投票機的問題.項目...等


而"選擇底色"部分若沒有喜愛的顏色


也能在語法中找【background-color:#ffffff】這行字


將色碼自行做修改


(色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)




vorbeo的投票機都是記ip的


同ip僅能投票一次


所以投票結果可採信度是很高的!


 


2010年8月14日 星期六

會自動報歌名的廣播收音機-TimeRadio V5.3

對於像我這樣一個超愛聽99.9的人來說..


一直都有個困擾


就是根本不會知道正在播的歌曲名稱


僅有少數具"特別意義"歌曲 主持人才會特別介紹


但現在TimeRadio V5.3這個收音機軟體解決的這問題~



它是一個超輕量的綠色軟體


方便 簡單 好用


介面也十分簡潔




能收聽的電台也不少




換歌曲的時候會在右下角顯示歌曲名稱



也能更換標題/背景顏色及視窗透明度



也能自訂快捷鍵 使收聽更方便




還能設置何時關閉/開啟收音機




TimeRadio V5.3這個綠色軟體檔案雖說小


但功能齊備


主要又有顯示歌曲名稱功能


聽到好音樂不會再錯過~





 


 


2010年8月11日 星期三

100%免費合法Blog音樂-KISSRadio

由於大部分音樂都有版權


若任意放在Blog會被告侵權


若想要讓自己Blog有背景音樂令人舒暢


又不想冒著侵權的風險


那無人不知,無人不曉的KISSRadio是個很好的選擇!


它不但提供收音機的廣播


還有線上廣播及Blog版的播放器


而且比起一般將音樂放在Blog就只有單曲


較為平淡


若轉移頁面(如:瀏覽另一篇文章)時音樂又會重播


但KISSRadio就不會有這個問題


KISSRadio網路音樂台:http://kissradio.kiss.com.tw/home/incode.php


 


選擇對應的Blog平台




選擇完畢後即會出現如下圖




之後只需將語法貼到自由欄位即可~


而且KISSRadio還很貼心的附了各Blog的方法






 


2010年8月4日 星期三

以縮圖顯示Blog相關文章-LinkWithin

往往瀏覽者幾乎都只會瀏覽新文章


但有些人的Blog文章數量很多


許多的舊文也就因此被埋沒


若你有此疑慮的話


能在Blog添加LinkWithin這款免費工具!


就如下圖 他是以縮圖方式呈現文章



這個網路工具十分簡單


僅僅需要填上一些基本資料 (Blog網址.E-mail..等)


就能擁有這個服務~


LinkWithin:http://www.linkwithin.com/learn



  1. Email 不一定要填真實的 只需格式無誤(xxxx@xxxx.xxxx)

  2. Blog Link 輸入Blog的網址 (需加http://)

  3. Platform 填Blog的平台 (如:Blogger) 若無使用的平台選項 則選Other(其他)

  4. Width 相關文章的數量

  5. My blog has light text on a dark background 若Blog的底是深色的話請勾選




之後就能將語法打包帶走嚕~




只要貼在xuite的自由欄位內或是無名資料夾即可


從此以後就不用再擔心會有舊文被埋沒啦~


 


2010年8月2日 星期一

【html】偵測瀏覽者使用的瀏覽器,並加上提示語。

用IE瀏覽無中生有的版友應該有發現多出了一行"提示語"




光是弄這行提示語就消磨掉了我不少時間...


會突發奇想的新增它主要是因為我在用IE看自己網頁的時候


總會有一堆問題!


像是..自由欄位-開站日期 下面空的太大..


之前聯播文章也會跑位 甚至不顯示..


無中生有本身是在Firefox的情境下寫的


包括許多外掛語法也都主要依照Firefox瀏覽出的樣子來做取決


當然..若能做到兩全其美


兩個瀏覽器都沒問題那更好~


但IE還有個難搞的傢伙處理不掉.."相容性檢視"


無中生有在IE(非相容性檢視)的情況瀏覽下還算OK


不過到了"相容性檢視"瀏覽就有些問題會跑出來了


當然 問題也可能包括是解析度上的不同


建議是使用1280X1024解析度瀏覽


寬螢幕可能就要委屈一下了..






語法(紅色部分請自行更改):  


<div style='position:absolute;width:770px;top:-200px;left:150px';>


<!--[if IE]>
<div style="background-color:Transparent;margin:5px 0 5px 0;padding:0px 0px 0px 0px;border-color:Transparent; border-style:solid;border-width:0px;">
<p><font size="3"><font color="white">您好,您目前使用的是IE瀏覽器,建議使用更快速的瀏覽器!<a target="_blank" href="http://moztw.org/"><font color="#EEFFBB"><u>Firefox瀏覽器</u></font></font><font color="red">【建議】</font></a><font color="white">、</font><a target="_blank" href="http://www.google.com/chrome/index.html?hl=zh_tw&brand=CHMB&utm_campaign=zh_tw&utm_source=zh_tw-ha-apac-tw-sk&utm_medium=ha"><font color="#EEFFBB"><u>Google Chrome</u></font></a><font color="white">。並建議使用</font><a target="_blank" href="http://blog.xuite.net/jason_kuso/kuso/30554481"><font color="#EEFFBB"><u>1280x1024解析度</u></font></a><font color="white">瀏覽</font><a target="_blank" href="http://blog.xuite.net/jason_kuso/kuso"><font color="#CCEEFF">【無中生有】</font></a><font color="white">。</font></font></p>
</div>
<![endif]-->


</div>





語法解說(紅色字請自行更改)


1.


<div style='position:absolute;width:770px;top:-200px;left:150px';>


解說:


即是先前所講解過的定義絕對位置


可參考舊文-【html】把網頁語法放到自由欄位外  


2.


<!--[if IE]>


解說:


意思是"若瀏覽者是使用IE瀏覽器則會顯示"


甚至能加上版本號 <!--[if IE8]> 不過如此就只會有IE8的瀏覽者能看到


當然你也能將他改成<!--[if Firefox]>或者其他瀏覽器


或是<!--[if lt IE8]> 意思是IE瀏覽器的版本號小於IE8(IE8以下版本)


附註


lt (該瀏覽器版本號小於)


lte (該瀏覽器版本號小於等於)


gte (該瀏覽器版本號大於等於)


gt (該瀏覽器版本號大於)


3.


<div
style="background-color:Transparent;margin:5px 0 5px 0;padding:0px 0px
0px 0px;border-color:Transparent;
border-style:solid;border-width:0px;">


解說:


background-color:Transparent


為定義該區域內背景顏色


 Transparent為透明


(色碼表參考:http://nthucad.cs.nthu.edu.tw/~yyliu/color.html)


border-color:Transparent


定義該區域"外框"的顏色


border-width:0px


定義外框寬度


4.


<p><font size="3"><font
color="white">
您好,您目前使用的是IE瀏覽器,建議使用更快速的瀏覽器!<a target="_blank" href="http://moztw.org/"><font
color="#EEFFBB">
<u>Firefox瀏覽器
</u></font></font&
gt;<font color="red">【建議】</font></a><font
color="white">


<font size="3">文字</font>


解說:定義文字大小 數字越大 文字越大


(無法使用帶有小數點的大小 如:3.5)


<font
color="white">文字</font>


解說:定義文字的顏色 可用色碼


(色碼表參考:http://nthucad.cs.nthu.edu.tw/~yyliu/color.html)


<a target="_blank" href="http://moztw.org/">作為超連結的文字</a>


解說:此為將文字變成超連結 紅色字為欲連結到的網址


<u>文字</u>


解說:底線


附註


<b>文字</b>


解說:粗體


<s>文字</s>


解說:刪除線


<i>文字</i>


解說:斜體


 




 


只要將以上所解說的部分(紅字部分)加以更改


就能做出一個提示語嚕~