http://blog.roodo.com/rss20/topic/topic_article_13412.xml 使用樣式表（Cascading Style Sheets）美化網站。 zh-tw Roodo Blog System All Rights Reserved 2008.10.20 update: 配色 [原用] [[大標,內文的文字,comments-body]] 950AFF(dark, 偏紅) [[message]] 6200AE (dark, 偏藍黑) [[#text, #author, etc.; sidetitle bgd;link hover bgd;blockquote border]] C991F4 (light) [[.blogbody]] EBD1FF (lighter) http://blog.roodo.com/hikawac/archives/7406239.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 20 Oct 2008 20:07:00 +0800 [css] version: 樂多白底紫花 20081014, 修改自樂多-設計1-flower5 本文+邊欄=#container 本文=#content 待改(2008.10.08): 網誌 title 跟連結 hover 改成桃紅#FF00FF http://blog.roodo.com/hikawac/archives/7375437.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Tue, 14 Oct 2008 17:34:44 +0800 很早就想改紫色版面啦 不過... 怕紫色版面一下就看膩 所以一直沒用過這個色系 http://blog.roodo.com/hikawac/archives/7369917.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 13 Oct 2008 15:20:48 +0800 前情提要: 投票: 農曆七月版型的回應區 (開票了!) 調了一下回應區, 做出下面六種樣子: 因為有人問到那些版面樣式的作法 所以我把我的 css 貼在這邊給大家參考: http://blog.roodo.com/hikawac/archives/6918223.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 22 Aug 2008 15:12:54 +0800 note (2008.07.25): 這次主要是把整個網頁的頁面最右側留白處(咖啡色木質色塊)調小, 但因為有些元素受到影響, 所以同時調整... http://blog.roodo.com/hikawac/archives/6563323.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 25 Jul 2008 11:19:47 +0800 先不修 bug 反正... 先蠻幹下去再說... XD http://blog.roodo.com/hikawac/archives/6538279.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 21 Jul 2008 19:39:34 +0800 CSS-Tricks 近日在網站上做了一個調查： &quot;What CSS Reset Do You Use&quot; ，其中最多人使用的Eric Meyer的版本(不意外)，佔了27%，令人莞爾的是佔了26%的第二名：&quot;CSS Reset是什麼?&quot;。 CSS Reset是什麼?想必台灣很多做網頁設計的也不一定知道啊。簡單的來說，CSS Reset是一整套的CSS設定，用來統一各瀏覽器的不同內建值。舉例來說，如果沒有指定body的margin或padding，在Firefox、 IE5~IE8、Safari等瀏覽器，上方出現的空間是不一樣大的，如果沒有CSS Reset的觀念，要一統網頁在各瀏覽器的外觀，根本不可能。所以每個前端網頁設計師，都得有一套CSS Reset! http://blog.roodo.com/waking_life/archives/5676961.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Tue, 11 Mar 2008 02:40:26 +0800 Firefox 好像沒辦法用 outset/inset 做出浮凸或內凹的效果 所以我是自己試著用深淺色搭配的方式做出來的 http://blog.roodo.com/hikawac/archives/4090621.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 06 Sep 2007 11:33:13 +0800 先進入天空部落格的 css 編輯介面: 登入->功能設定->樣板設定->編輯 CSS 檔 http://blog.roodo.com/hikawac/archives/4049805.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 30 Aug 2007 17:03:50 +0800 最近在Pixnet討論區看見一起版型的盜用事件，真的蠻感慨的，從無名一直到Pixnet一路的觀察，只要是開放版型投稿的BSP都免不了有此類問題的爭端，反倒是直接由母站供應版面的樂多與天空這類的問題反而比較少。 一般常見的版面盜用事件通常是，創作者的自用且未公開分享發表的版型被盜，不過這一次的事件比較特殊，在於這是創作者已公開分享且允許修改之版型，而被控的盜用者就是套用了該作者此種版型，進而做修改因而被控盜用。 而詳查事情的徵結點乃在於認知上以及版權的聲明部份出了問題而導致原作者的不滿，該名套用者是透過正常的程序從後台套用版面做修改，然而在作者版權聲明的作者欄裡卻填上自己的姓名而引起爭議。 http://blog.roodo.com/hidavid/archives/3278165.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 20 May 2007 12:50:13 +0800 「bug，也有幫大忙的。」 我從可樂那邊知道這個套件，但是那時候並不太會用， 這次改版型，這隻蟲，幫了我很多忙。 所以要推薦給所有有玩blog的人。 http://blog.roodo.com/greensheel/archives/3119147.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Thu, 03 May 2007 22:36:54 +0800 其實我已經被fliter什麼的搞到靠杯了，html塞一堆javascript，CSS檔也塞一堆Hack，累贅死了，可是PNG實在很好用，用的好的話會有 令人驚奇的效果 (如果你看到中間大圖的背景是灰色的，表示你該換瀏覽器了-&nbsp;&nbsp; -|||)。剛找到一個簡單的方法，大概是目前為止看過最簡單的!首先到 這邊 下載&quot;iepngfix.zip&quot;這個檔案。把iepngfix.htc和blank.gif這兩個檔案放到你的CSS資料夾裡，在你的CSS檔案裡加上以下語法： img{behavior: url(iepngfix.htc);} 好了。是的，這樣就好了。 (不過要注意iepngfix.htc的路徑) 以上是針對網站裡直接插入的圖片使用的，如果CSS裡的背景圖也使用png，譬如說#wrapper{ background-image: url(../images/background.png);}，就把上述的那條CSS規則變成： img, #wrapper {behavior: url(iepngfix.htc);} 同理，你的h3標題的背景都是透明PNG，就寫成img, #wrapper, h3{behavior: url(iepngfix.htc);} 好簡單喔!真棒，長久以來的困擾都解決了!我試用的結果如下^^。 http://blog.roodo.com/waking_life/archives/3038653.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 22 Apr 2007 05:48:01 +0800 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif; 真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。 http://blog.roodo.com/bloggger/archives/3000301.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 13 Apr 2007 19:27:26 +0800 aha!! 发现一个提供12个基本CSS模板下载的连接，对于像我这种入门级的人，但又想自己建网站的朋友们，还是有一定的借鉴学习作用，大家如果喜欢快去下吧，呵呵。 大家可在我的文件夹里下载文件： http://weimar.blogbus.com/files/1169392686.zip http://blog.roodo.com/bloggger/archives/3000169.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 13 Apr 2007 18:38:26 +0800 刚来到 乐多，今天定义一下自己的Blog CSS，本样式基于系统&quot;Travelnote&quot;样式，自己去掉了顶图片，将文章靠 左，就成了这个比较简单的样式，自己命名为“Travelnote-WY”。测试通过浏览器IE、Firefox。 有时间也会多想些样式与大家分享， 如有样式设计的兴趣朋友可多交流，呵呵。如你对本样式感兴趣，那就Ctrl+C/Ctrl+V吧，不过请留下你的爪印， 嘻... /* Theme Name: Travelnote-WY Theme URI: http://blog.roodo.com/bloggger Description: A three columns green theme for Roodo. RE-Designer: Weimar Yao URI: http://blog.roodo.com/bloggger ST.: 2007.04.13 */ BODY { FONT-SIZE: 12x; MARGIN: 0px; WIDTH: 100%; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans- serif; HEIGHT: 100%; BACKGROUND-COLOR: #b7c651; TEXT-ALIGN: left } A { COLOR: #333333; TEXT-DECORATION: underline } A:link { COLOR: #333333; TEXT-DECORATION: underline } A:visited { COLOR: #333333; TEXT-DECORATION: underline } A:active { } A:hover { COLOR: #666666; TEXT-DECORATION: none } A.acalendar { COLOR: #000000; TEXT-DECORATION: underline } A.acalendar:link { COLOR: #000000; TEXT-DECORATION: underline } A.acalendar:visited { COLOR: #000000; TEXT-DECORATION: underline } A.acalendar:active { } A.acalendar:hover { COLOR: #b7c651; TEXT-DECORATION: none } A.acontinues { COLOR: #666666; TEXT-DECORATION: underline } A.acontinues:link { COLOR: #666666; TEXT-DECORATION: underline } A.acontinues:visited { COLOR: #666666; TEXT-DECORATION: underline } A.acontinues:active { } A.acontinues:hover { COLOR: #333333; TEXT-DECORATION: none } A.amenu { COLOR: #666666; TEXT-DECORATION: underline } A.amenu:link { COLOR: #666666; TEXT-DECORATION: underline } A.amenu:visited { COLOR: #666666; TEXT-DECORATION: underline } A.amenu:active { } A.amenu:hover { COLOR: #999999; TEXT-DECORATION: none } #container { PADDING: 10px; MARGIN-LEFT: auto; margin-right: auto; WIDTH: 770px; TEXT-ALIGN: left; BORDER: #a7a78f 1px solid; background-color: #f5f5f5; } #banner { BACKGROUND-POSITION: 50% 0px; BACKGROUND-IMAGE: none; WIDTH: 770px; BACKGROUND-REPEAT: no- repeat; HEIGHT: 100px; BACKGROUND-COLOR: #666666 } #subbanner { } #banner A { COLOR: #ffffff; TEXT-DECORATION: none } #banner A:link { COLOR: #ffffff; TEXT-DECORATION: none } #banner A:visited { COLOR: #ffffff; TEXT-DECORATION: none } #banner A:active { } #banner A:hover { COLOR: #000000; TEXT-DECORATION: underline } #subbanner A { COLOR: #cccccc; TEXT-DECORATION: none } #subbanner A:link { COLOR: #cccccc; TEXT-DECORATION: none } #subbanner A:visited { TEXT-DECORATION: none } #subbanner A:active { } #subbanner A:hover { COLOR: #cccccc; TEXT-DECORATION: underline } H1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .blogtitle { FONT-WEIGHT: normal; FONT-SIZE: 20px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 10px; PADDING-TOP: 50px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: left } .description { FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; COLOR: #999999; TEXT-ALIGN: left } #content { FLOAT: left; MARGIN: 0px; WIDTH: 460px; } .blog { MARGIN: 10px 10px 0px 0px } .date { PADDING-RIGHT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cbd683; TEXT-ALIGN: right } .blogbody { } .title { PADDING-RIGHT: 5px; MARGIN-TOP: 1px; PADDING-LEFT: 30px; FONT-WEIGHT: normal; BORDER-LEFT- WIDTH: 2px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://blog.roodo.com/theme/3travel/title3.gif); PADDING-BOTTOM: 8px; COLOR: #000000; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left } .main { PADDING-RIGHT: 10px; PADDING-LEFT: 20px; BORDER-LEFT-WIDTH: 2px; FONT-SIZE: 12px; PADDING- BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; LINE-HEIGHT: 160%; PADDING-TOP: 10px } .main-continues { FONT-SIZE: 13px } .posted { PADDING-RIGHT: 20px; PADDING-LEFT: 10px; FONT-SIZE: 11px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 2px; HEIGHT: 10px; BACKGROUND-COLOR: #b7c651; TEXT-ALIGN: center } A.aposted { COLOR: #666666; TEXT-DECORATION: none } A.aposted:link { COLOR: #666666; TEXT-DECORATION: none } A.aposted:visited { COLOR: #666666; TEXT-DECORATION: none } A.aposted:active { } A.aposted:hover { COLOR: #999999; TEXT-DECORATION: none } .menu { PADDING-RIGHT: 0px; FONT-SIZE: 12px; COLOR: #ff9966; TEXT-ALIGN: center } .comments-head { PADDING-RIGHT: 5px; MARGIN-TOP: 20px; PADDING-LEFT: 30px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://blog.roodo.com/theme/3travel/title1.gif); PADDING-BOTTOM: 8px; COLOR: #000000; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left } .comments-body { BORDER-RIGHT: #353f5e 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #353f5e 1px solid; MARGIN- TOP: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; BORDER-LEFT: #353f5e 1px solid; COLOR: #666666; LINE-HEIGHT: 150%; PADDING-TOP: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } .comments-post { BORDER-RIGHT: #215262 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 25px; BORDER-LEFT: #215262 1px solid; COLOR: #999999; PADDING-TOP: 2px; BORDER-BOTTOM: #353f5e 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right } .trackback-url { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #cbd683; TEXT-ALIGN: right } .trackback-body { PADDING-RIGHT: 10px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #666666; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: #cbd683; TEXT-ALIGN: left } .trackback-post { PADDING-RIGHT: 5px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; MARGIN: 0px; COLOR: #ffffff; LINE-HEIGHT: 150%; PADDING-TOP: 0px; BACKGROUND-COLOR: #cbd683; TEXT-ALIGN: right } A.atrackback-post { COLOR: #666666; TEXT-DECORATION: underline } A.atrackback-post:link { COLOR: #666666; TEXT-DECORATION: underline } A.atrackback-post:visited { COLOR: #666666; TEXT-DECORATION: none } A.atrackback-post:active { } A.atrackback-post:hover { COLOR: #999999 } TABLE.form { FLOAT: left; MARGIN: 5px 0px 20px } LABEL { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #8b8b6d } #author { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; WIDTH: 200px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff } #email { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; WIDTH: 200px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff } #url { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; WIDTH: 200px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff } #text { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; WIDTH: 450px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff } .pagetop { FONT-SIZE: 12px; TEXT-ALIGN: right } #links { FLOAT: right; WIDTH: 145px; COLOR: #333333; POSITION: relative; BACKGROUND-COLOR: #f5f5f5; text-align: center; letter-spacing: 0; padding: 0px; margin: 10px 0px 0px 0px; } #links-more { FLOAT: left; WIDTH: 145px; POSITION: relative; BACKGROUND-COLOR: #f5f5f5; text-align: center; letter-spacing: 0; padding: 0px; margin: 10px 0px 0px 0px; } .calendarhead { BORDER-TOP: #a7a78f 1px solid; FONT-SIZE: 11px; BACKGROUND-IMAGE: url (http://blog.roodo.com/theme/3travel/title2.gif); PADDING-BOTTOM: 8px; WIDTH: 100%; COLOR: #333333; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right } .calendartable { MARGIN: 0px 0px 40px; WIDTH: 100%; PADDING-TOP: 5px; HEIGHT: 80px; TEXT-ALIGN: center } .calendarweek { PADDING-LEFT: 3px; FONT-SIZE: 10px; COLOR: #000000; TEXT-ALIGN: left } .calendarwd { BACKGROUND-COLOR: #cbd683 } .calendard { empty-cells: show } .calendardbg { HEIGHT: 10px } .calendar { PADDING-LEFT: 3px; FONT-SIZE: 10px; COLOR: #a7a78f; LINE-HEIGHT: 100% } .sidetitle { PADDING-RIGHT: 5px; BORDER-TOP: #a7a78f 1px solid; PADDING-LEFT: 30px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(http://blog.roodo.com/theme/3travel/title1.gif); PADDING-BOTTOM: 8px; COLOR: #333333; PADDING-TOP: 8px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: left } .side { FONT-SIZE: 12px; PADDING-BOTTOM: 5px; WIDTH: 100%; COLOR: #666666; LINE-HEIGHT: 150%; PADDING- TOP: 10px; TEXT-ALIGN: left } A.aside { COLOR: #666666; TEXT-DECORATION: underline } A.aside:link { COLOR: #666666; TEXT-DECORATION: underline } A.aside:visited { COLOR: #666666; TEXT-DECORATION: underline } A.aside:hover { COLOR: #b7c651; TEXT-DECORATION: none } A.arss { COLOR: #dddddd; TEXT-DECORATION: underline } A.arss:link { COLOR: #2d8d5f; TEXT-DECORATION: underline } A.arss:visited { COLOR: #80b59c; TEXT-DECORATION: underline } A.arss:active { } A.arss:hover { COLOR: #bababa; TEXT-DECORATION: none } .pict { MARGIN: 5px } .photo { TEXT-ALIGN: left } .nickname { FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #666666; TEXT-ALIGN: center } .message { FONT-SIZE: 12px; COLOR: #666666 } .quotetable { } .quote { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 1px } .blogtimes { MARGIN: 0px 0px 15px; TEXT-ALIGN: center } .powered { MARGIN: 0px 0px 10px; TEXT-ALIGN: center } .syndicate { MARGIN: 5px 0px; TEXT-ALIGN: left } .checkers { MARGIN-TOP: 5px; FONT-SIZE: 12px; FLOAT: left } http://blog.roodo.com/bloggger/archives/2998821.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 13 Apr 2007 12:14:19 +0800 banner 是電影《練習曲》的海報， 可以玩大家來找碴的遊戲看看和 原來的 有什麼不一樣， 好像每次用 Photoshop 做 banner 都是用這幾招， 要不然勒，誰叫小時候媽媽叫我多讀點書我都說不要。 顏色，明明就春天、夏天都來了、又走了，﹝相信很快就會回來﹞ 應該搞個熱情奔放的閃亮色系才對， 但不知道春天在哪，所以 blog 也春心蕩漾不起來。 ﹝不過有時候會自 high﹞ IE v.s. FireFox + Safari，為什麼大家不手牽手來做好朋友呢？ 主要在日期字型大小和 blogbody 背景那顆太陽圖騰意見不一， Safari：日期的字型設定 36，如果沒有我指定的字型，會變很大很大， IE：blogtitle 和 description 距離變遠，太陽圖騰在 IE6.0 會消失又重複， 　　日期前的 Date 不會顯示， FireFox：日期右邊的 border 無法顯示雙色，Safari 一樣不行。 雖然都是一些小地方， 但還是希望你們，瀏覽器，大家來做好朋友好嗎？ 之前兩棵樹離好遠、好遠、好遠， 有看到現在的 banner 是兩個人走在一起吧？ 希望我們可以靠更近一點。 http://blog.roodo.com/marti/archives/2988245.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 11 Apr 2007 03:58:22 +0800 無意間看到 lesleah 分享自己做網誌的心得 我忍不住也想來談談自己修改版面的幾個重點跟堅持 http://blog.roodo.com/hikawac/archives/2889189.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 21 Mar 2007 15:41:51 +0800 如標題... 既然看到了那道光 乾脆連文章標題底色不見的問題也來修修看 http://blog.roodo.com/hikawac/archives/2842363.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 12 Mar 2007 16:16:50 +0800 目前修改部分如下-- 2007.3.9 1. 修改 nickname 文字顏色 2. 新增 select (下拉式選單) 的 css 控制碼 http://blog.roodo.com/linhuei/archives/2841937.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 12 Mar 2007 14:03:21 +0800 如標題... 今天下午我心血來潮 覺得自己已經受夠了凌亂的 css 內容 想整理一下 css 的段落 以便下次改版時較容易閱讀 (謎之聲: 真的有要改版嗎?) http://blog.roodo.com/hikawac/archives/2829935.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Fri, 09 Mar 2007 16:18:04 +0800 一直想幫這個網誌套用個浪漫一點的版型 但本身不是高手 前陣子樂多釋出兩款粉紅色系的情人節版型 剛好符合我的需求 於是我就套用了其中一款情人節的樣式 http://blog.roodo.com/linhuei/archives/2807513.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 05 Mar 2007 16:18:25 +0800 已經快春節了，趁著春節前有空閒的時間來做一些事情吧！先幫留言板換一件新衣服吧！搬家這麼久了留言板始終維持在預設樣式，不知道是自己懶呢？還是因為知道留言板根本沒有人會去留言，所以就一直放著不管，更別談幫它做一件新衣，不過後來我還是想開了，我決定恢復留言板的使用縱使知道沒有人會留言，不怕一萬只怕萬一。 在改版前，首先要感謝 CSS Style 咱們Pixnet的樣板工廠所提供的留言板的CSS架構，我選擇的是陽春型的教學樣式，這是我第一次動到留言板的CSS樣式表，利用昨晚的時間完成了改版的工程。 在改版的過程中，這次我決定要統一我的部落格與留言板的樣式風格要統一，不過原始的教學樣板，仍有其不足的地方，首先，版面的整體寬度（width）為600px，若要和部落格的版面寬度一致我勢必要進行版面的拓寬工程，要拓寬跟部落格的版面寬度800px一致我勢必要從幾處地方著手修改。 http://blog.roodo.com/hidavid/archives/2715866.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sun, 11 Feb 2007 18:45:59 +0800 這個站 evolt.org 蒐集的瀏覽器種類、版本齊全，適合用來安裝作獨立檢視網頁作品。(不過有人這麼龜毛嗎?) http://blog.roodo.com/waking_life/archives/2706103.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 07 Feb 2007 14:16:20 +0800 ψ(._. )&gt; CSS Hacks是用來應付各瀏覽器兼容CSS的問題， 這張表 可以作為撰寫的參考。 ex.爲不支援透明png的IE6獨立設立一條CSS規則，可使用&quot;*html div&quot;這樣的寫法。 http://blog.roodo.com/waking_life/archives/2666245.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Sat, 20 Jan 2007 07:55:15 +0800 HTML 中使用 CSS 來定義樣式、 版面配置, 近年又重新回到主流. 說到使用 CSS 來作為網頁版面配置, 就不得不介紹一下 DIV 這個 Tag(標籤). 除了 DIV Tag, 順便也介紹一下 SPAN 標籤. http://blog.roodo.com/ch3128/archives/2045900.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 21 Aug 2006 11:50:55 +0800 剛好從智邦的網摘中看到, 跟大家分享一下. 官方網站連結位址 CSS現在可是越來越火紅, 看來我自己得再加把勁多學習了... http://blog.roodo.com/ch3128/archives/2026106.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 16 Aug 2006 11:46:48 +0800 今年是難得一見的潤七月，農曆有兩次的七月七日，也就是有兩次的七夕情人節！很特別的一年！ 網路城邦電小二邀請邀請設計高手、CSS高手，設計充滿情人節味道的風格模板，不管你是天氣再熱也要黏在一起、還是情人節去死去死團的支持者，都非常歡迎您的熱情投稿！ 活動日期： 投稿日期：即日起－7/23(日)開放投稿 活動日期：7/24(一)－7/30(日)開放網友投票票選 參加辦法方式： Step 1. 參加者請登入網路城邦後，利用網路城邦｜網誌設定｜編輯自定CSS功能，設計打造具有情人節風格模板，網誌模板上可有設計者簽名。 參賽者山頭或背景圖片可使用自己手繪或電腦繪圖的圖片皆可、或是使用自己拍攝的照片處理，請大家請勿使用違反著作權的圖片。 Step 2. 設計好後，請報名者引用此文。 (引用方式請參引用功能說明 一文)，然後在你部落格文章上貼上串聯小貼紙，貼小貼紙的方式，請參考下面(1)or (2)。並替你設計的模板取一個風格名稱（想寫設計原因等等也可以唷！）。 （1）直接把上面小貼紙選起來，按複製，貼在自己文章內容裡即可。　　　　　 或者~ （2）把下面的語法貼在支援html處即可。 公佈得獎：7/31(一)情人節公佈得獎者。 1. 凡入選者，將列入網路城邦的風格選擇中，分享給大家使用唷！（不同意列入網路城邦讓其他網友使用，請勿投稿。謝謝！ 2. 入選者，將贈送網誌空間10MB。 http://blog.roodo.com/udn_news/archives/1877583.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Wed, 12 Jul 2006 11:09:31 +0800 為了因應本週日要去當一場課程的神秘嘉賓，所以把用了很久的blog模版給換了，剛好也符合自己想變得更 貴氣 的形象。 在大整修的過程中，發現MT3.2樣式表與MT2.X系列最大的不同，就是多了很多組自定義的class；而這些class幾乎沒辦法跟原有可沿用的MT2.X或MT3.1X模版產生關聯，以致於在修改的過程中困難重重。 我使用的這組模版，是從 tokyobuddha 下載的，到剛剛為止已經套用了90%左右，剩下的部份還在試誤中。大概到晚上就會全部改好了吧！ 整修後的母站，請看 這裏 。 http://blog.roodo.com/askareiko/archives/1873274.html info@blog.roodo.com<info@blog.roodo.com> 網路/3C Mon, 10 Jul 2006 13:30:00 +0800