Grandsights Bernie: 4月 2007

2007年4月27日星期五

跨入 Widget 的 Hello World!

Yahoo! Widget 真炫，特別把整串字標記，因為真的是很讚的應用軟體 :D

說透了裡面是一堆 XML，因為今天看了一下 Yahoo! 提供的技術文章 .....
但是內心的 OS 是：不會吧～我要去多看 XML 文章了。
很Orz耶，原本想弄一點JavaScript的說 :(

簡單的Hello World，目前還不是很會啦，以後想利用這個去處理東西 :)
所以先來了解一下，原理和技術成面的需求等等。

XML:


<?xml version="1.0" encoding="Big5"?>
<!-- Widget程式碼Root -->
<widget debug="false">

 <!-- 定義Window介面 -->
 <window title="Kimen n Silver Widget">

   <!-- Window介面相關設定 -->
   <name>main_window</name>
   <width>500</width>
   <height>500</height>

   <text data="Hello World!" size="36" style="bold">
     <name>Hello World!</name>
     <hOffset>250</hOffset>
     <vOffset>100</vOffset>
   </text>
 </window>
</widget>

以上就是第一步產生 Hello World! 的 widget 範例

2007年4月25日星期三

首字加大賦予顏色

我的部落格首字放大和變色框線的效果是用 CSS 處理的，好像也是修改網友的作品 Code 吧 :) 總之，就是如果大家喜歡的話歡迎複製回去囉(當然可以修改，恩!)

最近發現 (好吧，我承認我是後知後覺) CSS 處理小部分的網頁變化，很快速又很簡單。除非網頁真的要大大的加上變化和處理才會需要 JScript 的幫忙，有了 CSS 和 JavaScript 的互相應用可以讓我們得到意想不到的驚喜， :) 說的好像健達蛋蛋喔。


#cap {
float: left;
color: white;
background: #D78B00;
border: 0px solid;
font-size: 30px;
line-height: 30px;
}

使用方式:


將要標記字的id="cap"，就可以囉 :)

2007年4月24日星期二

Blogger 顯示程式碼

我實在弄不出來大作 dp.SyntaxHighlighter ，設定 CSS 和 Javascript 的調整
還是不能出現，後來重新到 Google 搜尋之後找到一段 CSS 語法
放上 Blogger 還真的能跑，上傳到 Google Pages 先暫時將外連，方便修改咩 :)

還好網路上高手一堆，參考的原文，正宗出處 [Blog]文章中引用程式碼的作法。
這段精美的CSS語法，直接放到裡面就可以跑囉 ^^


CODE, .code  {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://polin2005.googlepages.com/BG_CODE.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

CMD, .cmd {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
color: #ccc;
background: #000 url(http://polin2005.googlepages.com/BG_CMD.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

##CONTINUE##
引述作者紀錄 :

在貼HTML code時要注意一下，括號會被browser當作tag讀掉，所以如果要貼括號的話，要用下列的字元更換！

< 用 < 更換

> 用 >更換

& 用 &更換

張貼程式碼的方法 :


將程式碼置於<pre class="code">和</pre>之間。

如果真的要用 "<"，">"，"&" 那還是會有一點點的小麻煩，
不過還算夠用只要能讓我將程式碼貼在部落格，這就是最大的幸福了 :)

2007年4月22日星期日

記憶缺乏症候群

實做的筆記說要紀錄，但是一看別的東西就忘記了。我的腦袋的 RAM 還真的小的很可憐，我想我是罹患『記憶缺乏症候群』了還記得昨天要把硬碟的紀錄處理一下，但是後來還是遺忘了 :(

就用現在回憶一下事情吧，一共又有哪些呢批哩啪啦
" Joomla 小圖示"，"硬碟 Jump"，"課址組安裝 Ubuntu Server 筆記和安裝 LAMP 等等"
，" CSS/Javascript 運用和自傳設計"，應該就是這些吧。

##CONTINUE##
以我現有的記憶很難記住和回想囉，期中考的科目讓我擔心不少
還是繼續把資料庫和資訊安全處理一下咩 :)

p.s. 真的很想用 PHP 去寫資料庫的專題，但是心有餘而立不足，退到變成Access了 :(

2007年4月9日星期一

部落格觀察筆記

部落格觀察筆記這是多麼恐怖的數字壓，以前的 Yam 部落格就是因為每天看名次，就會想要在多寫一些文章，但是我都是隨性的咩。如果眼看自己的 Blog 的人氣上升或下降，真是.........不敢面對呀。

財管部落格 ( http://www.financialsquare.blogspot.com/ )
PCWindows ( http://www.pcwindows.blogspot.com/ )
EaSon's BLOG ( http://www.easonboy.blogspot.com/ )

##CONTINUE##
雖然說以前的 Bernie's Blog-Information Managment Notes人氣最好
有到7000多名次，現在荒廢多年變成10483了說，現在只想把 Blogger 這裡的弄好，
稍微紀錄一下自己的東西，如果以後還算文章多產的話，然後質又豐富，可以考慮用部落格
賺錢 ( ex : Google AdSense) ，之前在網友的部落格當中看到Google寄來的"支票"...
哇塞! 超羨慕的，期許自己囉 :)

以下找了許多懶人需要的文章，裡面不管是圖解還是文字說明都是很豐盛的 :)
希望大家可以慢慢享用，不過還是要先充實自己才是前提喔。

[延伸閱讀]

Google 廣告方案
孤狗大神變財神？﹝Google AdSense懶人包﹞
輕鬆外快的新世代 - Google AdSense

MyICON 誰來看看我!?

MyICON 這個 Team 很棒喔，尤其是正在開發的一個網路圖像分享，名稱是"誰看過我?"
利用使用者設定的個人資訊，輕易的展現在自己的部落格，就等於交換圖示一樣。

<按左圖可以連結到官方網站喔。>

##CONTINUE##
看看這是我的 MyICON 連結圖示:

<如果我參觀別人的部落格，會出現這張圖片。哈哈~>

可以觀看我 Blog 右下角的九宮格，那就是使用之後的成果
所以 Blogger 快去申請一個吧，真的很好玩喔。

[延伸閱讀]

按這裡可以連到MyICON開發者的部落格喔。
MyICON 誰看過我

2007年4月27日 星期五