2007年5月24日 星期四

新增可愛的RSS訂閱圖示

今天新增了一個RSS訂閱的功能
或者是說
秀出一個RSS訂閱的連結圖示
因為Blogger在畫面上都沒有RSS訂閱的圖樣
只有在支援RSS訂閱的Browser裡才會看到有RSS訂閱的通知
所以想了一下
乾脆自己把RSS圖示加在畫面上好了~
OK~
二話不說就用Photoshop搞了一個RSS訂閱的圖示放上來囉~
未來各位可以利用在畫面右下角的此按此訂閱RSS圖示直接的訂閱RSS囉^^

關於這個RSS訂閱圖示的設計
這個圖示希望做出像是超人腰帶一樣的感覺
但是因為外觀若是做得跟其他圖示不一樣大小的話
版面就不整齊
不整齊就會顯得凌亂
所以哩~
就搞得跟目前線上人數一樣的大小囉~
風格也是依樣
唯獨裡面的文字排列做了一點小小的改變
不管是從中間往左往右唸~
都是念RSS~
中間的R字特別放大
並且做了一個像是徽章一樣的放射狀區塊~
就變成像是超人腰帶了啦~
各位有沒有覺得很可愛呢?(不准說沒有)
OK~就這樣啦~~
下次有新增的亂搞再PO啦^^
印表機維修記錄~我們下次再會~~

2007年5月23日 星期三

CSS針對各種瀏覽媒體的設定

CSS可以指定給很多不同的瀏覽媒體
詳細的各式媒體如下:

media="screen" (螢幕)
media="print" ("正常的"印表機)
media="tv" (電視)
media="projection" (投影機)
media="handeld" (手持式資訊 )
media="tty" (文字大小為固定格式的機器,像是電報或是終端機...等等)
media="aual" (聲音輸出裝置,像是電子合成樂器)
media="braille" (點字輸出裝置,像是點字顯示器)
media="all" (全都可用)

使用方式
可在html的表頭之中加入
< link href="print.css" type="text/css" rel="stylesheet" media="print" >

也可以採用第二種方式撰寫將下列項目寫在CSS檔案中
/*此範例是寫給印表機使用*/
@media print{
body{maring:0; padding:0;}
table td{padding:2px;}
.test{color:#F00;} }

/*此範例是寫給螢幕使用*/
@media screen{
body{maring:0; padding:0;}
table td{padding:12px;}
.test{color:#0F0;} }