Zi 字媒體

呼……窗外陰雨綿綿，從上個週六（2010/3/06）傍晚開始，這天氣的轉變還真是快啊！原本短袖短褲上陣的我，隨著氣溫越來越低、風勢越來越強，先是加了一件長袖；後來又換上長褲；最後還得加件薄背心，才足以應付這惡劣的天氣（同時也為了預防感冒）。聽說又有新一波寒流即將來襲，噗友們出門在外，可要多加注意保暖，不要著涼感冒囉！^0^咦？怎麼會提到這個？今天要和各位分享的是：《Plurk CSS語法教學》。其實說「教學」，對我而言，實在是太自不量力了，畢竟我不懂程式語言，以下我所分享的一切，都是網路上的先進大德、各路高手所熱情提供的，我只不過是收集過來，整理一番罷了。在「臉書」尚未在台灣造成風潮以前，噗友們對於「噗浪的CSS語法」的討論情形還算踴躍，不時有高手分享新的語法，讓噗浪的介面顯得更漂亮、更方便瀏覽。如今大家對於這方面的討論就沒這麼踴躍了，但還是有零星噗友（特別是新手），偶爾會有這方面的問題與困擾。所以今天就來做個《Plurk CSS語法－懶人包》吧（還真不要臉兼自不量力的說法啊！（被毆）！好吧！話不多說、事不宜遲（謎之聲：難道你還想繼續廢話下去嗎？），咱們就進入正題吧！要談到「噗浪的CSS」，首先，就先來對「CSS語法」有個初步的認識吧！↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓我是分隔線，請注意裡頭的內容即可！↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓※文字的部份＝＝＝>不管是文字或框線，顏色碼前面一定要加＃，這樣才會顯示出來。文字顏色=color: #000;文字大小=font-size: 8pt;文字字體＝font-family: “arial”, dotum;文字斜體＝font-style: italic;小字體＝font-variant: small-caps;字間距離＝letter-spacing: 1pt;行高＝line-height: 15px; (亦可用百分比來顯示)文字粗體＝font-weight: bold;加底線＝text-decoration: underline;加刪除線＝text-decoration: line-through;加頂線＝text-decoration: overline;刪除連線底線＝text-decoration: none;首字大寫＝text-transform: capitalize;英文大寫＝text-transform: uppercase;英文小寫＝text-transform: lowercase;文字靠左＝text-align: left;文字靠中＝text-align: center;文字靠右＝text-align: right;文字分散對齊＝text-align: justify;※背景/背景顏色的部份＝＝＝>背景的顏色＝background: #e9e9e9;背景圖片不重複＝background: url(圖片的真實位址) no-repeat;背景重複＝background: url(圖片的真實位址) repeat;背景Y軸重複＝background: url(圖片的真實位址) repeat-y;背景X軸重複＝background: url(圖片的真實位址) repeat-x;背景浮水印固定＝background: url(圖片的真實位址) fixed;背景置中＝background-position: center;背景靠左＝background-position: left;背景靠右＝background-position: right;背景靠上＝background-position: top;背景靠下＝background-position: bottom;簡易寫法＝＝＝>background: url(位址) no-repeat top center fixed #fff;●備註：位址請記得不是複製上方的網址，而是在圖片上方按右鍵內容裡的那個網址！另外，那個「fixed」在噗浪裡頭很少會用到，可以不用（但還是要看語法設定）。※框線/全框線的部份＝＝＝>border: 1px solid #000;註：那個 ＃000 指的是框線的顏色；1px 指的是框線的粗細度，數字越大則越粗。上框線＝border-top: 1px solid #000;下框線＝border-bottom: 1px solid #000;右框線＝border-right: 1px solid #000;左框線＝border-left: 1px solid #000;※框線種類＝＝＝>直線＝solid點線＝dotted 虛線＝dashed 雙線＝double 立體內凸＝groove 立體浮凸＝ridge 凹框＝inset 凸框＝outset ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑我是分隔線，請注意裡頭的內容即可！↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑現在，大家都對「基本的CSS語法」有了初步的認識吧？接下來，就來介紹「基礎的Plurk CSS語法」，也是早期我所使用的語法。其實我個人比較偏好「懶人更換主題法」，這是什麼意思呢？也就是說，我只要「更換背景圖片（全頁面式，非單一區塊）」即可擁有新的心情（不管心情是好是壞，XD）。這道理，就像是「更換作業系統的桌布」那樣，而不是整個「佈景主題」都更換。我習慣修改CSS語法到一定階段之後，就不去更動它；因為套用了新的主題，意味著很多地方（細節）也都跟著變動；如此一來，好不容易已經習慣使用了，套用了新主題之後，又要花時間來適應。不過這種問題是見仁見智啦，像我本身就喜歡把「發噗框、噗文回應框、獨立噗文的回應框」都把它放大，好方便預覽輸入的文字，但並非每個噗友都喜歡這種作法，所以我到別人家要回應對方的噗文，就很不習慣對方的小框框，XD。像是有個噗友，我每次去她家看，發現每次的佈景主題都不同，似乎同一個主題所維持的時間，都不超過一個禮拜，還真是善變的女孩兒啊！（被踹飛喔對了，每段CSS語法的說明文字，要記得放在兩個雙斜線+雙米號裡面，例如像這樣：/*頁首的BAR左半部*/。而這個「雙斜線+雙米號說明」，不管你要放在語法前面還是後面都可以（就是不要放在語法裡面，否則語法會不能套用，XD）。那個「雙米號」一定要寫，否則語法會失效，噗浪頁面就會呈現出系統預設的樣式。至於裡頭的說明文字，不管多長多短，都不會影響語法的套用（反正說明文字一定要擺在「雙斜線+雙米號」的裡頭就對啦！）↓↓↓↓以下就是我早期愛用的語法，當然也是別人寫好的，XD。不過這只是範例說明，直接套用可能會產生錯誤，因為這語法我已經很久不用了，XD↓↓↓↓/*全頁面背景修改（這裡就是可以放置背景圖片的語法區域，只要更換裡頭的圖片位址，背景圖片就會更換了，但是要注意圖床有無外連限制，不可外連的圖床空間，圖片不會在噗浪頁面正常顯示。至於圖片位址後的「repeat（no-repeat）」指的是要不要讓圖片重複堆疊（端看圖片的尺寸大小）。「center, top, bottom, right, left」指的是圖片的擺放位置，不過相對位置不能同時寫上，例如不能同時寫「top bottom」，要嘛就靠上，要嘛就靠下，左右亦同。）*/body, html {background: url(http://i.imgur.com/xUtFa.jpg) repeat center ; color: #fff; font-family: “Century Gothic”; font-size: 12px; }/*頁首的BAR左半部*/#top_bar .content a{color: #FFFFF0; font-weight: normal; }#top_bar .content a:hover{font-weight: normal; }#top_bar .content a#edit_link{font-weight: bold; }/*頁首的BAR右半部*/#top_login a{color: #FFFFF0; font-weight: normal; }/*河道底色或圖案*/#dynamic_logo {filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0;}#timeline_holder {background: transparent; border: none; }#timeline_holder #timeline_cnt #time_show {background: transparent; }#timeline_holder #timeline_cnt #display_options_holder {}#timeline_holder #timeline_cnt .day_start {background: transparent; } /*換日線*/#timeline_holder #timeline_bg .bottom_start , .bottom_end {background: transparent; color: #fff; }#timeline_holder #bottom_line {background: transparent; border-bottom: 1px solid #999; }.day_bg .div_inner{background: none; border: none; }/*河道上浪友發的浪*/.plurk_cnt {background:#ffffff ; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; border: none; -moz-border-radius:20px 1px 20px 1px; }a.name{color: #111; font-family: “Century Gothic”; }.text_holder {color: #2D4B78; font-family: “Century Gothic”; font-size: 13px; }/*河道下方更新通知*/#updater {background: transparent; border:0; }#updater #noti_np #noti_np_text{color:#fff; }/*左*/#updater #noti_np a{color:#fff; }#updater #noti_re #noti_re_view #noti_re_text {color:#fff; }#updater #noti_re #noti_re_view a{color:#aaa; }/* 整個控制面板底圖 */#plurk-dashboard{background: transparent; border: none; }/*控制面板鍵入訊息處*/#plurk_form{color: #fff; font-size: 18px; }#main_poster{}#main_poster .qual_holder{color: #fff; font-wight: bold; font-size: 28px; }textarea#input_big.content {height: 70px; wrap: soft; border: 1px solid #aaa; }#cur_time{font-size: 18px; }/*控制面板更改plurk私密、語系和選項等等*/#more_options {border: none; }#more_options a#more_options_link {}#more_options #plurk_to{color:#000; }#more_options #more_options_holder{}/*控制面板頭像和年紀、位置標示處*/#dash-profile{width: 210px; color: #fff; line-height: 18px; padding: 8px; margin: 8px; }#dash-profile #full_name , color: greenyellow{font-size:15px; }#dash-profile #span_years , skyblue{font-size:15px; }#profile_pic{width: 149px; border:none}/*個人圖像大小的控制*//*控制面板自介*/#dash-additional-info{width: 210px; height: 200px; color: #111; line-height: 18px; background:#ffffff ; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; border: none; -moz-border-radius:20px 1px 20px 1px; padding: 8px; margin: 5px; }#dash-additional-info {color: #000; font-family: “Century Gothic”; font-size: 15px; line-height: 18px; }#dash-additional-info #about_me{color: #000; }#dash-additional-info #about_me a{color: #C34B00; text-decoration: none; }#dash-additional-info #about_me a:hover{text-decoration: underline; }/*控制面板STATS欄位(Karma等等數據欄位)*/#dash-stats{width: 210px; height: 280px; color: #111; line-height: 18px; background:#ffffff ; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; border: none; -moz-border-radius:20px 1px 20px 1px; padding: 8px; margin: 5px; }#dash-stats h2{font-size: 15px; color: #000; background: none; border: none; }#dash-stats a{color: #1E0F78; }#dash-stats #karma {color: #C00; }#dash-stats table tbody tr th{font-size: 12px; color: #333; }#dash-stats table tbody tr td{font-size: 12px; color: #784B00; }/*控制面板朋友 friend 欄位*/#dash-friends {width: 210px; height: 280px; color: #111; line-height: 18px; background:#ffffff ; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; border: none; -moz-border-radius:20px 1px 20px 1px; padding: 8px; margin: 5px; }#dash-friends a{color: #1E0F78; }#dash-friends h2{font-size: 15px; color: #000; background: none; border: none; }#dash-friends #friend_holder{border: none; }/*控制面板粉絲 FANS欄位*/#dash-fans{width: 210px; height: 280px; color: #111; line-height: 18px; background:#ffffff ; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; border: none; -moz-border-radius:20px 1px 20px 1px; padding: 8px; margin: 5px; }#dash-fans a{color: #1E0F78; }#dash-fans h2{font-size: 15px; color: #000; background: none; border: none; }#footer{color: #f0f0f0; }#footer a{color: #f0f0f0; }#input_small {height: 70px;}td.td_cnt textarea { height:100px; }/*這個是在個人自介，放置「小圖示」的語法，可以凸顯個人特色，XD。看個人要不要加啦！因為放個小圖示有時候會在「個人自介」這個區域不協調，就是小圖示的位置要調整，也就是padding的數字都要微調，才不會產生衝突感，而這件事情本身是挺耗時的。*/#location{padding-right:18px; padding-top:6px; padding-bottom:6px; background:url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Light.png) right no-repeat;}↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑我是分隔線，請不用理我！↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑接下來，就是我「現正使用中」的語法了，可以說是「進階版的Plurk CSS語法」，以後應該也不會更換它了吧？畢竟修改語法真的曠日廢時，不應該在這上面浪費太多時間啊！（笑。老樣子，這套語法同樣也是別人寫的，只是我又添加了自己喜歡的語法而已，稍後會附上原始語法。↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓我是分隔線，請不用理我！↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓/*噗浪背景CSS – Rilakkuma Cafe（原始CSS來源）*//*design by Be Myself Inc. M6*//*此佈景主題安裝網址（非M6原版，而是「馬力歐」版本，XD）：http://www.plurk.com/installDesign/3460622-27f0f47007*//*主背景*/body, html{background:url(http://i.imgur.com/xUtFa.jpg) center bottom no-repeat; background-color:#494949;color: #f19db4; font-size: 13px; font-family: “Microsoft JhengHei”; } /*語言字型*/body.language-large-font{font-size:12px !important; font-family: “Microsoft JhengHei”; }/*噗浪最上方的標題*/#page_title{font-size: 13pt; color: #d8a965;font-family: “Microsoft JhengHei”;font-weight: bold; }/*頁首*/#top_login { }#top_bar a, a#interesting_plurkers, a#account, a#login_link { font-family: “Microsoft JhengHei”; color:#d8a965;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}#top_bar a:hover, #top_login a:hover {color: #FFF;background-color: #d8a965;-moz-border-radius: 6px; }#top_bar .content a#edit_link{text-decoration:none;color: #d8a965;background-color: #fff;-moz-border-radius: 6px;} #top_bar #edit_link:hover { text-decoration:none;color: #FFF;background-color: #d8a965;-moz-border-radius: 6px; }#top_bar .on img { border: none; }.count { color: #f8c6c7; }/*通知數字*/#alert_beacon.count {color:#ea5503;font-size:12px;font-weight:bold;}/*頁尾*/#footer{color: #d8a965;font-family: “Microsoft JhengHei”; border:0; }#footer a{color: #d8a965; font-family: “Microsoft JhengHei”; text-decoration: none; }#footer a:hover{color: #FFF;background-color: #d8a965;-moz-border-radius: 6px; }/*時間軸*/#timeline_holder {background: transparent;border: none; color: #FFF; font-size: 12px; font-family: “Microsoft JhengHei”;}#timeline_holder #timeline_cnt .day_start,#timeline_holder #timeline_cnt #time_show {background:transparent;}.bottom_start , .bottom_end {background: transparent; color: #000000; font-family: “Microsoft JhengHei”;font-size:10px;}#bottom_line {background: #FFF; border: none; filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2; }#timeline_bg .day_bg .div_inner { background: #FFF; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;width: 10px;height:10px; border:0; }/* 時間顯示 */#time_show span {color: #000000;font-weight:bold;}.day, .morning {background:#f19db4;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;background-position:-0px 20px;text-align:center;position:absolute;}.evening, .night {background:#f19db4;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;background-position:-0px 20px;text-align:center;position:absolute;}/*LOGO（就是把噗浪頁面右上方的那隻生物，用語法覆蓋過去，將牠封印！XD）*/#dynamic_logo{position:absolute;margin:3px 0 0 5px;width:168px;height:162px;background: transparent;}#dynamic_logo img{height:0px;width:0px;}/*噗浪客發噗時的名稱顯示（指河道上的浪花）*/a.name{color: #9426BA; font-family: “Microsoft JhengHei”; font-size: 14px }/*河道上的噗*/.plurk_cnt {font-size: 12px;padding: 2px;font-family: “Microsoft JhengHei”; line-height: 16px;letter-spacing:.1em;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter: alpha(opacity=40);opacity: 0.70;ZOOM: 1;background-color: #ffdb00;border: 2px solid #d8a965;}/*回應列表標題*/.plurk_box .caption {-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background:#d8a965;font-size: 12px;line-height: 18px;padding: 2px;font-family: “Microsoft JhengHei”; filter:alpha(opacity=90) ; -moz-opacity.9; opacity:.9;}/*回應列表展開*/.plurk_box .plurk_cnt .text_holder {font-size: 15px; font-family: “Microsoft JhengHei”;line-height: 18px;letter-spacing:.1em;} /*回應列表框線*/.plurk_box .caption,.plurk_box .list,.plurk_box .mini_form {border-right:2px solid #d8a965;border-left:2px solid #d8a965;}/*回應列表*/.plurk_box .list {-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;height: 360px;}.info_box {-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-left: 2px solid #d8a965;border-right:2px solid #d8a965;border-bottom: 2px solid #d8a965; color: #d8a965;}.info_box a {color:#60767A;font-size:12px;}textarea#input_small {height: 130px; font-size:20px;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #d8a965; color: #000 !important;}/*單一噗文裡最下方的輸入框高度控制*/td.td_cnt textarea {height:140px;}/*噗文的編輯修改框，高度控制*/.list {-khtml-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}.list empty {color: #ea5503;} /* 加高獨立噗文網頁的回應框 */textarea#input_permalink.content {height:140px;}.list .plurk_cnt .td_cnt .text_holder { margin-left:1em; margin-top:1em; padding:0.5em; width:auto !important; }/*每個噗友的單一回應小區塊*/.list .plurk_cnt tr { border-bottom: 2px dotted #d8a965;line-height:136%;} /* 噗文內的每則回應分隔線 */.plurk_cnt tr:hover {background-color:#FFEC00;} /* 回噗對話框游標位置底色 *//*回覆區原噗者回覆暱稱設定*/.list .highlight_owner .td_qual a {color:#f19db4 !important ; }.list .plurk_cnt .td_qual {overflow:visible; position: absolute; width:auto; }/*噗友回應時，將冗長的暱稱變成獨立一行*/.highlight_owner .plurk_cnt .text_holder { background: #549D00 !important; }/*噗主回應時的專屬底色*//*浪上的噗友圖*/.p_img {border: 3px solid #d8a965;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}/*回應數*/.response_count {background:#f19db4;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;color:#60767A;margin-left:6px;padding:4px;font-size:12px;}.new .response_count {background:#ea5503;font-size:12px;filter:alpha(opacity=90) ; -moz-opacity.9; opacity:.9;padding:4px;}.dots .inner {background:#fff;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;margin-left:5px;}/*影音圖片*/.youtube img,.pictureservices img { border: none; }.youtube:hover img,.pictureservices:hover img { border: 1px dotted #d8a965;}/*噗上的連結*/.plurk a.ex_link {color:#ea5503;font-weight: bold;text-decoration:normal;}.plurk a.ex_link:hover {color:#d8a965;font-weight: bold;border-bottom: 0px;text-decoration:normal;}a:link { color: #ea5503;text-transform: normal;}a:visited, a:active { color: #ea5503;text-transform: normal;}a:hover { border:0;color: #d8a965;text-transform: normal;}/* 時間軸標籤 */#filter_tab { border:0 !important;}#filter_tab a.off_tab {background:#CF938E;color:#FFF;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity:0.8; opacity: 0.8;border:0 !important;}#filter_tab a.off_tab:hover {filter:alpha(opacity=100) ; -moz-opacity:1; opacity: 1;}#filter_tab a.filter_selected {color:#000 ; background-color:#d8a965; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=90) ; -moz-opacity:0.9; opacity: 0.9;border:0 !important;}#filter_tab a.filter_selected:hover {filter:alpha(opacity=100) ; -moz-opacity:1; opacity:1;}/*更新通知*/#updater {background: #FFF; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; border: 2px solid #d8a965; font-size: 13px; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}#updater #noti_np #noti_np_text{color:#d8a965; }/*左*/#updater #noti_np a{color:#d8a965; }#updater #noti_re #noti_re_view #noti_re_text {color:#d8a965; }#updater #noti_re #noti_re_view a{color:#EF6880; }/*控制面版*/#dashboard_holder {margin-top:30px;}#plurk-dashboard{color:black; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background: transparent; border: none; padding: 2px; }#dash-stats h2, #dash-friends h2, #dash-fans h2{color: #d8a965; font-size: 28px; line-height: 110%; text-align: center; border: 0; font-weight: none; }#plurk_form{background: none; color: #d8a965 ; font-size: 12px;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}#main_poster{color: #d8a965 ; font-wight: bold; font-size: 12px; }#main_poster .qual_holder{color: #d8a965; font-size: 20px; font-family: “Microsoft JhengHei”; }/*發噗的框框*/textarea#input_big.content {font-size: 22px; height: 140px; wrap: soft; padding: 2px; border: 1px solid #d8a965; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}.time{font-size: 14px; }#cur_time{font-size: 14px; }/*控制面板: 透明度變化*/#plurk_form, .dash-segment {filter:alpha(opacity=20) ; -moz-opacity:0.2; opacity: 0.2; }#plurk_form, .dash-segment:hover {filter:alpha(opacity=100) ; -moz-opacity:0.9; opacity:0.9; }#plurk_form{margin:0}/*搜尋面板*/#toggle_tab li {background: none; border: none; padding: 5px; -moz-border-radius:10px; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; font-size: 12px;}.plurkaction {clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#more_options_link{border: 0px solid #FFF;font-size: 12px;background:transparent;}/*私密語系選項*/#more_options {}#more_options a#more_options_link {border: none; background: none; color: #d8a965;font-size: 12px; }#more_options #plurk_to{color:#d8a965; }#more_options #more_options_holder{border: none; background: none; color: #d8a965;font-size: 12px; }/*控制面板: 個人圖像*/#profile_pic {border:2px dashed #d8a965;width: 60px;} #profile_pic:hover {width:auto} /*個人照片回覆大小*//*個人自介*/#dash-profile{color:#d8a965; line-height: 20px; font-family: “Microsoft JhengHei”;-moz-border-radius: 10px;padding:2px;}#dash-profile p#full_name{color:#d8a965; font: 20px; }#dash-profile #span_years , #m_or_f{font-size: 20px; }#dash-profile:hover img{width: 200px;}#dash-additional-info{color:#d8a965; font: 20px; line-height: 18px;-moz-border-radius: 10px; }#dash-additional-info #about_me{color:#d8a965;-moz-border-radius: 10px; }#dash-additional-info #about_me a{color: #d8a965; text-decoration: none; }#dash-additional-info #about_me a:hover{color: gray; text-decoration: none; }/*統計項目*/#dash-stats h2{font-size: 22px; font-family: “Microsoft JhengHei”; font-weight: bold; color: #d8a965; background: none; border: none; }#dash-stats{color: #d8a965;-moz-border-radius: 10px;padding:2px; }#dash-stats #karma {color: #d8a965; }#dash-stats a{color: #d8a965; }#dash-stats table tbody tr th{font-size: 12px; color: #d8a965; }#dash-stats table tbody tr td{font-size: 12px; color: #d8a965; }/*朋友區*/.show_all_friends{text-align: center; }#dash-friends {color: #d8a965;-moz-border-radius: 10px;padding:2px;}#dash-friends a{color: #d8a965; }#dash-friends h2{font-size: 22px; font-family: “Microsoft JhengHei”; font-weight: bold; color: #d8a965; background: none; border: none; }#dash-friends #friend_holder{border: none; }/*粉絲區*/#dash-fans{color: #d8a965;-moz-border-radius: 10px;padding:2px; }#dash-fans a{color: #d8a965; }#dash-fans h2{font-size: 22px; font-family: “Microsoft JhengHei” ; font-weight: bold; color: #d8a965; background: none; border: none;}/*朋友粉絲圖*/.friend_holder {margin-bottom: 4px;border:0 !important;}.friend_holder table {margin-left: auto;margin-right: auto;}.friend_holder .user_link{height:15px!important;width:15px!important; border:0 !important;}.friend_holder img{width:15px;height:15px;border:0 !important;filter:alpha(opacity=5) ; -moz-opacity:0.2; opacity: 0.2; }/*字數提醒*/.char_updater {color:#d8a965;}/*修飾詞*/.q_freestyle {-khtml-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:0 solid #FFF;color:#FFF!important;font-family: “Microsoft JhengHei” ;}.q_loves,.q_likes,.q_shares,.q_gives,.q_hates,.q_wants,.q_wishes,.q_needs,.q_will,.q_hopes,.q_asks,.q_has,.q_was,.q_wonders,.q_feels,.q_thinks,.q_says,.q_is {-khtml-border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;border:0 solid #FFF;color:#FFF;font-family: “Microsoft JhengHei”;}/*小視窗*/.tooltip_cnt{background: #d8a965; filter:alpha(opacity=90) ; -moz-opacity:0.9; opacity: 0.9; border:1px solid #ccc;color: #FFF;padding:5px;margin-top:1px;font-size:12px;-moz-border-radius: 10px 10px 10px 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;}.cmp_tooltips-down {height: 17px;background: transparent url(http://bemyselfinc.com/plurk/up_down/greyblue_down.png) no-repeat scroll left top;}.cmp_tooltips-up {height: 17px;background: transparent url(http://bemyselfinc.com/plurk/up_down/greyblue_up.png) no-repeat scroll left top;}.AmiMenu.info_menu {background:#d8a965;border:1px solid #fff;color: #fff;}.AmiMenu.info_menu .block {background:gray;}.AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on {background: #d8a965;}.AmiMenu.info_menu .separator {background:#d8a965;}.AmiMenu.info_menu .user_info.on b {color: #fff;font-weight: bold;}/*音樂播放器*透明圓角版*/#music_player {color:#d8a965;font-size: 13px; background-color:#FFF; border: 1px solid #d8a965; -moz-border-radius: 13px; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}#music_player:hover {filter:alpha(opacity=100) ; -moz-opacity:1; opacity: 1;}#music_player a{color:#d8a965 !important;}#music_player a:hover{color:gray!important;}/*註冊使用BAR*/#top_login a#sign_up,#validate_email,#sign_up_small {background:#d8a965;}#top_login a#sign_up {border-top:1px solid #5cc2cf;border-bottom:1px solid #d8a965;}#registerToday {background:#d8a965 !important; color:#FFFFFF; font-size:16px;}#sign_up_small {background:#d8a965!important; color:#FFFFFF !important;}.plurk_box .login_to_see a,.red_link{background-color:#d8a965;color:#FFFFFF;}.plurk_box .login_to_see{background-color:#FFF;border-right:1px solid #d8a965;border-bottom:1px solid #d8a965;}/*更換loading圖*/.cmp_loading{background:transparent;width:0px;height:0px;}#div_loading .cnt {background:transparent url(http://bemyselfinc.com/plurk/loader/orange_loader03.gif) no-repeat scroll center top !important;margin-top:140px;}.loading img {height:0;width:0;}.loading {background:transparent url(http://bemyselfinc.com/plurk/loader/orange_loader01.gif) no-repeat scroll centercenter !important;margin-top:100px;height:24px;width:24px;}/*封鎖使用者按鈕*/.friend_man.block {font-color:#8400D1;background: #d8a965 repeat scroll top left;border-color: #d8a965 #d8a965 #d8a965 #d8a965;-moz-border-radius: 4px 4px 4px 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border-width: 2px;}/*追蹤朋友粉絲按鈕*/.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {font-color:#8400D1;-moz-border-radius: 6px 6px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; border:2px ; background: #d8a965;}/*單一Plurk頁面*/.user-nick{color: #d8a965; }h1{color: #d8a965;line-height:150%; }#plurk_responses ul.responses li a {color: #d8a965 !important; text-decoration: none;font-size:120%;line-height:150%; }ul.responses li a:hover {color: gray !important; }ul.responses li a:link {color: #d8a965; text-transform: normal;}ul.responses li a.ex_link { color: #d8a965;text-transform: normal;}ul.responses .message a {color:#d8a965 !important; text-decoration: none;font-size:120%;line-height:150%; }ul.responses .message a:hover {color: gray !important; }ul.responses .message a:link { color: #d8a965;text-transform: normal;}ul.responses .message a.ex_link { color: #d8a965;text-transform: normal;}ul.responses li:hover span.time { color: gray;text-transform: normal;}#reply #reply_box {background: none;}#reply h2 {background: none;}#reply #reply_box_holder {background: none;}↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑我是分隔線，請不用理我！↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑是不是看得眼花撩亂？（笑。以下就附上 Miss Saturday 的原始語法！↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓我是分隔線，請不用理我！↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓/*噗浪背景CSS – Rilakkuma Cafe*//*design by Be Myself Inc. M6————————————–*//* USE_DARK_ICONS *//*主背景————————————–*/body, html{background:url(http://farm4.static.flickr.com/3433/3864643776_b4ff3f7dc2_o.jpg) center top no-repeat; background-color:#fff6c5;color: #f19db4; font-size: 12px; font-family: “verdana”; } /*語言字型*/body.language-large-font{font-size:12px !important; font-family: “verdana”; }/*標題*/#page_title{color: #d8a965;font-family: “verdana”; }/*頁首*/#top_login { }#top_bar a, a#interesting_plurkers, a#account, a#login_link { font-family: “verdana”; color:#d8a965;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}#top_bar a:hover, #top_login a:hover {color: #FFF;background-color: #d8a965;-moz-border-radius: 6px; }#top_bar .content a#edit_link{text-decoration:none;color: #d8a965;background-color: #fff;-moz-border-radius: 6px;} #top_bar #edit_link:hover { text-decoration:none;color: #FFF;background-color: #d8a965;-moz-border-radius: 6px; }#top_bar .on img { border: none; }.count { color: #f8c6c7; }/*通知數字*/#alert_beacon.count {color:#ea5503;font-size:12px;font-weight:bold;}/*頁尾*/#footer{color: #d8a965;font-family: “verdana”; border:0; }#footer a{color: #d8a965; font-family: “verdana”; text-decoration: none; }#footer a:hover{color: #FFF;background-color: #d8a965;-moz-border-radius: 6px; }/*時間軸*/#timeline_holder {background: transparent;border: none; color: #FFF; font-size: 12px; font-family: “verdana”;}#timeline_holder #timeline_cnt .day_start,#timeline_holder #timeline_cnt #time_show {background:transparent;}.bottom_start , .bottom_end {background: transparent; color: #000000; font-family: “verdana”;font-size:10px;}#bottom_line {background: #FFF; border: none; filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2; }#timeline_bg .day_bg .div_inner { background: #FFF; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;width: 10px;height:10px; border:0; }/* 時間顯示 */#time_show span {color: #000000;font-weight:bold;}.day, .morning {background:#f19db4;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;background-position:-0px 20px;text-align:center;position:absolute;}.evening, .night {background:#f19db4;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;background-position:-0px 20px;text-align:center;position:absolute;}/*LOGO*/#dynamic_logo{position:absolute;margin:3px 0 0 5px;width:168px;height:162px;background: transparent;}#dynamic_logo img{height:0px;width:0px;}/*河道上的噗*/.plurk_cnt {font-size: 12px;padding: 2px;font-family: “verdana”; line-height: 16px;letter-spacing:.1em;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background: #FFF;border: 2px solid #d8a965;}/*回應列表標題*/.plurk_box .caption {-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background:#d8a965;font-size: 11px;line-height: 18px;padding: 2px;font-family: “verdana”; filter:alpha(opacity=90) ; -moz-opacity.9; opacity:.9;}/*回應列表展開*/.plurk_box .plurk_cnt .text_holder {font-size: 12px; font-family: “verdana”;line-height: 18px;letter-spacing:.1em;} /*回應列表框線*/.plurk_box .caption,.plurk_box .list,.plurk_box .mini_form {border-right:2px solid #d8a965;border-left:2px solid #d8a965;}/*回應列表*/.plurk_box .list {-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;height: 360px;}.info_box {-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-left: 2px solid #d8a965;border-right:2px solid #d8a965;border-bottom: 2px solid #d8a965;color: #d8a965;}.info_box a {color:#60767A;font-size:12px;}#input_small {height:90px;}textarea#input_small {font-size:12px;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #d8a965; color: #000 !important;}td.td_cnt textarea {height:90px;}.list {-khtml-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}.list empty {color: #ea5503;} .list .plurk_cnt { line-height:136%;} /* 加大回應區的列距 */.list .plurk_cnt tr { border-bottom: 2px dotted #d8a965;line-height:136%;} /* 分隔線 */.plurk_cnt tr:hover {background-color:#f9f5dd;} /* 回噗對話框游標位置底色 *//*回覆區原噗者回覆暱稱設定*/.list .highlight_owner .td_qual a {color:#f19db4 !important ; }/*浪上的噗友圖*/.p_img {border: 3px solid #d8a965;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}/*回應數*/.response_count {background:#f19db4;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;color:#60767A;margin-left:6px;padding:4px;font-size:12px;}.new .response_count {background:#ea5503;font-size:12px;filter:alpha(opacity=90) ; -moz-opacity.9; opacity:.9;padding:4px;}.dots .inner {background:#fff;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity.8; opacity:.8;margin-left:5px;}/*影音圖片*/.youtube img,.pictureservices img { border: none; }.youtube:hover img,.pictureservices:hover img { border: 1px dotted #d8a965;}/*噗上的連結*/.plurk a.ex_link {color:#ea5503;font-weight: bold;text-decoration:normal;}.plurk a.ex_link:hover {color:#d8a965;font-weight: bold;border-bottom: 0px;text-decoration:normal;}a:link { color: #ea5503;text-transform: normal;}a:visited, a:active { color: #ea5503;text-transform: normal;}a:hover { border:0;color: #d8a965;text-transform: normal;}/* 時間軸標籤 */#filter_tab { border:0 !important;}#filter_tab a.off_tab {background:#CF938E;color:#FFF;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=80) ; -moz-opacity:0.8; opacity: 0.8;border:0 !important;}#filter_tab a.off_tab:hover {filter:alpha(opacity=100) ; -moz-opacity:1; opacity: 1;}#filter_tab a.filter_selected {color:#000 ; background-color:#d8a965; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter:alpha(opacity=90) ; -moz-opacity:0.9; opacity: 0.9;border:0 !important;}#filter_tab a.filter_selected:hover {filter:alpha(opacity=100) ; -moz-opacity:1; opacity:1;}/*更新通知*/#updater {background: #FFF; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; border: 2px solid #d8a965; font-size: 13px; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}#updater #noti_np #noti_np_text{color:#d8a965; }/*左*/#updater #noti_np a{color:#d8a965; }#updater #noti_re #noti_re_view #noti_re_text {color:#d8a965; }#updater #noti_re #noti_re_view a{color:#EF6880; }/*控制面版*/#dashboard_holder {margin-top:30px;}#plurk-dashboard{color:black; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background: transparent; border: none; padding: 2px; }#dash-stats h2, #dash-friends h2, #dash-fans h2{color: #d8a965; font-size: 28px; line-height: 110%; text-align: center; border: 0; font-weight: none; }#plurk_form{background: none; color: #d8a965 ; font-size: 12px;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}#main_poster{color: #d8a965 ; font-wight: bold; font-size: 12px; }#main_poster .qual_holder{color: #d8a965; font-size: 20px; font-family:Verdana; }/*噗輸入區*/textarea#input_big.content {font-size: 22px; height: 60px; wrap: soft; padding: 2px; border: 1px solid #d8a965; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}.time{font-size: 14px; }#cur_time{font-size: 14px; }/*控制面板: 透明度變化*/#plurk_form, .dash-segment {filter:alpha(opacity=20) ; -moz-opacity:0.2; opacity: 0.2; }#plurk_form, .dash-segment:hover {filter:alpha(opacity=100) ; -moz-opacity:0.9; opacity:0.9; }#plurk_form{margin:0}/*搜尋面板*/#toggle_tab li {background: none; border: none; padding: 5px; -moz-border-radius:10px; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; font-size: 12px;}.plurkaction {clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#more_options_link{border: 0px solid #FFF;font-size: 12px;background:transparent;}/*私密語系選項*/#more_options {}#more_options a#more_options_link {border: none; background: none; color: #d8a965;font-size: 12px; }#more_options #plurk_to{color:#d8a965; }#more_options #more_options_holder{border: none; background: none; color: #d8a965;font-size: 12px; }/*控制面板: 個人圖像*/#profile_pic {border:2px dotted #d8a965;width: 60px;} #profile_pic:hover {width:auto} /*個人照片回覆大小*//*個人自介*/#dash-profile{color:#d8a965; line-height: 20px; font-family:Verdana;-moz-border-radius: 10px;padding:2px;}#dash-profile p#full_name{color:#d8a965; font: 16px; }#dash-profile #span_years , #m_or_f{font-size: 12px; }#dash-profile:hover img{width: 200px;}#dash-additional-info{color:#d8a965; font: 12px; line-height: 18px;-moz-border-radius: 10px; }#dash-additional-info #about_me{color:#d8a965;-moz-border-radius: 10px; }#dash-additional-info #about_me a{color: #d8a965; text-decoration: none; }#dash-additional-info #about_me a:hover{color: gray; text-decoration: none; }/*統計項目*/#dash-stats h2{font-size: 22px; font-family:Verdana; font-weight: bold; color: #d8a965; background: none; border: none; }#dash-stats{color: #d8a965;-moz-border-radius: 10px;padding:2px; }#dash-stats #karma {color: #d8a965; }#dash-stats a{color: #d8a965; }#dash-stats table tbody tr th{font-size: 12px; color: #d8a965; }#dash-stats table tbody tr td{font-size: 12px; color: #d8a965; }/*朋友區*/.show_all_friends{text-align: center; }#dash-friends {color: #d8a965;-moz-border-radius: 10px;padding:2px;}#dash-friends a{color: #d8a965; }#dash-friends h2{font-size: 22px; font-family:Verdana; font-weight: bold; color: #d8a965; background: none; border: none; }#dash-friends #friend_holder{border: none; }/*粉絲區*/#dash-fans{color: #d8a965;-moz-border-radius: 10px;padding:2px; }#dash-fans a{color: #d8a965; }#dash-fans h2{font-size: 22px; font-family:Verdana; font-weight: bold; color: #d8a965; background: none; border: none;}/*朋友粉絲圖*/.friend_holder {margin-bottom: 4px;border:0 !important;}.friend_holder table {margin-left: auto;margin-right: auto;}.friend_holder .user_link{height:15px!important;width:15px!important; border:0 !important;}.friend_holder img{width:15px;height:15px;border:0 !important;filter:alpha(opacity=20) ; -moz-opacity:0.2; opacity: 0.2; }/*字數提醒*/.char_updater {color:#d8a965;}/*修飾詞*/.q_freestyle {-khtml-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:0 solid #FFF;color:#FFF!important;font-family: 微軟正黑體, century gothic;}.q_loves,.q_likes,.q_shares,.q_gives,.q_hates,.q_wants,.q_wishes,.q_needs,.q_will,.q_hopes,.q_asks,.q_has,.q_was,.q_wonders,.q_feels,.q_thinks,.q_says,.q_is {-khtml-border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;border:0 solid #FFF;color:#FFF;font-family:Verdana;}/*小視窗*/.tooltip_cnt{background: #d8a965; filter:alpha(opacity=90) ; -moz-opacity:0.9; opacity: 0.9; border:1px solid #ccc;color: #FFF;padding:5px;margin-top:1px;font-size:12px;-moz-border-radius: 10px 10px 10px 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;}.cmp_tooltips-down {height: 17px;background: transparent url(http://bemyselfinc.com/plurk/up_down/greyblue_down.png) no-repeat scroll left top;}.cmp_tooltips-up {height: 17px;background: transparent url(http://bemyselfinc.com/plurk/up_down/greyblue_up.png) no-repeat scroll left top;}.AmiMenu.info_menu {background:#d8a965;border:1px solid #fff;color: #fff;}.AmiMenu.info_menu .block {background:gray;}.AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on {background: #d8a965;}.AmiMenu.info_menu .separator {background:#d8a965;}.AmiMenu.info_menu .user_info.on b {color: #fff;font-weight: bold;}/*音樂播放器*透明圓角版*/#music_player {color:#d8a965;font-size: 13px; background-color:#FFF; border: 1px solid #d8a965; -moz-border-radius: 13px; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}#music_player:hover {filter:alpha(opacity=100) ; -moz-opacity:1; opacity: 1;}#music_player a{color:#d8a965 !important;}#music_player a:hover{color:gray!important;}/*註冊使用BAR*/#top_login a#sign_up,#validate_email,#sign_up_small {background:#d8a965;}#top_login a#sign_up {border-top:1px solid #5cc2cf;border-bottom:1px solid #d8a965;}#registerToday {background:#d8a965 !important; color:#FFFFFF; font-size:16px;}#sign_up_small {background:#d8a965!important; color:#FFFFFF !important;}.plurk_box .login_to_see a,.red_link{background-color:#d8a965;color:#FFFFFF;}.plurk_box .login_to_see{background-color:#FFF;border-right:1px solid #d8a965;border-bottom:1px solid #d8a965;}/*更換loading圖*/.cmp_loading{background:transparent;width:0px;height:0px;}#div_loading .cnt {background:transparent url(http://bemyselfinc.com/plurk/loader/orange_loader03.gif) no-repeat scroll center top !important;margin-top:140px;}.loading img {height:0;width:0;}.loading {background:transparent url(http://bemyselfinc.com/plurk/loader/orange_loader01.gif) no-repeat scroll centercenter !important;margin-top:100px;height:24px;width:24px;}/*封鎖使用者按鈕*/.friend_man.block {background: #d8a965 repeat scroll top left;border-color: #d8a965 #d8a965 #d8a965 #d8a965;-moz-border-radius: 4px 4px 4px 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border-width: 2px;}/*追蹤朋友粉絲按鈕*/.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {-moz-border-radius: 6px 6px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; border:2px ; background: #d8a965;}/*單一Plurk頁面*/.user-nick{color: #d8a965; }h1{color: #d8a965;line-height:150%; }#plurk_responses ul.responses li a {color: #d8a965 !important; text-decoration: none;font-size:120%;line-height:150%; }ul.responses li a:hover {color: gray !important; }ul.responses li a:link {color: #d8a965; text-transform: normal;}ul.responses li a.ex_link { color: #d8a965;text-transform: normal;}ul.responses .message a {color:#d8a965 !important; text-decoration: none;font-size:120%;line-height:150%; }ul.responses .message a:hover {color: gray !important; }ul.responses .message a:link { color: #d8a965;text-transform: normal;}ul.responses .message a.ex_link { color: #d8a965;text-transform: normal;}ul.responses li:hover span.time { color: gray;text-transform: normal;}#reply #reply_box {background: none;}#reply h2 {background: none;}#reply #reply_box_holder {background: none;}↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑我是分隔線，請不用理我！↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑話說這位「週六小姐」（當然我是故意這樣叫她，這樣感覺比較有梗，XD），本身是一位「Plurk CSS」設計高手，她的專業應該也是在於「網頁/網站設計」這一塊領域吧？三不五時就會分享新的噗浪佈景主題，重點是「完全不用錢哟」！真是佛心來的啊！（膜拜。不像某個 http://plurklayouts.com/ 網站，早已「全面商業化」了，所有的主題都要花錢購買，才能使用。「週六小姐」本身也有個噗浪帳號哟（廢話，都這麼熱愛設計噗浪佈景主題，哪有不玩噗浪的道理？至少也要註冊一個帳號來測試語法吧？（笑）。她的帳號是：http://www.plurk.com/66660000 至於「週六小姐」所分享的佈景主題安裝網頁，她的個人自介上頭的連結是錯誤的（有空我會提醒她一下），實際網頁如下：http://bemyselfinc.com/html/d_plurk.html 相信資深噗友們早已將此頁面納入「我的最愛」裡頭了吧？還沒看過的人，趕緊找個喜歡的主題，套用看看吧！以下再來分享幾個有關「噗浪佈景主題」的網頁/網站（當然是給新手們看的，老手們可以無視，XD）：1. http://ipzoner.pixnet.net/blog/post/25633344 這個「100個令人驚艷的Plurk(噗浪)佈景主題(themes)」，是由噗友 http://www.plurk.com/ipzoner 在一年多前所辛苦收集而來的（遠目），當時經過不少噗友大力轉噗推薦（當然也包括我囉！）；這100個主題，在當時都是免費的；現在則是部分免費（因為有些主題來自於「plurklayouts」，現在這家的主題都要收費，不管你覺得主題好看與否，XD）。至於其他「免費主題」若是遇到不能用的，八成是原主題的提供者把「圖檔」給刪除了，XD。2. http://www.plurktemplates.com/themes_select 這個網站所提供的主題，並未直接給予「安裝網址」，而是將語法寫在網頁上面，要網友們自行複製貼上。首先找到你想要安裝的主題，例如「the runners」，你就點擊進入該主題的網頁：http://www.plurktemplates.com/content/runners 往下拉，就會看到該主題的CSS語法了。不過有的主題的提供者，並未提供語法，例如「joker」（那這樣幹嘛還分享出來？XD）。3. http://plurkdoodles.blogspot.com/ 這個網站也不錯。4. http://layoutfreak.blogspot.com/ 這個網站最近似乎頗受噗友們的青睞哟，因為我發現有不少噗友的主題都來自於這家網站。希望不要變成「付費網站」啊！5. http://www.flickr.com/groups/plurkthemes/pool/ 這個網站（應該說是「群組」）則是由網友/網站主動發佈最新主題的圖檔。前五大貢獻者當中，上面所提過的「週六小姐」、「plurkdoodles」、「plurklayouts」，都沒有在這個「群組」的頁面提供主題安裝連結，所以直接去他們的網站/網頁找主題還比較快！其實仔細看過各家網站（個人）所設計（提供）的佈景主題，都可以發現有他們獨特（專屬）的風格；換句話說，我認為他們設計到最後，都演變成「懶人設計法」了，幾乎是只要「換上新的背景圖片」，就等於是「全新的佈景主題」了嘛！有沒有這麼偷懶啊？（被狂毆、被踹飛、被轟炸。接下來，就來介紹「如何借用別人的噗浪CSS語法」，其實這方法是人很友善的「不來恩」所熱情提供的，詳盡教學在此：http://briian.com/?p=6032 雖說未徵得主人的同意，就取用別人的語法有點不道德；但就像這篇文章底下三樓的讀者回應一樣：『教還是要教，看你自己怎麼用』。我本身就遇過兩次「被借用主題」的經驗，倒是都有被告知就是了，雖然我本身是毫不介意被借用，畢竟語法也不是我獨創的，背景圖片更不是我拍攝（創作）的，被借用的話，也沒啥資格好介意的吧！（倒是大頭照是我本人，這個被借用的話，我可是會生氣的哟！XD）「借用別人的主題」除了帶有負面意義之外，它其實也能有正面意義的。我就用過這個方法幫助噗友解決他的CSS困擾，倒是他到現在似乎還不清楚我是怎麼幫助他的（因為當時我根本沒向他索取他的CSS語法）。那位苦主就是：http://www.plurk.com/fox186 至於「問題噗」則是在此：http://www.plurk.com/p/3hmpir 為了翻出這噗，我還花了一點時間呢！（笑。當時他發出這噗的時候，剛好我在線上，見到噗友有難，我怎能見死不救呢？順利解決了他的困擾，我的內心相當愉悅啊！（茶。以上資料的整理：http://www.plurk.com/bimbotonto 完成於：2010/03/09，上午十點十七分，天氣：陰雨綿綿。