Script & CSS

2011年5月26日 星期四

CkEditor 加入其它字形

CkEditor 要加入其它字形,只需要修改 ckeditor 目錄底下的 config.js 檔案,加入 config.font_names 並指定要顯示的字形即可,可參考下方的程式碼。

CKEDITOR.editorConfig = function( config )
{
  // 加入這行
  config.font_names = '新細明體;標楷體;Arial;Arial Black;Comic Sans MS';
};

這裡要注意的是,字形最好選擇一般電腦中常見的字形,免得設定該字形後,其它人也沒辦法看到。

2011年5月25日 星期三

網站登錄中文域名

在 Yahoo 登錄中文域名的時候會出現錯誤訊息 "您所提供的URL不存在,請再次檢查輸入的URL,確保資料正確無誤",必先將中文域名轉換成 Punycode 才行順利登錄。

 


首先,要利用全球 WHOIS 提供的 Punycode 轉碼工具。選取編碼功能,然後輸入您的中文網域,再按下轉換即可順利完成轉換。轉換的結果會出現類似 xn--fiq39uwnldrx.tw 的網址。最後
再把轉換後的網址登入到 Yahoo 即可。


2011年5月24日 星期二

將網站登錄至Yahoo、Google、Bing與百度

網站製作完成後第一件事情就是將網站登錄至各大搜尋引擎,這裡列出幾個常見搜尋引擎的登錄網址。

網站登錄至 Yahoo
https://siteexplorer.search.yahoo.com/tw/submit




網站登錄至 Google
http://www.google.com/addurl/?continue=/addurl



 
網站登錄至 Bing
http://www.bing.com/webmaster/SubmitSitePage.aspx




網站登錄至 百度 Biadu
http://www.baidu.com/search/url_submit.html

2011年5月18日 星期三

在 Blogger 張貼美觀的程式碼

首先,在blogger資訊主頁點選設計功能,再點選修改HTML頁籤,即可以編輯範本的原始碼,然後在<head>與</head>區塊加入下列的程式碼。
第4至9行的程式碼是要使用的程式語言類型,只需要選擇有使用到即可。

SyntaxHighlighter Bundled Brushes 有所有支援語言的列表與該語言的 JavaScript 檔名。
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />









然後在編輯文章時,需使用原始碼模式(編輯HTML),將程式碼用<pre class="brush: alias">...</pre>標籤包住,即可顯示美觀的程式碼。
其中要注意的是 alias 的名稱,需依照不同的程式碼類型來填寫相對應的筆刷名稱(Brush aliases)。 目前支援的程式語言列表,則可以照考 SyntaxHighlighter Bundled Brushes 的說明。

這裡舉一個PHP程式碼的例子,在Blogger的文章內容中輸入下列內容:
<pre class="brush: php">
  // test function
  function Hello() {
   echo "Hello, World";
  }
 </pre>
產生的結果如下:
// test function
  function Hello() {
   echo "Hello, World";
  }

2011年4月27日 星期三

Quick Programming - 簡易的PHP測試工具

Quick Programming 是一套簡易的PHP測試/學習工具,只要在上方的編輯視窗輸入程式碼,然後按下Run PHP按鈕後,下方就會出現執行的結果。對初學PHP的人應該滿方便的,不必安裝Apache就可以執行。

下載: Mac App Store


QuickProgramming

2011年4月22日 星期五

取得 YouTube 的縮圖

我以 Angry Birds 的影片來做為範例

此影片的連結是 http://www.youtube.com/watch?v=lUh4UDYtQFs

其中的lUh4UDYtQFs影片ID,只要用下列的路徑來取代,將可以取得 YouTube 的縮圖。

http://img.youtube.com/vi/影片ID/#.jpg (#為0, 1, 2 或 3)

 

縮圖如下

原始縮圖(480px * 360px) http://img.youtube.com/vi/lUh4UDYtQFs/0.jpg

 

縮小版縮圖1(120px * 90px) http://img.youtube.com/vi/lUh4UDYtQFs/1.jpg

縮小版縮圖2(120px * 90px) http://img.youtube.com/vi/lUh4UDYtQFs/2.jp

縮小版縮圖3(120px * 90px) http://img.youtube.com/vi/lUh4UDYtQFs/3.jp

2008年9月22日 星期一

Microsoft Publisher 批次另存圖片的方法

MS Publisher 沒有內建批次將所有的頁面存成圖片檔的功能,所以只好自己寫成巨集。

下列的程式碼會將所有的頁面存成 C:\下的 [文件名]_[頁碼].png ,若要改成其它格式式,只要將.png 改成您要的格式即可(如.gif, .bmp),輸出的解析度是 300dpi。

程式碼如下所示:
Sub SaveAsImages()

'解析度總共有4種選項可供使用
'pbPictureResolutionDefault => 預設值
'pbPictureResolutionWeb_96dpi => 96dpi
'pbPictureResolutionDesktopPrint_150dpi => 150dpi
'pbPictureResolutionCommercialPrint_300dpi => 300dpi

Dim docName As String
docName = ActiveDocument.Name

For i = 1 To ActiveDocument.Pages.Count
ActiveDocument.Pages(i).SaveAsPicture "c:\" & docName & "_" & i & ".png", pbPictureResolutionCommercialPrint_300dpi
Next

End Sub