最近寫了很多文章都與PIXNET網站所推出的Google Apps服務有關，原因是幾位朋友在使用上有些許疑問，所以我才想跟大家分享一下我自己的使用經驗。這一篇想跟大家分享的，是如何強化Google 日曆的版面與功能。

這個名為Better GCal的附加元件，可以讓我們去調整 Google 日曆的畫面與呈現方式。目前版本是Version 0.2.2，有興趣的人可以按下下方連結即可進行安裝。(必須同意Lifehacker這網站為你下載安裝)
dl-icon.png
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(0) 人氣()

▲top
今天PIXNET站方終於公佈了PIXNET郵件信箱服務的密碼更改方式。
請參考這個連結：http://blog.pixnet.net/admin/post/7556894

PIXNET站方提供更改密碼的路徑，這代表我們可以利用這個功能，作更多進階的設定，享受更好的服務。熟悉Gmail 服務的朋友應該都知道，Google站方有提供一個郵件檢查工具--Gmail通知器（Gmail Notifier），這是Google官方提供的版本。雖然這工具已經很不錯，可以隨時檢查我們的Gmail信箱裡是否有郵件進來，不過，這工具有個缺點，就是只能檢查Google Account，對於PIXNET所提供的Google Apps信箱(信箱是PIXNET的網址)，就無法檢查，而且這工具一次只能設定一個信箱，不很方便，因此我決定捨棄Gmail Notifier，改用Gmail Manager這個超讚工具。

Gmail Manager是一個FireFox的附加元件，所以當然只能在FireFox上安裝，如果你使用的瀏覽器是IE，那麼只能說抱歉!!
如果你是使用FireFox，直接點這個Gmail Manager下載安裝位址:
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(1) 人氣()

▲top
8/13日PIXNET推出郵件信箱服務後，原本已有Gmail信箱的我，決定把PIXNET信箱，作為我的部落格專屬使用信箱。既然是部落格專用信箱，那當然簽名檔就可以比平時花俏，不用再那麼僵硬地像公司信箱那般寫一串樣板。

由於原本的Gmail介面，並沒有讓簽名檔欄位可以用HTML語法的功能，我是因為使用FireFox加上Better Gmail這附加元件，所以才有這幾個英文選項。
下載Better Gmail:download-button1.png
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(1) 人氣()

▲top
經過一番努力，PIXNET終於整合了Google Apps API的SSO功能，開啟了PIXNET郵件服務的功能，提供所有會員以同樣ID取得郵件帳號，並且直接登入到Gmail介面的PIXNET專屬畫面中。也因此，我取得了chrisincite@pixnet.net的郵件帳號，並且擁有2GB的郵件空間。

這是我的PIXNET郵件帳號的畫面：
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(3) 人氣()

▲top
前面幾篇CSS的文章都是與Container這個主要容器有關，接下來談的是第二層容器以及其內的各容器屬性。不過，在談第二層容器之前，得先說說選擇器(Selector)的種類。除了上一篇提到的上下文選擇器外，在HTML語言中，還有所謂的類別選擇器(Class Selector)以及ID選擇器(ID Selector)。

以<div class="Sideblock" id="CategoryPlugin">為例，這個DIV標籤同時使用類別與ID這兩個選擇器。瀏覽器讀取到這段語法時，便會去CSS內容裡搜尋Sideblock以及CategoryPlugin這兩個選擇器所規範的樣式內容。而ID和Class不同之處，在於ID只套用一次，而Class則可以套用多次。我們在編輯CSS時，須使用點號（.）來撰寫Class選擇器，而使用hash符號（#）來撰寫ID選擇器的內容。

在Top這個ID選擇器所指向的容器標籤內(為了方便就稱為TOP容器標籤)，還有<div id="BlogHeader">以及<div id="BlogDescr">這兩個容器，所以我先設定TOP容器標籤的屬性。由於多數屬性已經在Container裡面設定了，所以這裡我只需要去設定和Container差異的部份。
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(0) 人氣()

▲top
這回東京公務行，一直有個行程我遲遲沒有寫出來，因為可能不少人看了之後會想扁我.....。（其實我也是在極端不願意的情形下，被導遊跟公司逼迫去這家餐廳的，所以請大家息怒)。經過幾番催促，最終我還是把這家餐廳介紹給大家，因為現在要在台灣吃到這項料理，越來越不容易了。

玄品ふぐ是一家知名的連鎖河豚（とらふぐ）專門店，我們前往位於東京新宿區神樂坂的這家店，由於是周五下班時間，所以巴士塞了一段時間後終於抵達這家外觀不甚起眼、但卻饒富特色的小店。
由於河豚具有毒素，中毒症狀嚴重者會造成呼吸麻痺而死亡，因此河豚料理在日本曾是嚴格禁止的料理。一直到明治時代，東京地區才逐漸解禁，直到二次世界大戰後，日本全國各地才能合法地食用河豚。日本政府為了保護人民，以法律規定河豚料理必須由領有專門執照者處理，未持有執照的料理河豚者，可能會被以殺人犯法辦。這家河豚專門料理店自昭和時代就已經開始販售河豚料理，必且還在日本三重縣地區自社養殖河豚，以嚴格管控品質。
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(7) 人氣()

▲top
/*(Step 5)設定連結(link)的屬性*/
在談連結屬性之前，我們得先談一下連結的概念，在網頁中我們可以最常選擇文字或圖片來作為連結客體，當我們按下連結文字或圖片時，網頁就會轉向(redirect)到我們指定的連結位址去。而HTML語言中，連結的語法不外是下面兩種：
<A HREF="指定的連結位址">設定作為連結的文字內容</A>
<A HREF="指定的連結位址"><IMG="設定作為連結的圖片位址"></A>

