跨入 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 範例

首字加大賦予顏色

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

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

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

使用方式:

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