2011/01/15 更新簡易版 點此直接換置
換好之後一樣到"自訂外觀" 找第一行的 body{background: url(http://........jpg); border:hidden; margin: 0;}
把圖片網址放在url() 中間就行了
最近遇到不少人想把整個噗浪的東西都用不見脫光光,只保留一張底圖
所以我就把主要的噗浪區塊列出來,找出你想要用成透明或是想要拿掉的部分,
複製那一段CSS語法貼到同一個項目的{}裡面
如果找不到項目(長這樣的東西#plurk-dashboard {} ),就直接連項目一起貼進去
然後選一張夠大的背景圖片,換掉網址就好了,想怎麼調整底圖和透明度就隨你高興囉~
下面全都是50%半透明,要完全消失的請把數字改成0
如果真的不會的話,把圖片網址貼到下面反紅的url後面( )中
然後從反紅那行開始全文複製貼到你的自訂樣式裡也可以啦....
* =透明,反正不要的東西都加上這兩行,別把說明也貼進去了....
[opacity:1不透明,0是看不見, 0.1是10%]
[filter: alpha數字越小越透明]
opacity: 0; filter: alpha(opacity=50);
=== */
/* =背景換底圖圖片取代就行了
url(http://......)
=== */
/* ====↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓下面這行開始↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ === */
body{background: url(http://........jpg); border:hidden; margin: 0;}
/* ==直接下半部全透明CSS語法=== */
#plurk-dashboard, #plurk_form ,#toggle_tab , div#footer {opacity: 0.3; filter: alpha(opacity=30);}
/* =噗半透明CSS語法= */
.plurk{opacity: 0.50;filter: alpha(opacity=50);}
/* =plurk LOGO和生物透明CSS語法= */
#dynamic_logo, .cmp_plurk{opacity: 0.1;filter: alpha(opacity=0);}
#creature{opacity: 0.1;filter: alpha(opacity=10);}
/* =下面這些的邊框要透明的話多加上邊線透明CSS語法,
border:hidden;
===== */
/* =河道透明CSS語法== */
#timeline_holder {background:none; border:none;}
/* =河道左邊BAR透明CSS語法== */
.day_bg .div_inner{background: none;border:hidden;}
/* =時間軸背景透明CSS語法== */
#bottom_line {background:none; border:none;}
#timeline_bg {opacity: 0;filter: alpha(opacity=0);}
/* ===下方區塊隱藏效果=== */
div#dashboard_holder, ul#filter_tab{filter:alpha(opacity=0)!important ;opacity:0!important;}
div#dashboard_holder:hover ,ul#filter_tab:hover{filter:alpha(opacity=100) !important;opacity:1 !important;}
/* =附送字體的顏色調整
color後面的就是色碼#加上6個數字或英文,這裡可以查→色碼查詢
想要改連結的顏色就多加上 a{}
想改滑過去的顏色就多加個 a:hover {}
==== */
/* =資料區顏色及字型大小==== */
#karma{color: #999999;}
/* =資料區顏色及字型大小==== */
#dash-stats, #dash-stats h2, #dash-stats a, #dash-stats table tr td, #top_login a, .segment-content {color: #999999;}
/* =登入區顏色及字型大小、位置調整==== */
#top_login, #top_bar a, #edit_link a, .count { color:#737cff;padding-right:50px;padding-top:10px;}
/* ====↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑到上面就好↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ === */
順便再度大推GOOGLE 的chrome瀏覽器~ (Chrome下載)
他有個功能,就是只要在網頁上反白選取一個區塊,再按右鍵就會看到" 檢查元素"
然後就會跳出這個頁面的CSS, 當你在CSS的行間轉換選取時, 頁面上相同的區塊也會反白顯示
你在右邊就可以看到項目的名字了
補充,拉高回文對話框
.plurk_box .list {height:400px;}
/* ===個人介紹及資料區背景透明CSS語法=== */
div#plurk-dashboard , div#footer
{filter:alpha(opacity=0)!important ;opacity:0!important;background:none; border:none}
相關主題:

你的分享超清楚實用的~ 回家來試試看^^
那請問我想把透明的改成步透明要怎麼調 而且是滑鼠移到介紹區才會顯示?
你要找出該元件的名字,然後在該元件上設定hover效果 要不透明的話只要單純把透明語法拿掉就行了,要滑過去顯示的話要在元件後面加上 a:hover {透明度調整} 老實說,我這樣解釋可能還是有點難理解 總之,如果你沒有語法底子,還是直接把檔案拿去給懂的人比較快
喔喔謝謝 之前有接觸過無名的語法所以大概看得懂:)) 後來有調成功了感激:)
有幫上忙就好 XD
不好意思... 請問我如果想要把河道的邊框弄掉 該怎麼處理?!
你的plurk方便放上來嗎? 因為我不確定你要弄掉的是哪裡的邊框 只要指定你要消失的邊框,再加上 display:none 或是改成透明度0 都可以
請問` 我想要像這個人一樣↓ http://www.plurk.com/stupid10914# 背景弄整張圖片, 然後中間顯示時間的那一條也用那種顏色 我應該怎麼做?? 對不起麻煩你解答了
咦... 你和四樓是同一個人嗎 XD 不是的話你給我mail或你的plurk我再把原始碼丟給你好了
*****
*****
*****
*****
*****
*****
你好/ 你的文章很實用噢 但是試了還是有很多不懂的地方>< http://www.plurk.com/On_The_Edge 這是我的噗浪 我也想改成四樓貼的網址那樣 但是邊框都去不掉>< 方便請你解答嗎:D?
是IE6的問題啦 Q.Q IE6 不支援一些CSS的設定,要怎麼改我還要再研究一下, 不過你可以先參考一下 你還在點" 網際網路" 上網嗎? 快把IE換掉吧!!↓ http://chibc.pixnet.net/blog/post/29611051 換一下瀏覽器吧....Orz
是5樓才對!
#dashboard_holder ,#bottom_line { background:none; border:none;} 找出這兩個把border:hidden 改成none 沒有找到這個的話就直接貼進去
請問要如何把自己頭像、好友頭像、粉絲頭像 弄成半透明
加上 #dash-profile img ,.user_link img{opacity: 0.3!important; filter: alpha(opacity=30)!important;} 特別請注意的是如果用IE6開啟好像會失效 所以,如果你還在用IE6就快換掉吧 http://chibc.pixnet.net/blog/post/29611051
大大介紹的好詳細 我終於會改了
有幫上忙就好 ^^
我想把噗改成透明滑鼠移過去就會出現原來的顏色 和把下方資料改為透明滑鼠移過去才會有原來顏色 這樣要如何改 http://www.plurk.com/may200392#
和 :hover 有關 不過.... 大概是因為連個請字都沒有, 所以我不想回答... 抱歉啊...
我也想問這個問題耶 (跟上方一樣的問題) 請問要怎麼改呢?:D
加這段上去,然後記得這在在IE環境下可能沒效果,不懂IE是啥的話請見 http://chibc.pixnet.net/blog/post/29611051 我這裡是設成很淡的半透明,要完全拿掉看不見就把0.03還有3 那裡改成0 ============== .plurk, div#dashboard_holder, div#plurk-dashboard, div#plurk_form {opacity:0.03 !important;filter:alpha(opacity=3) ;!important } .plurk:hover, div#dashboard_holder:hover ,div#plurk-dashboard:hover, div#plurk_form:hover { opacity:1 !important; filter:alpha(opacity=100) !important;}
請問輸入文字的那一塊可以用成透明嗎? 可以的話拜託交一下~3Q
和上面的方法一樣 如果你講的輸入文字的地方是指下方的輸入列的話... div#plurk_form{opacity:0.03 !important;filter:alpha(opacity=3) ;!important } div#plurk_form:hover { opacity:1 !important; filter:alpha(opacity=100) !important;}
我也想請問五樓的問題 很想知道是怎麼弄出來的 我的信箱是 barroth@wolfbbs.net 麻煩您了
請問下面回應數可以歸零嗎
你指的下面回應數是? 可以說明確一點嗎? 再則,回應數一般都是功能面的,應該沒辨法用CSS讓他歸零喔... 不過倒是有可能把原本的字用不見,改用一個像歸零的圖去取代
不好意思 我想請問中間那條幾點的時間,所有的,自己的,私人的,喜歡的 這條可以改成透明的嗎? 因為我其他地方都改成透明的但是就中間那條不會改>< 這樣好奇怪,所以想請問大大該怎麼改呢?
補這個上去 不過.... 這個只有你自己看的到的功能,拿掉之後會不方便吧 #filter_tab{opacity:0.03 !important;filter:alpha(opacity=3) ;!important } #filter_tab:hover { opacity:1 !important; filter:alpha(opacity=100) !important;}
你好^^ 請問要如何把自己的"發噗區"變透明呢?? 謝謝^^
#plurk_form{opacity:0.03 !important;filter:alpha(opacity=3) ;!important } #plurk_form:hover { opacity:1 !important; filter:alpha(opacity=100) !important;}
向先進請教 http://farm6.static.flickr.com/5050/5354215496_798bb0cbbe_b.jpg 如果是想把有箭頭的部分(尤其是時間軸下面的線,和那兩個色塊....根本應該刪掉讓他們不存在啊!)透明甚至隱藏的辦法嗎? 先感謝先進您的大恩
/* ===底線消失=== */ #bottom_line {background:none; border:none;} #timeline_bg {opacity: 0;filter: alpha(opacity=0);} /* ===下方區塊隱藏效果=== */ div#dashboard_holder, ul#filter_tab{filter:alpha(opacity=0)!important ;opacity:0!important;} div#dashboard_holder:hover ,ul#filter_tab:hover{filter:alpha(opacity=100) !important;opacity:1 !important;}
不好意思,請問個人照的滑入滑入透明度語法是不是 /* About Me */ #dash-profile { background: url(http://i44.tinypic.com/121fyp2.jpg); color: #fff; border:0; padding: 10px; } #profile_pic {opacity: 0.5;filter: alpha(opacity=50);} #profile_pic:hover {opacity: 1;filter: alpha(opacity=100);} 因為我設以上語法,卻沒有效果,可以請問大大該怎麼修改嗎?感謝!
#profile_pic {opacity:0.5 !important;filter:alpha(opacity=50) ;!important } #profile_pic:hover { opacity:1 !important; filter:alpha(opacity=100) !important;} 要再加 !important
我跟五樓有同樣問題 我想變成跟他一樣http://www.plurk.com/stupid10914# 用一張圖片佔滿整個噗浪背景 可以把語法整個給我嗎 謝謝T^T
點這篇最上面那裡就可以啦
我就是樓上那一位^^ http://www.plurk.com/cute830311 ↑我想把中間那條灰色的橫槓弄不見 請問怎麼用 我研究了好久 他就是消不掉 謝謝你^_^
#dashboard_holder ,#bottom_line { background:none; border:none;} 找出這兩個把border:hidden 改成none 沒有找到這個的話就直接貼進去 另外就是造成語法失效的原因是你用IE在上網,換成FF或chrome就沒這個問題了 不懂IE是啥的話請見 http://chibc.pixnet.net/blog/post/29611051
請問要怎麼把下面那紅色背景去掉呢? 我的噗浪 http://www.plurk.com/AmaAma_Yo 感謝您的幫忙!!
#plurk-dashboard{background:none;} 貼最下面
謝謝你的分享呢~~超級好用的~~ 連我這CSS語法笨蛋都會用!! 真的非常感謝你喔!! (鞠躬)
有用就好 ^^
真的很好用www 整個超雀躍的說!! 另外也有一個問題要請教一下大大w_w 小妹發現我的噗介面中間有一條黑色的線~ 超礙眼的OAO 請問一下怎樣才可以把他弄走??0.0/// 小妹的噗地址: http://www.plurk.com/hibarikt 萬分感謝ww
#timeline_holder {border-bottom:none;!important;} 貼進自訂語法最下面
*****
*****
不好意思,我依照您的方法放最下面了,但我觀看還是依樣 請問是什麼問題嗎OAO? 感謝回答~
#plurk-dashboard div, div#dashboard_holder div, .dash-segment div, .segment-content div {filter:alpha(opacity=50)!important ;opacity:0.5!important;} 語法沒錯,應該要放最下面,不過我同時有看到你的CSS裡有一段 #plurk-dashboard, #dashboard_holder, .dash-segment, .segment-content { opacity: 1!important;} 把透明度卡住了,找看看能不能刪掉
不好意思,那段語法我並沒有找到…… 相似的只找到以下的 #plurk-dashboard { background: #000000; opacity:0.55; filter: alpha(opacity=70); } /*dashboard透明度*/ /* ==直接下半部全透明CSS語法=== */ #plurk-dashboard, #plurk_form ,#toggle_tab {opacity: 0.5; filter: alpha(opacity=50);} 請問這些要刪掉嗎OAO?
主要要刪的是透明度參數 opacity: 1!important; 因為我沒辨法直接看你的CSS碼,找出這個參數被下在哪一段,所以一時也幫不上忙
你好 真的非常感謝你 因為你這篇文章 讓我這位噗浪新手 完成了我想要的噗浪背景(下面全部隱藏) 雖然還沒摸熟 但在辦帳號不到4小時就能有這樣的成果 真的非常感謝你的知識和大方 以後如果還有問題 還請你多多指教唷 最後送上我的噗浪網址 真的非常感謝你唷!!! ^_^ http://www.plurk.com/LoveSuJu99
有幫上忙就好 ^^
請問如何更改"所有訊息" "我發表的訊息""私人訊息"那排字的顏色呢? 想改成黑底白字 另外標示時間的那條細細的線顏色可以改嗎 例如改成白色 謝謝:)
1. #filter_tab .off_tab {background: #000; color: white;} 另外,我不太確定你所謂的標示時間的線是指哪裡
謝謝你的文章,我終於可以把噗浪背景弄透明了=) 很實用的文,推薦!
^^
*****
*****
請問要怎樣才能一張圖占滿整個背景呢? 另外 能否把上方顯示時間的柱子弄成但透明的呢?
找一張夠大的圖就能佔滿了 你說的柱子是指哪裡?
不好意思請問一下 我已經把底下這兩行語法加入了 #bottom_line {background:none; border:none;} #timeline_bg {opacity: 0;filter: alpha(opacity=0);} 但不知道為什麼 那條黑線還是一直刪不掉!! 可以麻煩您幫我看一下嗎? http://img846.imageshack.us/img846/6558/51196361.png 謝謝您
你給我的圖片連結,我只看到青蛙.... 我猜,你是用IE?
不好意思 我也不知道為什麼是青蛙耶@@ 因為我這邊看是正常的QQ 放另一種連結吧^^; http://img846.imageshack.us/i/51196361.png/ 我是用CHROME的說 然後是WIN7 似乎是64位元的這樣 這會有差嗎? ^^ 感謝您這麼快就回覆我:)))))
那個圖片網站好像只要是非會員就什麼都看不到... 光看圖我也不知道你是少寫了什麼,照理來說應該直接點這篇文章最前面那個連結就能把CSS一次換掉了 不麻煩的話,你可以私噗留你的PLRUK給我,我比較好察看
請問要怎麼把背景圖用到中間 然後中間那條灰色的要怎麼把它用不見阿(?? 麻煩妳了很想要知道TT一直失敗... http://www.plurk.com/aireina07
改這個 #bottom_line {background: none;} 再把你放圖的地方 網址後面的 0 0改成 center top background: url("http://i1141.photobucket.com/albums/n583/aireina079/52426663201104251841407599407946056_004.jpg") no-repeat scroll center top
你好。 請問……如果我噗浪的下方只希望是「朋友」和「粉絲」會滑鼠移過去才出現的話,我應該怎麼改呢? 我會非常感謝你回答的>< 。
我不知道耶, 就我所知應該要配合程式的判斷才行 CSS好像無法區分使用者權限的差異...
您好! 我這個不懂CSS語法的人已經成功的把整個PLURK都幾乎半透明化了 超開心 但發現當我去點閱自己或朋友的發言 張開來的回應視窗卻是原色 請問這視窗有辦法透明化嗎? 感謝~
再加上 #timeline_bg {opacity: 0;filter: alpha(opacity=0);} 首篇連結同步修正
你好看玩真的受益良多呢 請問可以把發噗曲變成半透明嗎?
請問一下 河道兩側的箭頭有辦法隱藏嗎???
版主你好 :) 首先我要先謝謝你偉大的Css功夫 QAQ 我是個樣式白癡 不過我想在這裡請問一個問題: 我常看到有人把噗浪下半部分成三個部分,只有在滑鼠移過去的時候才會顯示 我現在是滑鼠移過去 三個段落一起出現 , 是否有辦法可以一部分一部分呢? 感謝 :D
不好意思我用了你的語法做了些微調 但是我怎個改就是無法改未讀的顏色 不是計數器喔,而是噗如果有未讀一般都會是紅色以區隔 不過這完全沒有,這樣我就不知道到底哪些看過沒 我該加什麼語法進去嗎
你找看看有沒有 .response_count 相關的設定 把他們都刪了應該就會回復原狀 如果還不行的話,麻煩你的plurk留給我,不然我也只能瞎猜
想請問怎麼把河道上的訊息變成滑鼠移動過去才會出現的樣子 像這樣的:http://www.plurk.com/chainleast 這是咱的噗浪:http://www.plurk.com/rockmanx521 如您所見...咱想把其他的東西全部隱藏掉卻看不懂語法OTZ... 拜託您了謝謝QQ...
你要用到完全看不見 還是半透明就好 完全看不見會找不到噗喔
這是咱朋友給咱的語法((他自己也不知道哪邊是哪邊所以全部丟上來給咱... body, html { background: url(http://i.imgur.com/Gxywy.jpg); border:hidden; margin: 0;} #plurk-dashboard, #plurk_form ,#toggle_tab {opacity: 0.1; filter: alpha(opacity=50);} #plurk-dashboard { background: #70b5b5 url(); background-repeat: repeat; filter:alpha(opacity=80);opacity:0.8;zoom:1; } #timeline_holder {background:none; border:hidden;} div#plurk-dashboard { filter:alpha(opacity=0) !important; -moz-opacity:0!important; opacity: 0!important; zoom:1; } div#plurk-dashboard:hover { filter:alpha(opacity=80) !important; -moz-opacity:0.8!important; opacity: 0.8!important; zoom:1; } .day_bg .div_inner{background: none;border:hidden;} #plurk-dashboard{background:none; border:hidden;} #bottom_line {background:none; border:hidden;}
就是...滑鼠移過去才會顯示出來這樣...
*****
*****
請問:如何將 註冊日期: 2010-8-20 上次登入: 2011-12-11 這裡刪除??
謝謝喔
請問如何讓噗裡的字變成黑色?
請問要改「個人檔案標題」的文字顏色是看哪個語法
請問一下,噗浪兩側的箭頭能改嗎?