這表示在Container這個選擇器下，可以指定文字與圖片連結的表現形式，以及當滑鼠移到這連結時，所出現的hover效果。在一般網頁原始碼中，連結的標籤的程式碼會是這樣的形式：
<A HREF="指定的連結位址">設定作為連結的文字內容</A>

這原始碼呈現出的網頁效果，會只是簡單的底線表示此文字帶有連結，當滑鼠移到連結處時，就會根據瀏覽器的設定更改顏色。如果我們想讓某一個容器標籤下的連結式樣有些不同，我們就必須在這個容器標籤下，額外宣告一種特殊的上下文選擇器(Contextual Selector)。以Container容器為例，在這容器標籤下所連結的一段文字，網頁原始碼會大概是下列的情況：<Div ID=Container>...<A HREF=""></A>...</Div>

這表示如果我想讓Conatiner容器下的連結標籤所呈現的樣式效果，跟原本的網頁效果不同，那我就得額外如下宣告：
#Conatiner a {
color:#3399FF;/*顏色改為#3399FF色碼*/
text-decoration:none;/*文字不加底線*/
}
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(1) 人氣()

▲top
容器標籤內可置放的網頁元素，當然有很多種。但依照目前PIXNET的部落格型態，能夠透過CSS修飾外觀的，不外是文字(text)的字型與段落、圖片(image)、表格(table)、表單(form)及連結(link)的顯示。所以接下來我們來談的，就是設定這些內部相關元素的屬性。由於CSS中對於更改同一屬性的方法有時會有多種表示法，我想只要可以達到目的就好，沒必要把所有表示法全部列出來，我可不是在寫規格表。為避免文章過長，這篇內容只介紹字型與段落文字的屬性。

/*(Step 3)設定字型的屬性*/
font-family:"Trebuchet MS",細明體,新細明體;
/*設定字型為"Trebuchet MS"、細明體、新細明體這幾種字型，英文字型須加上引號表示，字型之間要以半形逗點作區隔。當然，你可以設定一堆奇特的字型，但是如果其他人沒這字型的，你設定了也沒用。*/
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(0) 人氣()

▲top
在寫文章之前，得先解釋一下瀏覽器程式與標籤的運作。當IE或FireFox等瀏覽器讀取網頁原始碼而讀到標籤時，它就會去找尋跟這標籤有關的屬性值，如果瀏覽器所讀到的標籤是帶有選擇器(可能是ID或Class)的，那麼它就會到CSS樣式表中尋找那個選擇器的內容。因此，ID選擇器就是IE等瀏覽器的線索。以<Div id= "Container ">為例，Container這個關鍵字就是一個ID選擇器，瀏覽器程式會去CSS中尋找Container這個關鍵字所定義的屬性值，讀取之後就顯現在網頁。

從前篇文章的圖示可以知道，在Grey模板中，<Div id= "Container" >這個容器標籤是個起始，由於這個父輩標籤包含了所有其他的容器標籤，因此其他子標籤也就得繼承他的所有屬性(可能是家產，也可能是負債)。談到繼承，我想就用我國目前財產繼承制度作個解釋範例，大家就當我閒扯吧。根據台灣的民法，如果子女不打算繼承父母親的遺產(這情形多發生在父母留下龐大的債務)，就得在繼承開始後六個月內向法院聲請『拋棄繼承』，如果不依照法律向法院提出這樣的宣告的話，作子女的就得扛起父母的負債。

轉到CSS樣式語法，也同樣是這個道理，子標籤如果要有自己的樣式屬性，就得站出來革命，表達「我要有自己的個性」，得在CSS中提出自己個別樣式的宣告，不然子標籤就必須繼承父標籤中的樣式。無論如何，先不管未來自己的小孩想不想繼承老爸留下的遺產，但當老爸的一定要爭氣，至少不能留下爛攤子給兒孫收拾。<Div id= "Container ">這個容器標籤也相同，我們得先定義好它的所有屬性，這樣日後在處理其他標籤時，就會輕鬆很多，如果不打算個別宣告，就可以讓其他子標籤直接繼承它的屬性就好。
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(4) 人氣()

▲top
從程式碼中我們已整理出含有CSS樣式的所有HTML標籤，而這些標籤看起來很多，但本質上不外是下面這幾種而已。
<DIV>(容器區塊)、<Span>(容器區塊)、<Table>(表格)、<P>(段落)、<Input>(輸入欄位)、<a>(文字)、<h4>(標題文字)。

Grey模板中最多的HTML標籤應該是<DIV>(容器區塊，Container Tag)，這標籤透過Class選擇器或ID選擇器去選擇個別樣式的屬性，容器區塊所涵蓋的範圍很大，這標籤裡就如同容器一樣可以容納其他HTML標籤元素。一個容器裡面還可以裝另一個容器，但是第二個容器裡面的屬性如果沒有重新定義的話，就會繼承(Inherit)上一層容器的屬性。不知道大家有沒有看過俄羅斯娃娃，最外面的一個大娃娃裡面包了一個中娃娃，中娃娃裡面包了小娃娃，整個Grey模板的部落版面基本上就像這樣，因此我們必須知道容器的上下隸屬關係，才能有效控制我們的部落格版面。
從網頁原始碼中，我們可以得知Grey模板的容器區塊約略是這樣的從屬關係：
(繼續閱讀...)

克里斯 發表在 痞客邦 留言(4) 人氣()

▲top
«1...111213 1415...18