Elsa's simple life - 網誌

目前分類: CSS樣版DIY 檢視方式: 列表摘要

January 10, 2009

[樣板DIY] 將天空掀頁廣告變成隱藏式/感應式

elsatw 在天空部落發表於15:12:44 | CSS樣版DIY

今天教大家，將天空掀頁廣告變成隱藏式/感應式，
即游標滑到右上角，掀頁廣告就會跑出來，如果要全幅，展開只要點選廣告就行囉！

觀看全文...

人氣 () | 回應 (0) | 引用 (0)

January 10, 2009

[樣板DIY] 隱藏式/感應式功能霸

elsatw 在天空部落發表於04:27:15 | CSS樣版DIY

是不是覺得部落格上方功能霸跟自己的版面格格不入呢？
但是把它整個取消隱藏起來，要用的時候又覺得有點麻煩呢？

將將！看到我上方的『感應式』的功能霸嗎？

觀看全文...

人氣 () | 回應 (5) | 引用 (0)

April 16, 2007

[樣板DIY] 版主回覆的CSS

elsatw 在天空部落發表於23:47:46 | CSS樣版DIY

糟糕呢～今年設計的樣板都忘了做版主回覆的設定....
導致回覆與網友留言格式雷同～～

請自行加在ＣＳＳ的最後一行吧！
或是回到原樣板ＣＳＳ提供頁面重新拷貝貼上吧！！

如下

觀看全文...

人氣 () | 回應 (8) | 引用 (1)

August 14, 2006

【樣板DIY】文字排版相關CSS語法

elsatw 在天空部落發表於16:22:10 | CSS樣版DIY

只要在你要更改的CSS加上或修改語法參數即可。

●文字排版相關CSS語法

語法參數	顯示
font-family: 標楷體;	設定顯示的字型
font-size: 10px;	設定顯示的字體大小
font-style: italic;	設定字型為斜體
font-weight: bold;	設定字體為粗體
font-variant: small-caps;	將小寫換為大寫smalltobig
text-indent: 24pt;	段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排段落縮排
letter-spacing: 10pt;	字元間距
line-height: 50px;	設定行高設定行高
text-decoration: underline;	文字效果沒有效果 underline加底線 line-through文字刪除 overline加上標線 blink閃爍
text-transform: Capitalize;	大小寫轉換 none沒有效果 capitalize將第一個字母轉換為大寫 uppercase全部字母轉換為大寫 LOWERCASE全部字母轉換為小寫
text-align: center;	文字水平方向對齊方式 center置中 left靠左 right靠右 justify分散對齊
writing-mode: tb-rl;	直書一直書二

觀看全文...

人氣 () | 回應 (5) | 引用 (0)

August 1, 2006

【樣板DIY】線上人數~目前有N個朋友光臨我家哦

elsatw 在天空部落發表於12:02:00 | CSS樣版DIY

目前提供免費的 web counter來統計「瀏覽人數」及「線上人數」的網站很多(哪裡有？ )，像我是在FreeOnlineUsers申請的，因為天空已提供「瀏覽人數」，所以我僅使用了「線上人數」。

觀看全文...

人氣 () | 回應 (5) | 引用 (0)

July 26, 2006

【樣板DIY】直式書寫

elsatw 在天空部落發表於00:06:00 | CSS樣版DIY

● 我想要有直式書寫的部落格標題或描述

只要在你要更改的CSS加上或修改writing-mode設定即可。

CSS語法如下

writing-mode: tb-rl;

※如果你記不得這個語法，還可以用另一個變通的方式達到直式的書寫：
把寬度(width)設窄一點，高度(height)設長一點，他就會一個自一個字斷行囉，造成視覺上的"直式書寫"，這跟你一般用word表格如果比較窄，字就會自己斷行的意思ㄧ樣，不過僅用於"一行"直直落哦！這個方式沒辦法讓你像寫詩ㄧ樣有視覺上的"直式+斷行"，暸吧！^^

觀看全文...

人氣 () | 回應 (0) | 引用 (1)

July 21, 2006

累屬人了...

elsatw 在天空部落發表於18:15:10 | CSS樣版DIY

兩個禮拜拼了四個樣板....晚點再上來PO文......
熊貓留 :)))

人氣 () | 回應 (6) | 引用 (0)

May 29, 2006

【樣板DIY】變更字型

elsatw 在天空部落發表於12:36:00 | CSS樣版DIY

● 我想要更改網頁的字型

只要在你要更改的CSS加上或修改FONT-FAMILY設定即可。
(PS.中文字好像只支援華康字體)

CSS語法如下

FONT-FAMILY:華康童童體,華康墨字體,華康少女文字W3;

可以用逗點(,)區隔，依序放入所需的字型設定，以上述為例，即
如果找不到華康童童體就用華康墨字體，連華康海報體都沒，就用華康少女文字W3^__^

觀看全文...

人氣 () | 回應 (0) | 引用 (0)

March 29, 2006

【樣板DIY】CSS 教學網站

elsatw 在天空部落發表於12:05:00 | CSS樣版DIY

現在許多網站會用CSS代替龐雜的HTML CODE控制整個版面，
不僅簡單好用又好一次大翻修的改！
一直以來，在製作網頁的時候，也是都會用CSS局部去控制文字連結等，
而我真正體悟到CSS的好用，也是在接觸部落格之後，
經過那段茶飯不思的過程，哈哈！當然會的是皮毛~~
加上對部落格一點執著，一點熱情....就繼續啃食下去啦~~

觀看全文...

人氣 () | 回應 (7) | 引用 (0)

March 28, 2006

【樣板DIY】我的鼠標

elsatw 在天空部落發表於18:32:00 | CSS樣版DIY

羨慕別人的部落格有卡哇伊的獨特鼠標嗎？
趕快自己做看看哦！

觀看全文...

人氣 () | 回應 (20) | 引用 (0)

March 28, 2006

【樣板DIY】輕鬆讓捲軸變色

elsatw 在天空部落發表於18:17:00 | CSS樣版DIY

無論你搞不搞的懂顏色代碼或CSS，
捲軸顏色生成器免安裝並可輕鬆取得捲軸顏色CSS哦！
你還可透過該視窗的捲軸，預視你所設定的結果。

觀看全文...