金羽銀華

謝謝您我已改好顏色 有一個地方不知如何改 貼上youtube影片 當滑鼠移過去會顯示一個片名框 我想改框的顏色 (現在是黑色看不清楚字) 感謝回答

M6

相關的語法如下： /*說明小視窗*/ .tooltip_cnt { background:#; /*背景色*/ color:#; /*字顏色*/ border-color:#; /*外框色*/ } .AmiTT_main{border:0;background:none;} /*拿掉預設的背景與外框線*/

2010-05-14 00:45

看到妳的答覆好高興 我是套用全部隱藏紅色楓葉版去改的 不管怎麼修,小視窗的背景色 都會再疊一層好像是對話泡泡的框 整個小視窗語法全刪掉貼上妳告知的語法 還是會有對話泡泡的影子 怎麼會改到好想哭哦...

M6

對話泡泡？ 可能是框線未去除的關係，可以試試 再加上 "!important;" (優先選項) 的語法： .AmiTT_main{border:0 !important;background:none!important; } /*拿掉預設的背景與外框線*/

2010-05-14 12:31

哇~改好了改好了(撒花) 很怕亂動語法把版面毀了 因我根本不懂css,也不知怎麼成功的 總之謝 謝 妳.. PS.1 以後如果還有其他不懂再紅著臉來請教妳 PS.2 妳有設定把字縮小嗎?因為看留言很吃力

M6

PS.1 沒問題。不用紅著臉沒關係ＸＤ PS.2 是說部落格的留言嗎？ 嗯...等等我去把字放大一下，看會不會好些～ ^ ^ (補充: 改好囉~字體放大了~)

2010-05-14 17:19

本來我都要把字先抓下來 再另外放大 現在超清晰的^^ 想起一個問題.. 每個人的螢幕尺寸不同 妳在做這些佈景時 圖是以哪種尺寸為主? 我自己是4:3的螢幕 當我看是填滿螢幕時 會不會別人是不滿的 因為現在很多都是寬螢幕 而且尺寸都很大 不希望別人看我的佈景是有缺陷 謝謝妳回答

M6

以我的螢幕標準為主～XD 再來就是依據圖片的原始尺寸設計 所以，通常是1280x960以上的圖 偶爾也會用寬螢幕的圖囉 ^ ^

2010-05-15 23:23

糟~我那完美個性又跑出來 整個想太多了 怎麼可能面面俱到 没錯 以自己為主就好 現在看著充滿粉紅的版面 心情好美好春天^_^

M6

=W=

2010-05-17 23:59

我又發現一個問題 最邊邊的字會蓋掉 要如何加寬噗的框 看了一下妳現在使用的噗版 展開後的噗很寬很寬 麻煩妳了 謝謝 ps.這問題又讓我不知不覺摸到這麼晚 最後還是只能求助於妳(暈)

M6

噗浪有預設的寬度，字數多的話，邊邊的字常會有蓋到的問題， 可以試著調整： /*調整回應區文字框的寬度*/ .plurk_box .text_holder{width:92%!important;margin-right :5px;} 或是 /*讓噗列表直接換行*/ .list .plurk_cnt .td_qual {position: absolute;width: auto;overflow: visible;} .list .plurk_cnt .td_cnt .text_holder { margin-top: 1.5em; margin-left: 0.5em; padding: 0.4em; width: auto !important; }

2010-05-18 00:27

您好，我想要改下半部，Plurk、每日照片、搜尋那一行中，「Plurk」這個字的顏色， 請問要怎麼改呢？謝謝

M6

Plurk、每日照片、搜尋等三個標籤的語法是： /*選項標籤*/ #toggle_tab li, #plurks_pane_li { color: #777; /*標籤*/ } #toggle_tab li.tt_selected { color: #fff !important; /*正選用的標籤*/ } 通常 「Plurk」 都是正選用，所以設定 #toggle_tab li.tt_selected 就是囉

2010-06-10 16:14

您好，我的這個部分是： #toggle_tab li:hover{ background: #324061!important; color: #eee!important; text-decoration:none;border-top: 2px solid #897c85;border-right: 2px solid #897c85;border-left: 2px solid #897c85;border-bottom: 0px!important;-moz-border-radius: 8px 0px 0px 0px;} .tt_selected{ background-image: none!important; background-color: #ffcc66!important; color: #555555; border-top: 2px solid #897c85!important;border-right: 2px solid #897c85!important;border-left: 2px solid #897c85!important;border-bottom: 0px!important;-moz-border-radius: 0px 8px 0px 0px; } 不知道到底是改那邊？ 麻煩您了，謝謝～

M6

.tt_selected{ color: #555555; /*字顏色*/ }

2010-06-10 20:42

改成功了！非常感謝你！！！

M6

^ ^

2010-06-11 08:03

請問<私密plurk、語系與選項>這個按鈕的字型顏色設定是要怎麼更改呢？

M6

相關的語法如下： /*私密語系選項*/ #more_options_link { /*按鈕*/ background: ; /*背景*/ border: !important; /*框線*/ color: # !important; /*字顏色*/ font-family: ; /*字型*/ font-size: px; /*字大小*/ } #more_options, #more_options .on, #more_options_holder, #more_options_link { /*打開後*/ background: !important; color: # !important; }

2010-06-15 23:27

謝謝你的回應，馬上來去試試看。

你好，想問一下喔 新噗或新回覆跳出來的時候 不是會有黃底色嗎？ 請問那個可不可以改呢？因為自己改好久CSS版面 卻不會改那個，但黃色與整體色系又好突兀喔！ 如果有辦法改就謝謝了XD

M6

那好像是噗浪預設的效果，目前還沒找到相關CSS可去除， 有找到的話會再回覆你喔 ^ ^ 2010-09-16 更新： 將所有的噗加一層底色，可以遮掉大部份。語法： /***噗整體底色***/ #timeline_holder .plurk_cnt, .plurk_cnt, .plurk_box .list, .list .plurk_cnt, .list .plurk_cnt tr, .plurk_box .mini_form, td.td_cnt texture, textarea#input_small { background:#FFF !important; } 2010/10/30 更新回覆： 可以，找到語法囉： /*新回應的底色 動態*/ .plurk_box td .shade_6, td .shade_6 {background-color:#FFF !important;} .plurk_box td .shade_5, td .shade_5 {background-color:#FFF !important;} .plurk_box td .shade_4, td .shade_4 {background-color:#FFF !important;} .plurk_box td .shade_3, td .shade_3 {background-color:#FFF !important;} .plurk_box td .shade_2, td .shade_2 {background-color:#FFF !important;} .plurk_box td .shade_1, td .shade_1 {background-color:#FFF !important;} 由於噗浪是用動態方式去設定的，所以希望黃色底全部不見，就把底色都改為白色就好囉！ 也可以自行做出符合噗版整體色系的顏色變化效果。從1~6，設灰階深淺不一，就不錯看喔～ ^^

2010-10-30 15:48

我套用你的粉紅色樣式 好像有一個小問題... 在訊息中點好友不能按回覆...下面那些也都不能按 不知道你有沒有這個問題

M6

嗯？請問是哪個樣式呢？ 可以試著把語法中：/*小徽章緊密的排排站*/ .award_bar ... 該段刪除 應該就會恢復正常了

2010-09-16 12:31

不好意思~ 好像是噗浪出錯了...不是你的樣式有問題 抱歉囉XD

M6

^^

2010-09-09 17:30

*****

用了不小心用悄悄話 發現自己也看不到XD"

M6

原來悄悄話功能非痞客邦會員是看不到的呀～ 我現在才知道XD 套用了版型但左上角編輯、我的檔案沒變， 可能是語法中並未設定該處的CSS， 詳細原因要看見語法內容才能確定～ ^ ^

2010-10-03 11:36

那可以請你幫我用一下嗎?! 因為整個貼上來也不方變 就是最上面那一整列... 跟最下面的新手上路等等... 顏色是#B4F000

M6

文章內容中 /*頁首頁尾*/ 一段就是囉～ 不要偷懶，自己動手試試看，換色碼就行囉～XD

2010-10-04 10:40

#top_bar,#top_bar a {font-family: 新細明體 !important;font-weight: regular;text-transform:normal;color:#B4F000;} #top_bar a:hover {color:#B4F000;} #top_login, #top_login a {color:#B4F000;font-size:11px;font-family: 新細明體 !important;} #top_login a:hover {color:#B4F000;} #footer, #footer a {color:#B4F000;font-size:11px;} #footer a:hover {color: B4F000;background:# B4F000;} #page_title{color:#B4F000; font-size:12px;} #top_bar.content a#edit_link {color:#B4F000;font-size:12px!important;} #top_bar.content a:hover#edit_link {color:#B4F000;background:none;} #alert_beacon{color:#B4F000;font-size:11px;margin:02px;} 是哪裡有錯嗎?! 因為左上角的部分還時沒有變色=( 只有通知的數字有變而已...

M6

把顏色的語法後面加 !important; 試試看？

2010-10-05 06:42

沒有用啊...

M6

那可能是噗版其他部分的語法影響到設定， 例如已經設了整體的連結顏色： a, a:link,a:visited, a:active 等值 請找找看是否有衝突的相關設定吧 或是可以留你的噗浪網址給我，我再幫你看看 ^ ^

2010-10-06 01:15

http://www.plurk.com/wre223446(我的噗) 最近麻煩妳了...

M6

色碼 #B4F000 的#跟後面數字中間不可以有空格喔～ 我幫你調整過語法，你安裝試試看 http://www.plurk.com/installDesign/3997864-48d52f9eb4 看是不是你要的效果？

2010-10-07 18:51

謝謝

請問左上角的{個人檔案} 出不來，只有在滑鼠移過才有顏色，可以怎麼修改？謝謝喔

M6

應該是因為噗浪最近改了個人檔案這幾個字的設定，所以出不來， 修改方式： #top_bar a { color:#222 !important; } #222 是深灰色 如果原本語法內容中已有 #top_bar a 的設定，就直接在 color: 那行後面加上 !important; 就可以了

2011-01-18 13:52

我用了上面提供的語法，來增寬圖片變成我的背景圖 但是我發現好像只要我隔天再登入背景圖就會變成一片空白，必須要再重貼一次圖片網址來暫時修復。請問是哪裡出問題呢?要怎麼修改?((我是修改HAPPY TWO YEAR的樣式

M6

嗯？我今天來試試看，看為什麼會有這樣的情況

2011-02-16 11:29

那個"顯示所有訊息' 的顏色語法找好久找到...請問在哪裡呢? 謝謝

M6

是說「更新通知」功能的文字嗎？ #updater a {color:# ;}

2011-02-16 11:52

你好~請問一下，浪上的噗的「底色」只能夠是白色的嗎? 這是我的噗的語法: .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: #000000; border: hidden; } 這語法是我複製網路上的， 倒數第二行有「background」， 所以我就想換個背景。 但是不管我設什麼顏色它卻都沒有變化... 難道噗的背景不能換顏色或是用url(網址)的語法讓噗的底板變成有圖片的? 麻煩你解答了，謝謝!

M6

可以換背景顏色，或是放圖片當背景，語法項目： #timeline_holder .plurk_cnt { background:#000 !important; background-image:url(這邊放圖片網址) !important; }

2011-04-23 10:48

成功了! 太感謝你了! 我找了很久都找不到答案，謝謝你幫了我這個大忙，感恩~ =]

M6

^W^

2011-04-23 21:50

請問 我想改下半部"統計""KARMA值""如何提升卡馬值"原本內定的顏色和底線改掉，CSS要怎麼改?? 謝謝:)

M6

可以參考 http://m66660000.pixnet.net/blog/post/34773945 這篇文章中 卡馬 與 統計 兩段落的內容試試看

2011-07-27 16:05

恩恩好的 我在試試 謝謝你 :)

我想請問左下角跳出來的新噗跟新回應的背景顏色可以更改嗎？ 很想把它改成黃色的這樣比較明顯 還有舊噗有新回應時也可以改顏色嗎 想把他改成亮紅色比較顯眼

請問改噗的邊框的顏色要用什麼語法?

M6

.plurk_cnt { border-color:# !important; } 放入想用的顏色代碼即可

2011-09-01 08:49

你好，我河道底層的噗會被攔腰截斷，變成中空的樣子，導致有些文字無法閱讀，不知道這個問題有沒有辦法解決? 謝謝 截圖: http://www.flickr.com/photos/coolickr/6243638528/

M6

那是噗浪的bug，加上這段語法可修正： body #timeline_holder, #timeline_cnt, #timeline_bg, #timeline_fg {overflow: visible !important;}

2011-10-14 22:29

您好，想請教一下"個人檔案標題"的字色如何改變? 我是使用http://www.flickr.com/photos/m66660000/6403816291/in/pool-1124670@N20/ 此樣式去做更改的。

M6

標題的項目名稱是 div#page_title 其中顏色的語法是 color:#fff !important; #fff 是白色的顏色代碼，換成其他想使用的顏色代碼即可。

2011-12-14 13:12

http://www.plurk.com/nannnnka 請問此版型的字體是???

M6

並沒有特別另外指定字體，是直接使用噗浪預設的字體 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Tahoma, Verdana, sans-serif;。可能是行距和字距的語法設定導致視覺上的不同。浪上的噗行距是 line-height:23px !important; 字距是 letter-spacing:0.08em;。

2011-12-25 22:11

你好~ 看了你的網誌讓我的噗浪大變身 不過有一個問題找不到 "此時間軸目前設為私密狀態。"的字體是否可以更改 像 http://www.plurk.com/molybaby 字體很小又似乎有些微發光一樣 謝謝回覆~~

M6

語法： /*顯示訊息*/ #empty_timeline_fg { color: #333; /*字顏色*/ font-size:13px !important; /*字大小*/ text-shadow:0px 0px 7px #fff; /*字陰影*/ } #empty_timeline_fg a {color:# !important;} /*連結顏色*/ #empty_timeline_bg { display : none ; }

2011-12-31 17:10

你好 我想請問一下主控台的顏色該如何更改 就是自我介紹的底、卡馬的底和粉絲朋友的底部顏色 /*噗浪背景CSS -IRIS*/ /*繪圖 by iris*/ /*CSS語法參考 by 66660000*/ /*主背景*/ body, html{ background:url(http://i1232.photobucket.com/albums/ff366/babyshow7/89616f53gw1dnnkcqk8quj.jpg) fixed; background-repeat: no-repeat; background-position: top center ; font-size: 12px; font-family:微軟正黑體,Verdana; } /*語言字型*/ body.language-large-font{font-size:12px !important; font-family:微軟正黑體,Verdana; } /*標題*/ #page_title{color: #FFFFFF; } /*頁首*/ #top_login a { color:#FFFFFF; } #top_login a:hover {color:#999999;} #top_bar a { color:#FFFFFF; } #top_bar a:hover {background: none; color:#999999;} #top_bar .on img { border: none; } /*編輯*/ #top_bar .content a#edit_link{color:#ccc;font-size:10px;} #top_bar .content a:hover#edit_link{color:#ccc;background:none;} /*Alerts通知數字*/ #alert_beacon{color:#ccc;font-size:11px;margin:0 2px;} /*頁尾*/ #footer{color: #878787;font-size:11px;} #footer a{color: #878787; font-size:11px;} #footer a:hover{color:#fff;} /*時間軸--------------------------------------*/ #timeline_holder {background:none; border:none;} /*時間分隔線*/ .bottom_start , .bottom_end {background: transparent; color:#DB3B76;font-size: 10px; } #bottom_line {background: transparent;border:none;} /*換日線*/ #timeline_bg .day_bg .div_inner { background: #999999; color:#cccccc!important; -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:15px;height:5px; border:0; } /*時間顯示*/ #time_show span {color: #DB3B76;border:none;} .day, .morning { background:none; background-position:-0px 20px;text-align:center;position:absolute;border:none; } .evening, .night { background-position:-0px 20px;text-align:center;position:absolute;border:none; } #bottom_line {background:none; border:none;} #timeline_bg {opacity: 0;filter: alpha(opacity=0);} /*隱藏噗浪生物*/ #dynamic_logo ,#logo img {filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; } img#creature{ filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; } /*所有的plurk標籤--------------------------------------*/ #filter_tab { border:0 !important;font-size: 12px;} #filter_tab a.off_tab {background:#878787;color:#fff;border:0 !important;font-size: 12px;} #filter_tab a.filter_selected {color:#fff; background-color:#cccccc;border:0 !important;font-size: 12px;} /*更新通知*/ #updater {background: #878787;border: 2px solid #7ec2ea;font-size: 12px;color:#cccccc;} #updater a {color:#fff;} #updater #noti_np #noti_np_text{color:#fff; }/*左*/ #updater #noti_np a{color:#DB3B76; } #updater #noti_re #noti_re_view #noti_re_text {color:#fff; } #updater #noti_re #noti_re_view a{color:#DB3B76; } /*音樂播放器*透明圓角版*/ #music_player {background: #999999;border: 2px solid #999999;font-size: 13px;color:#cccccc;} #updater a {color:#fff;} #music_player a{color:#878787 !important;} #music_player a:hover{color:#878787 !important;} /*主控台--------------------------------------*/ #plurk-dashboard{color:#DEB8B8; background:none;border: none; padding: 2px; } #plurk-dashboard a {color:#DEB8B8; } #plurk-dashboard a:hover {color:#DEB8B8; } #dash-stats h2, #dash-friends h2, #dash-fans h2{ color: #DEB8B8; font-size: 16px; line-height: 110%; text-align:center!important;border: 0; font-weight: none; background:none!important; } #plurk_form{background: none; color: #fff; font-size: 12px;margin-top:22px;} #main_poster{color: #fff; font-wight: bold; font-size: 12px; } #main_poster .qual_holder{color: #fff; font-size: 22px; font-family:微軟正黑體,Verdana; } .day_bg .div_inner{background: none;border:hidden;} /*噗輸入區*/ textarea#input_big.content {background:none; font-size: 22px; height: 66px; wrap: soft; padding: 2px; border: 1px solid #ccc;color:#DEB8B8 !important; } .time{font-size: 14px; } #cur_time{font-size: 14px; } /*搜尋面板*/ #toggle_tab li { background: none; border: none; padding: 5px;font-size: 15px;color:#DEB8B8 !important;} .plurkaction,#toggle_tab li.tt_selected {background: transparent;border: 0 !important; color:#DEB8B8 !important;font-size: 15px; } /*搜尋面板按鈕*/ input.orange-but { background:#DEB8B8 !important; border: 1px solid #DEB8B8 !important; color:#DEB8B8 !important; cursor:pointer; font-size:13px; padding:2px 4px; vertical-align:middle; width:auto; } /*搜尋面板文字*/ input#current_query { border:1px solid #DEB8B8 ; width:100%; font-size:22px; color: #222!important; } /*每日照片*/ #pane_daily_photo {font-size:16px!important;color:#000!important;} #pane_daily_photo a:hover {color: #555!important;} /*搜尋*/ #pane_search {color:#000!important;} #pane_search a:hover {color: #444!important;} /*私密語系選項*/ #more_options_link{background:none!important;border:0;color: #cccccc !important; outline:none;position:relative;} #more_options .on{border:0;background:none!important;color: #999999 !important;} #more_options .on, #more_options, #more_options_holder {background:none!important;color: #C8CCCB!important;} /* 控制面板區的透明度變化 */ #plurk_form , .dash-segment /*滑鼠移過去前*/ { filter:alpha(opacity=20) ; -moz-opacity:0.2; opacity: 0.2; } #plurk_form:hover , .dash-segment:hover /*滑鼠移過去後*/ { filter:alpha(opacity=75) ; -moz-opacity:1; opacity: 1; } /*個人自介*/ #dash-profile{line-height: 20px; font-family:微軟正黑體,Verdana; padding:2px;color:#DB3B76} #full_name {color:#DB3B76;} #dash-profile #span_years , #m_or_f{font-size: 12px; color:#DB3B76} #dash-profile img{width: 111px;border:0;color:#DB3B76} #dash-profile:hover img{width: auto;color:#DB3B76} #dash-additional-info{line-height: 18px; color:#D96891} /*統計項目*/ #dash-stats #karma {color:#DEB8B8; } #dash-stats a{color: #DEB8B8; } #dash-stats table{color: #DEB8B8; } #dash-stats table td{color: #DEB8B8; } /*朋友區*/ .show_all_friends{text-align: center; color:#D96891} #dash-friends #friend_holder{border: none;} /*朋友粉絲圖*/ .friend_holder {margin-bottom: 4px;color:} .friend_holder table {margin-left: auto;margin-right: auto;1} .friend_holder .user_link{ height:25px!important;width:25px!important; border:0;} .friend_holder img{ width:25px;height:25px;border:0;color:} #dash-friends-pics .user_link, #dash-fans-pics .user_link {border:none;1} #dash-friends-pics img, #dash-fans-pics img {border:none;} /* 朋友粉絲圖片設透明度 */ #dash-friends-pics .user_link, #dash-fans-pics .user_link { filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; } #dash-friends-pics img, #dash-fans-pics img { filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; } /* 朋友粉絲區域設透明度 */ #dash-friends, #dash-fans { opacity: 0.9; filter: alpha(opacity=90); } /*朋友區: 隱藏搜尋區*/ #dash-friends p, #dash-friends form { filter:alpha(opacity=0) !important; -moz-opacity:0 !important; opacity: 0 !important; } /*隱藏分享按鈕--------------------------------------*/ #sharePlurk, a#dashboard-invite, a#dashboard-invite span, #sharePlurk div, img#icon_home, img#icon_friends, img#icon_notifications, a#dashboard-invite,a#mobile-gfx,a#widget-gfx,a#twitter-gfx, .dash-icon {filter:alpha(opacity=0)!important; opacity:.0!important;} /*字數提醒*/ .char_updater {color:#cccccc;} /*語助詞*/ .q_says,.q_is {background:#878787;border:none;} .qualifier, .m_qualifier { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*小視窗*/ .tooltip_cnt{background:#cccccc;border:none;color:#fff;padding:5px;margin-top:1px;} .AmiMenu.info_menu {background:#aaa;border:1px solid #aaa;color: #fff;} .AmiMenu.info_menu .block {background:gray;} .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on {background: #aaa;} .AmiMenu.info_menu .separator {background:#aaa;} .AmiMenu.info_menu .user_info.on b {color: #fff;font-weight: bold;} .cmp_tooltips-down {background: url(http://bemyselfinc.com/plurk/up_down/grey_down.png)} .cmp_tooltips-up {background: url(http://bemyselfinc.com/plurk/up_down/grey_up.png)} /*隱藏小視窗背景箭頭圖片*/ .AmiTT_main{background:none;} /*註冊使用BAR*/ #top_login a#sign_up,#validate_email,#sign_up_small {background:none;} #top_login a#sign_up {border:none;} #registerToday {background:none!important; color:#fff; font-size:11px;} #sign_up_small {background:#878787 !important;color:#fff !important;} .plurk_box .login_to_see a,.red_link{background-color:#878787 ;color:#fff;} .plurk_box .login_to_see{background-color:#878787 ;border:none;} /*加入朋友粉絲按鈕*/ .friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending { background: color:#D96891 ; border-right: 1px solid #999999 ; border-top: 1px solid #999999 ; border-bottom: 1px solid #999999 ; border-left: 1px solid #999999 ; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /*封鎖使用者按鈕*/ .friend_man.block { background:#aaa; border-right: 1px solid #aaa; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /*發送私密噗按鈕*/ .friend_man.private_plurk { -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; background-color:#999999 ; border-bottom:1px solid #999999 ; border-right:1px solid #999999 ; border-top:1px solid #999999 ; border-left:1px solid #999999 ; } /*小徽章緊密的排排站*/ .award_bar { _height:1%;padding:0; margin-top: 20px;} .award_bar div {padding:0 !important;height:22px;width:22px !important;margin:0 !important} .award_bar img{width: 15px;height: 15px;} /*單一Plurk頁面--------------------------------------*/ .user-nick{color: #555; } div.bigplurk h1.content {color: #666;line-height:150%; } #plurk_responses ul.responses li a {color: #888 !important; text-decoration: none;font-size:120%;line-height:150%; } ul.responses li a:hover {color: gray !important; } ul.responses li a:link {color: #888; text-transform: normal;} ul.responses li a.ex_link { color: #888;text-transform: normal;} ul.responses .message a {color:#888 !important; text-decoration: none;font-size:120%;line-height:150%; } ul.responses .message a:hover {color: gray !important; } ul.responses .message a:link { color: #888;text-transform: normal;} ul.responses .message a.ex_link { color: #888;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;} /*河道上的噗--------------------------------------*/ .plurk_cnt { border: 1px solid #010; font-size:13px; letter-spacing:.1em; padding:2px; line-height:18px; background: #FFF; border: 2px solid #EDEDED; } .plurk{opacity: 0.90;filter: alpha(opacity=90);} /*回應列表標題*/ .plurk_box .caption {background:#999999;color:#fff!important;font-size:11px!important;} /*回應列表展開*/ .plurk_box .plurk_cnt {line-height:160%;border-bottom: 1px dashed #7ec2ea;} /*回應列表框線*/ .plurk_box .list,.plurk_box .mini_form { border-right:1px solid #cccccc;border-left:1px solid #7ec2ea; } /*回應列表*/ .plurk_box .list {height: 200px;} .list /*列表圓角*/ { -moz-border-radius: 0px 0px 6px 6px; -khtml-border-radius: 0px 0px 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; } .info_box { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; color: #fff; background:#999999; } .info_box a {color:#fff!important;font-size:11px!important;} .info_box a:hover {color:#ccc;} #input_small {height:50px;} textarea#input_small {font-size:12px!important;border:1px solid #7ec2ea; color: #333!important;} td.td_cnt textarea {height:50px;} .list empty {color: #878787;} /*回覆區原噗者回覆暱稱設定*/ .list .highlight_owner .td_qual a {color:#878787 !important ; } /*浪上的噗友圖*/ .p_img {border:0px solid #999999;padding:0px;} /*回應數*/ .response_count {background:none;color:#666!important; margin-left:3px;padding:4px;font-size:12px;} .new .response_count {background:#D96891;color:#fff !important; font-size:12px;padding:4px;} .dots .inner {background:none;border:none; color:#7ec2ea !important;} /*影音圖片*/ .youtube img,.pictureservices img { border: none; } .youtube:hover img,.pictureservices:hover img {border: none; } /*噗上的連結*/ .plurk a.ex_link {color:#999999;font-weight: bold;text-decoration:normal;} .plurk a.ex_link:hover {color:#878787;font-weight: bold;border-bottom: 0px; text-decoration:normal;} a:link { color: #878787;text-transform: normal;} a:visited, a:active { color:#878787;text-transform: normal;} a:hover { border:0;color: gray;text-transform: normal;} /*刪除編輯消音取消*/ .manager .action {font-size:11px!important;} .manager a:hover {font-size:11px!important;} .manager .cancel {font-size:11px!important;} .manager .delete {font-size:11px!important;} .unmute {font-size:11px!important;} /*隱藏分享按鈕--------------------------------------*/ #sharePlurk, a#dashboard-invite, a#dashboard-invite span, #sharePlurk div, img#icon_home, img#icon_friends, img#icon_notifications, a#dashboard-invite,a#mobile-gfx,a#widget-gfx,a#twitter-gfx, .dash-icon {filter:alpha(opacity=0)!important; opacity:.0!important;} /*表情符號圖示*/ #emoticon_selecter img{border:0;padding:1px;} #emoticon_selecter a:hover img{border:0;} #emoticons_tabs ul li a, #emoticons_tabs ul li{ margin-left:0px; border:0!important; background:#ccc!important; color:#444!important; font-weight: regular; text-transform:normal; padding:3px 4px; } .plurk_box .list {height:400px;} /*浪上的噗與回應數變圓角*/ .plurk_cnt, .response_count, .new .response_count, .dots .inner { -moz-border-radius:10px !important; -webkit-border-radius:10px !important; -khtml-border-radius:10px !important; border-radius:10px !important; } /*往前往後箭頭設透明度*/ .cmp_arrow_right, .cmp_arrow_left, .cmp_back_to_today {opacity:0.2;} .cmp_drop_down img {opacity:0.2;} 數值可以自行調整。 /*更換時間軸往前往後圖示*/ .cmp_arrow_right { background: url(圖片網址); filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; /*透明度*/ width: px;height: px; /*圖片大小*/ } .cmp_arrow_left { background: url(圖片網址); filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; width: px;height: px; } .cmp_back_to_today { background: url(圖片網址); filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; width: px;height: px; } /*資料面板透明度變化***/ div.dash-segment {filter:alpha(opacity=10) !important;opacity:0.1 !important;zoom:1;} div.dash-segment:hover {filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;} /*隱藏發噗區選項標籤***/ #toggle_tab li, #plurks_pane_li { filter:alpha(opacity=0) !important;opacity:0 !important;zoom:1; height:0 !important; width:0 !important; overflow:hidden; } #languge_selector {filter:alpha(opacity=10) !important; opacity:0.1 !important; zoom:1;} #footer:hover {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;} /*頁尾區透明度變化*/ #footer {filter:alpha(opacity=10) !important; opacity:0.1 !important; zoom:1;} #footer:hover {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;} /*浪上的大頭貼*/ .p_img { border:2px solid #FFF !important; /*框線*/ padding:2px; /*間距*/ background:#FFF; /*背景色*/ -moz-border-radius:10px; /*圓角*/ -khtml-border-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; } /*所有訊息標籤透明度變化*/ #filter_tab {filter:alpha(opacity20) !important;opacity:0.2 !important; zoom:1;} #filter_tab:hover {filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;} /*浪上的噗動態效果*/ #timeline_holder div.plurk /*淡入*/ { -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform-origin:0 0; -moz-transition:top 0.5s ease, -moz-transform 0.5s ease; -moz-transform-origin:0 0; } /*更新通知*/ #updater { filter:alpha(opacity=70); opacity:0.7; zoom:1; /*透明度*/ } #updater .text {color:# !important;} /*則數*/ #updater a, #music_player a /*更新 檢視*/ { color:# !important; } #updater a:hover, #music_player a:hover /*滑鼠移至效果*/ { color:#D96891 !important; } div#plurk-dashboard { background:none; /*拿掉原本底色*/ border:0; /*拿掉框線*/ } #dash-profile, #dash-additional-info, #dash-stats, #dash-friends , #dash-fans { background:#696969; /*底色*/ padding:12px; /*內間距*/ margin:3px; /*外邊界*/ -moz-border-radius:22px; /*圓角*/ -khtml-border-radius:22px; -webkit-border-top-left-radius:22px; -webkit-border-top-right-radius:22px; -webkit-border-bottom-right-radius:22px; -webkit-border-bottom-left-radius:22px; }

M6

在語法的最後一段 background:#696969; /*底色*/ 加上 !important; 就可以了： background:#696969 !important; 如果要改其他顏色，換其他色碼即可 ^ ^

2011-12-31 19:57

成功了TT謝謝你 我一直在前面主控台那裡換色碼 怎麼都換不掉煩惱超久 非常謝謝:D

M6

:D

2011-12-31 21:59

你好~ 我想問一下關於此樣式 http://www.flickr.com/photos/m66660000/6581189175/in/pool-plurkcss 個人檔案標題以及自我介紹的部分，字體顏色該怎麼做更改?＠＠

M6

個人介紹的部份在 /*---------------主控台*/ #plurk-dashboard { color:#555; } 改顏色代碼#555 深灰為其他想使用的顏色即可 標題的項目名稱是 #page_title { } 在 /*---------------頁首頁尾*/ 這段裡 把想使用的顏色語法 color:#; 放進該 { } 中即可

2012-03-13 08:28

我想更改的是頁首頁尾底的顏色 像以這篇文章來看底就是白色 請問這部分要如何改呢? 我的CSS原本設定是有點透的黑 但我想變成透的白^_^

M6

找到 #top_login 項目 改其中的背景顏色代碼與透明度即可。

2012-04-12 22:15

我想請問一下 下面發文處的文字顏色語法是改哪裡? 因為怎麼改都是對話框裡的字在變色 QAQ http://www.plurk.com/penpel2929#

M6

改輸入那段，textarea#input_big 跟 textarea 相關段落的 color: # 顏色代碼

2012-07-18 19:56

你好:) 請問噗浪上方標題右邊與左邊的登出，和首頁的那幾個文字可以改顏色嗎?謝謝哦(●´ω｀●)ゞ

M6

嗯...這篇的內容中已經有寫到囉， 還是...使用上有什麼問題嗎？

2012-07-30 20:02

你好:) 我按你的教學方式成功的改變了噗浪的字型!! 不過就我自己看見的是改成功了, 如果是在噗裡面的回覆送出去的字型還是原本的字型, 我希望所有的字型都是simsun的字型.....可是我看了許多遍css就是找不到哪一個是噗浪回覆的字型耶...不知道該如何才好?? 如果你方便的話, 請幫幫我!!!>口<" 感謝!!!!!!!!!!!!!!!TAT...

M6

嗯，噗浪的文字css項目有許多，一併更改的話請試試這段語法： /*文字*/ body.language-large-font, body.language-large-font html5, .language-large-font #top_login, .language-large-font #footer, .language-large-font .small, .language-large-font .tooltip_cnt, .language-large-font .direct-l, h2,.GB_Window .caption,#mainpage_content h4,#mainpage_content h5, #timeline_holder .plurk_cnt, .list .plurk_cnt, #timeline_holder .bigplurk .content, ul.responses .message, .cbox_right .cbox_plurk_main .content, .cbox_right .cbox_response .content, #timeline_holder .bigplurk .content, .td_cnt .text_holder, #vert_timeline .bigplurk .content .text, ul.responses .message, div.content { font-family: 'simsun', sans-serif !important; font-weight: 400 !important; text-transform: normal; }

2013-02-03 20:04

不好意思，我又來煩你了！其實我是想問問噗浪上的文字，可否選擇中文字出現simsun的字型，然後英文字使用常見的(比如你網誌上的英文字型)呢??想要把兩個分開用呢!!!!一個一個改真的會改得眼睛痛痛TAT...只能一個一個改嗎???

M6

回覆在上一則囉。

2013-02-03 20:05

謝謝哦!!!用過之後，真的有成功了呢！ 真的很謝謝！另外你寄的東西我有收到囉：） 大大的感謝~~~

M6

^w^

2013-02-05 00:18

請問怎麼樣可以換回覆時， 被回覆者的暱稱顯示的顏色呢?

M6

暱稱的問題可以參考這篇： http://m66660000.pixnet.net/blog/post/35438651

2013-06-24 22:00