版權所有+保留所有權利_+_+_
© 2010-2015 Created by 如我協力創意工作室 Be Myself Inc.
**版權說明**
-- 我們提供與設計的噗版CSS內容僅供個人自用,請勿改製再分享或用於商業用途 --
((請勿將全部或部份內容直接取用當作自己的設計))
-- 除了個人噗版自用外(修改請註明原CSS碼出處),其它使用方式均未授權,還請務必注意,勿侵權喔~--

這篇會持續置頂並更新方便大家查找與使用相關文章 

 

 

**版權說明**

我們提供與設計的噗版CSS內容僅供個人自用,
歡迎個人噗友學習改成最適合自己的樣式(請註明原CSS出處),

請勿改製再分享或使用於商業性質等其他用途,
請勿將全部或部份內容直接取用當作自己的設計,
除了個人噗版自用外,其它使用方式均未授權,
還請務必注意,勿侵權喔~

 

『 1 』套用現有噗版然後試著換背景圖、改改看:

[ plurk css 基本 ] 換噗版背景、顏色及隱藏物件

[ 噗版大變身 ] 全頁面背景圖更換透明度的使用

[ 噗版大變身 ] 透明度的進階使用隱藏版語法設定

[ 噗版大變身 ] 整體佈景、頁首頁尾的字型與顏色

[ 噗版大變身 ] 把噗版變成圓角版

[ 噗版大變身 ] 建立好用的資源庫與工具=變身基礎功常練勤更新

 

『 2 』在改作噗版後,想要嘗試自己打造一個噗版,設計一二三:

[ 噗版大變身 ] 從簡單的基礎開始設計一二三START

[ 噗版大變身 ] 文字的基本設定

[ 噗版大變身 ] 浪上的噗讓它好讀

 

『 3 』熟悉版面佈置,文字設定和易讀性的調整後,進階參考:

[ plurk css ] 調整畫面佈景與主控台高度

[ plurk css ] 時間軸佈景的新布局

[ plurk css ] 功能視窗的小變化 

[ plurk css ] 加入朋友粉絲、傳送私人訊息與黑名單按鈕 

[ plurk css ] 單則訊息連結頁 

[ plurk css ] 隱藏朋友粉絲區的圖示 

[ plurk css ] 主控台背景顯示的方式

[ plurk css ] 調整噗浪背景圖的大小

[ plurk css ] 語助詞

[ plurk css ] 小徽章

[ plurk css ] 更新~常用CSS清單

[ plurk css ] 表單與圖示 - 細節變化出設計感

[ plurk css ] 新發現的幾個語法

 

『 4 』彙總所有噗浪語法項目清單,從新到舊的版本:

[ plurk css ] 噗浪CSS架構對照表 

[ plurk css ] 十二段落的配搭變化_00_03 

[ plurk css ] 十二段落的配搭變化_04_06

[ plurk css ] 十二段落的配搭變化_07_08

[ plurk css ] 十二段落的配搭變化_09

[ plurk css ] 十二段落的配搭變化_10

[ plurk css ] 十二段落的配搭變化_11_12

PLURK CSS - SAMPLE GOOD

[ plurk+hold ] 噗浪佈景CSS集成-12222344536

噗浪CSS基本

[PLURKCSS] 噗浪CSS集成

 

『 5 』每當噗浪有新改變時,相關的CSS部份說明:

ico_new 2016噗浪新版因應更新

每日一照的修正 {plurk css+}

浪上噗換行與頭貼置內 {plurk css+++}

 噗浪背景語法修正

 [ plurk css] 影音留言顯示方式和快速回覆欄位

[ plurk css ] 影音圖片顯示的修正

 [ plurk css ] 圖片顯示的修正

[ plurk css ] 單則訊息頁的更正 

[plurk css] 隱藏噗浪時間軸的廣告欄位

[ plurk css ] 更換噗浪新的分享與表情按鈕圖示 

[ plurk css ] 自訂表情列、影音圖文分享連結 

[ plurk css ] 噗浪轉噗功能 

[ plurk css ] 花花綠綠的噗浪暱稱 

[ plurk css ] 新的表情符號選單 

[plurk new] 噗浪開始有廣告了...用CSS隱藏單則訊息廣告欄位

[ plurk css ] 單則噗頁面樣式改了~ 

噗浪有新的「首頁」了... 

[ plurk news ] Plurk Top 的出現 

[ plurk css ] 卡馬無上限 Karma100+後...

[ plurk new ] 噗浪更新通知的「快捷鍵」提示和「中文化」行動

噗浪的「紅背景」習慣...

[ plurk new ] 嚇死人的新通知音效 - 關閉音效通知按鈕

[ plurk new ] 新的分享工具列

「每日照片」和新通知背景 

隱藏噗浪樂透按鈕 hide Plurk Lottery button

[噗浪CSS] 單一噗浪頁面、頁首上方小圖

[噗浪CSS] 回應區每則訊息的時間標示

[噗浪CSS] 新的音樂播放器!CSS修改攻略

[噗浪CSS] 讓噗浪生物消失吧!

 

『 6 』特別發表的噗版,和噗浪生活隨記:

ico_new [plurkcss] 主控台置左版型的嘗試

ico_new2016噗版CSS基本款

[ plurk css ] 新年快樂~如我協力十十2012十 :D 

[ plurk css ] 2013+ WHITEHOUSE

[ plurk css ] 2013_基本款背景型的應用 

[ plurk css ] 2013_基本款背景型 (可自由運用換背景) 

[ plurk theme ] 新春喜氣金年好 —斜角與菱形的CSS應用

[ 基本款 ] 

HAPPY TWO YEAR

聖誕與新年的祝福

BeMyselfinc.TW

[ plurk layout css ] 耶誕123

[ plurk life ] 噗浪部落格外掛自訂的方式

[ plurk world ] Plurk your life 噗浪生物大遊行面板

拉拉熊的下午茶~換到嚕~ 

夏天來啦~ 

三月三 - 輕暖和風

新年要來了嗎? 

2010 耶誕節 跨年夜

[噗浪CSS] 噗浪版型設計開放預訂中!

噗浪連結你我的心生活 PLURK LIFE

 

 

創作者介紹
M6

金羽銀華

M6 發表在 痞客邦 PIXNET 留言(173) 人氣()


留言列表 (173)

發表留言
  • 悄悄話
  • sarah
  • 不好意思我想請問一下,
    我的河道時間每隔十分鐘就會有一條線
    要怎麼讓她消失啊~~
  • 應該是選到預設的一款時間軸佈景,請選另外的試試看

    M6 於 2011/01/13 18:22 回覆

  • a
  • 請問一則噗下的回覆,該噗噗主回覆會有底色要怎麼設定?
  • /*原噗者的回應*/
    .list .highlight_owner .td_cnt
    {
    background-color:#eee; /*回覆內容背景色*/
    }

    M6 於 2011/02/23 20:33 回覆

  • Odota
  • 你好!
    我想請問要怎麼讓關於自己的連結是設定成中文字的?
  • 就像在噗浪上面分享連結一樣,在網址後面()放入中文字就可以了。
    舉例:
    噗浪版型下載

    M6 於 2011/03/01 10:33 回覆

  • 流夜
  • 您好,請問如果要讓PLURK的背景,距離頂端往下一點點要怎麼弄呢><?
    試了很多語法都不行Orz

    http://www.plurk.com/jsx97650
    希望讓左上角的那張燈的圖片,可以在首頁那欄下方出現,這樣就不會遮到首頁那欄了Orz

    麻煩您了TAT
  • 在body, html {} 加入這行試試看:
    background-position:0% 2%; /*x軸% y軸%的地方固定*/

    M6 於 2011/03/15 11:00 回覆

  • 流夜
  • 您好,已經解決版面圖的問題了,謝謝您>///<!!
    另外還有關於單一噗頁面的問題TAT!
    http://www.plurk.com/p/b5nz6o
    不知道要如何讓下面每則回應的黑框縮小到適中Orz
    不要遮到大頭圖Orz

    再次麻煩您了QAQ!

  • .message { }

    width:88%;
    試試看
    也可以視情況調整數值
    或是用固定寬度 px來試

    M6 於 2011/03/16 20:53 回覆

  • 貢丸貓
  • 您好,我想請問如何把噗浪自我介紹的圖片放大...
    就是游標到圖片上面會自己放大的那種...
  • /*個人圖像*/
    #profile_pic {width:120px;}
    #profile_pic:hover {width:auto;}

    M6 於 2011/03/17 15:53 回覆

  • 流夜
  • 您好,不好意思又來打擾了orz
    已經貼上了,也試著調整過數值..
    不過都是對話框的尾部改變Orz
    還是會遮到大頭圖TVT
  • 那再加上 padding-left:12px; 或是 margin-left:12px; 試試?
    拉開間距,視情況調整數值

    M6 於 2011/03/18 22:42 回覆

  • 流夜
  • 您好orz
    還是沒有辦法把框框從圖像上移開Orz...
    調整數值後也沒辦法Orz....
  • 用 margin-left:44px !important;

    M6 於 2011/03/19 22:17 回覆

  • vul3njo42000
  • 您好
    我學著更換背景、Loading圖及微笑表情,發生了幾個小問題
    我更換的微笑表情(50*50)比原來的大很多,就發生與左邊噗輸入框重疊的情況(見圖一),請問該如何調整?
    圖一>http://i.imgur.com/OCn7g.jpg

    回覆噗旁的微笑表情也無法顯示全圖(見圖二),如何使圖片變完整?
    圖二>http://i.imgur.com/xwOwC.jpg

    麻煩替我解答疑惑,謝謝!
  • 調整該區塊的間距,或是試著放入圖片寬高設定試試看?
    .smily_holder
    {
    padding-right:30px;
    width:50px !important;
    height:50px !important;
    }

    M6 於 2011/04/02 22:21 回覆

  • vul3njo42000
  • 您好
    更改了padding-right與圖片高度後問題都解決了!
    十分謝謝你!=D
  • ^ W ^

    M6 於 2011/04/04 13:55 回覆

  • 訪客
  • 您好

    我想請教一下,該如何更改CSS才可以分辯原噗主在噗中的回覆以及好友的分別?
  • 改變原噗者的暱稱顏色或背景底色。語法:
    /*----------------------------------------------------------原噗者的回應*/

    .list .highlight_owner .td_qual a /*暱稱*/
    {
    color:# !important;
    text-decoration:none;
    }
    .list .highlight_owner .plurk_cnt /*底色*/
    {
    background:# !important;
    }

    填入想要使用的顏色色碼(如#555灰色) 即可

    M6 於 2011/05/09 14:24 回覆

  • 咪米密
  • 不好意思可以請問一下嗎
    自從我把原本的版型頁首頁尾的字體改大以後 我頁首右邊的字全部都往下移了一點 變成和頁首左邊不對偁 導致超連結很難點 所以我又把字改回原本的大小 但是還是一樣點不到超連結耶
    就像圖那樣 兩邊不一樣高
    http://i1093.photobucket.com/albums/i428/Kena_Shen/bac.png
    請問是哪裡出問題了呢
    謝謝
  • 噗浪預設中頁首左邊與右邊就有不一樣高的情況,
    但應該不會點不到超連結,檢查看看頁首的行距或是邊界設定看看?

    M6 於 2011/06/01 11:16 回覆

  • 路人
  • 您好,我最近在學CSS,可是不知道哪裡弄錯了,個人頁面連結的字都變成白色了看不到(列出所有朋友、粉絲那些),可以請您幫我看看嗎?

    /*畫面佈景--------------------------------------*/
    body, html {
    background:#fff url(http://dear.my-life01.net/images/musicart201.jpg) no-repeat;
    }
    body{cursor:crosshair;}
    a:hover{cursor:crosshair;}
    /*頁首登入列背景*/
    #top_login {
    background:#FFFFFF !important;
    margin:0;
    padding-right:10px;
    height:21px;
    filter:alpha(opacity=80);
    -khtml-opacity:0.8;
    -moz-opacity:0.8;
    opacity:0.8;
    }

    /*語言字型*/
    body.language-large-font {
    font-size:12px;
    font-weight: regular;
    text-transform:normal;
    }

    /*標題*/
    #page_title {color:#668BB2; font-size:13px;}

    /*編輯文字*/
    #top_bar .content a#edit_link {font-size:12px;background:none!important; }
    #top_bar .content a:hover#edit_link {background:none!important; }

    /*通知數字*/
    #alert_beacon {color:#000;font-size:12px;margin:0 2px;}

    /*時間軸主題--------------------------------------*/
    #timeline_holder {
    background:none;
    border:0;
    }

    /*換日線背景*/
    #timeline_bg .day_bg .div_inner {
    width:21px;
    height:10px;
    background:none !important;
    border:0;
    filter:alpha(opacity=40);
    -khtml-opacity:0.4;
    -moz-opacity:0.4;
    opacity:0.4;
    color: 666666;
    }

    /*日期文字*/
    .day_start .bottom_start, .day_start .div_start {
    color: #cccccc !important;font-size:12px; margin-top:-10px;
    }

    /*時間分隔線*/
    #bottom_line {
    background:none;
    border:0;
    filter:alpha(opacity=80);
    -khtml-opacity:0.8;
    -moz-opacity:0.8;
    opacity:0.8;
    height:23px;
    }

    /*線上時間文字*/
    .bottom_start, .bottom_end {
    color:#96c7d6;
    font-size:12px;
    }

    /*每則噗對應時間顯示*/
    #time_show span {
    color: #fdfdfd;
    font-size:12px !important;
    }
    #time_show, .evening,.night,.day,.morning {
    background:none !important;
    border:0!important;
    filter:alpha(opacity=80);
    -khtml-opacity:0.8;
    -moz-opacity:0.8;
    opacity:0.8;
    }

    /*時間軸往前往後圖示*/
    .cmp_arrow_right {
    background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/fa/a1_right.png);
    filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;
    width:32px;height:32px;
    }
    .cmp_arrow_left {
    background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/fa/a1_left.png);
    filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;
    width:32px;height:32px;
    }
    .cmp_back_to_today {
    background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/fa/rewind.png);
    filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;
    width:32px;height:32px;
    }

    /*這條時間軸是空白的_檢視所有的噗*/
    #empty_timeline_bg {color:#ccc;text-transform: normal;}
    #empty_timeline_fg {color:#555;}
    #empty_timeline_fg a {color:#CCC;}
    #empty_timeline_fg a:hover {color:#999;text-transform: normal;}

    /*所有的plurk標籤--------------------------------------*/
    #filter_tab a.off_tab {
    color: #333;
    border:0 !important;/*寬度0*/
    text-decoration: none;/*文字底線,取消*/
    background: #ffffff;/*背景透明*/
    filter:alpha(opacity=65);
    -khtml-opacity:0.65;
    -moz-opacity:0.65;
    opacity:0.65;
    }/*所有連結標籤外觀 */

    #filter_tab a.off_tab:hover {
    color: #000000;/*字色黑*/
    border:0 !important;/*寬度0*/
    text-decoration: none;/*文字底線,取消*/
    background: #ffffff;/*背景透明*/
    filter:alpha(opacity=65);
    -khtml-opacity:0.65;
    -moz-opacity:0.65;
    opacity:0.65;
    }/*滑鼠移過標籤*/

    #filter_tab a.filter_selected {
    border:0 !important;/*寬度0*/
    color:#000000;/*字體顏色,黑*/
    letter-spacing: 0px;/*文字間隔*/
    background: transparent;
    text-decoration: none;/*文字底線,取消*/
    }/*選中的按鈕標籤*/
    #filter_tab a.filter_selected:hover {}/*已經選中的標籤按鈕標籤,滑鼠劃過*/

    /*更新通知與音樂播放器*/
    #updater, #music_player {
    background:#FFFFFF !important;
    border:0!important;
    color: #999 !important;
    filter:alpha(opacity=65);
    -khtml-opacity:0.65;
    -moz-opacity:0.65;
    opacity:0.65;
    }
    #updater .text, #music_player {color:#555 !important;}

    /*更新通知音效按鈕*/
    .cmp_sound_off {
    background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/icon/9.png) 0 -243px no-repeat;
    width:16px;font-size:1px;height:16px;
    }
    .cmp_sound_on {
    background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/icon/9.png) 0 -259px no-repeat;
    width:16px;font-size:1px;height:16px;
    }

    /*主控台----發噗區--------------------------------------*/
    #pane_daily_photo,
    #pane_search,
    #pane_plurk {
    background:#ffffff !important;
    border:0 !important;
    filter:alpha(opacity=85);
    -khtml-opacity:0.85;
    -moz-opacity:0.85;
    opacity:0.85;
    }

    /*選項標籤*/
    #toggle_tab li, #plurks_pane_li {
    background:none;
    font-size: 12px;
    color: #888;
    }
    #toggle_tab li.tt_selected {
    background:#fdfdfd !important;
    border:0 !important;
    filter:alpha(opacity=85);
    -khtml-opacity:0.85;
    -moz-opacity:0.85;
    opacity:0.85;
    }

    /*噗文輸入框*/
    textarea#input_big.content,
    textarea#input_big,
    textarea#input_permalink {
    font-size: 12px;
    color: #222;
    height: 100px;
    wrap: soft;
    padding: 10px;
    border:1px solid #999;
    filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;
    }

    /*換發噗大按鈕*/
    .cmp_plurk {
    background:transparent url('http://i614.photobucket.com/albums/tt230/m66660000/plurk/bl.png') no-repeat scroll top left;
    height:66px;
    width:81px;
    }

    /*搜尋面板按鈕*/
    input.orange-but {
    background:#75acc0 !important;
    border:1px solid #75acc0 !important;
    color:#FFF !important;
    text-shadow:0px 0px 0px #ccc!important;
    -moz-box-shadow:0 0px 0 #000;
    -webkit-box-shadow:0 0px 0 #000;
    box-shadow:0 0px 0 #000;
    cursor:pointer;
    font-size:12px;
    padding:2px 4px;
    vertical-align:middle;
    width:auto;
    }

    /*搜尋面板文字輸入區*/
    input#current_query {
    background:#fff !important;
    border:1px solid #999;
    width:100%;
    font-size:12px;
    color: #222 !important;
    height: 30px;
    padding: 5px;
    }

    /*私密語系選項*/
    #more_options_holder table tbody tr td {width: 33%;}
    #more_options_link {
    background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
    border:0 !important;
    color: #999 !important;
    }
    #more_options, #more_options .on, #more_options_holder, #more_options_link {
    background:none !important;
    color: #666 !important;
    }

    /*尚餘字數*/
    .char_updater {color:#999 !important;}
    .char_highlight {color:#999 !important;}

    /*使用者名稱*/
    #main_poster .qual_holder {color: #444444;
    font-size: 12px; }

    /*語助詞*/
    .q_says,.q_is {background:#75acc0;color:#ffffff;border:0 !important;}
    .qualifier, .m_qualifier, .r_qualifier {
    -khtml-border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    }

    /*主控台--控制面板------------------------------------*/
    #dashboard_holder {margin-bottom:0px !important;}
    div#plurk-dashboard {
    background:#fdfdfd !important;
    border:0 !important;
    color:#000000 !important;
    filter:alpha(opacity=85) !important;
    -khtml-opacity:0.85 !important;
    -moz-opacity:0.85 !important;
    opacity:0.85 !important;
    line-height:160%;
    }
    #dash-stats, #dash-fans, #dash-friends {text-align: center;font-size:12px !important; }
    #dash-stats h2, #dash-fans h2, #dash-friends h2 {color:#444444 !important;}

    /*卡馬*/
    #karma {color:#406a83;font-size:27px; }
    .karma_hover {color: #777;font-size:21px; }
    .karma_arrow {filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0;}
    .cmp_karma_up,.cmp_karma_down {
    background:transparent url(/static/icons/icons_png.png) 0 -28px no-repeat;
    width:0px;
    height:0px;
    margin-top: 0px;
    }
    .link_arrow {
    height:0 !important;
    font-size:0 !important;
    position:absolute;
    opacity:0 !important;
    filter:alpha(opacity=0) !important;
    zoom=1;
    }

    /*小徽章*/
    .award_bar,
    .award_bar div,
    .award_bar img {
    filter:alpha(opacity=80) !important;
    -moz-opacity:0.8 !important;
    opacity: 0.8 !important;
    }
    .award_bar:hover,
    .award_bar div:hover,
    .award_bar img:hover {
    filter:alpha(opacity=100) !important;
    -moz-opacity:1 !important;
    opacity:1 !important;
    }

    /*朋友搜尋*/
    #dash-friends p, #dash-friends form {
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity: 0 !important;
    height:0px!important;
    }

    /*入門說明*/
    div #tw_help {
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity: 0 !important;
    height:0px!important;
    }

    /*邀請朋友*/
    div a#dashboard-invite {
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity: 0 !important;
    height:0px!important;
    }

    /*分享連結*/
    div #sharePlurk {
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity: 0 !important;
    height:0px!important;
    }

    /*社交小圖示*/
    .dash-icon {
    filter:alpha(opacity=70) !important;
    -moz-opacity:0.7 !important;
    opacity: 0.7 !important;
    }

    /***********主題----其他--------------------------------------***********/

    /*浪上噗友小視窗*/
    .AmiMenu.info_menu,
    .AmiMenu.info_menu td.on,
    .AmiMenu.info_menu .user_info.on,
    .AmiMenu.info_menu .separator {
    background:#000000 !important;
    border:0 !important;
    }
    .AmiMenu.info_menu .block {
    background:#fff !important;
    border:0!important;
    }
    .cmp_tooltips-down {background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/greyblue_down.png)}
    .cmp_tooltips-up {background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/greyblue_up.png)}

    /*說明小視窗*/
    .tooltip_cnt {
    filter:alpha(opacity=85) !important;
    -moz-opacity:0.85 !important;
    opacity: 0.85 !important;
    }
    .tooltip_cnt img {border:0 !important;}
    .AmiTT_main {background:none !important; border:0 !important;}

    /*功能視窗*/
    .GB_Window {border:1px solid #ccc !important;}
    .GB_window .content {border:0px solid #eee!important;border-top:none!important;}
    .GB_Window .header {
    background:none !important;
    border:0px solid #ccc !important;
    color:#ccc;
    border-bottom:none!important;
    }
    .GB_Window .header td.caption {font-size:12px;color:#fff;background:#9cc5db !important;}
    .GB_Window .close {background:#9cc5db !important;}

    /*註冊使用BAR*/
    #validate_email,#sign_up_small,#registerToday,.plurk_box .login_to_see a,.red_link,.plurk_box .login_to_see {background:#eee !important;color:#000 !important;border:0;}
    #top_login a#sign_up{background:none !important;color:#9cc5db !important;border:0;}

    /*表情符號圖示*/
    #emoticon_selecter {width:408px;}
    #emoticon_selecter img {border:0 !important;}
    #emoticon_selecter a:hover img {border:1px solid #ccc !important;}
    #emoticons_tabs ul li a,
    #emoticons_tabs ul li {
    margin-left:0px;
    border:0!important;
    background:#ccc !important;
    color: #707070 !important;
    font-weight: regular;
    text-transform:normal;
    padding:2px 5px;
    font-size:12px;
    }

    /*loading圖--------------------------------------*/
    .cmp_loading {width:0px;height:0px;}
    #div_loading .cnt {
    background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/loadinfo.gif) no-repeat scroll center !important;
    margin-top:140px;
    }
    .loading img {width:0px;height:0px;}
    .loading {
    background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/loadinfo_s.gif) no-repeat scroll center top !important;
    margin-top:30px;
    }

    /***********朋友粉絲與發送私密噗按鈕**************/
    .friend_man.add_follow,
    .friend_man.remove,
    .friend_man.add_friend,
    .friend_man.pending,
    .friend_man.block,
    .friend_man.private_plurk {
    background:#999 !important;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    color: #000000 !important;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

    /*河道上的噗------------------------------------------------------------*/
    .plurk_cnt {
    font-size:12px!important;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:2px;
    border-color: #fff;
    line-height:17px;
    letter-spacing:0.06em;
    white-space:normal !important;
    filter:alpha(opacity=99) !important;
    -khtml-opacity:0.99 !important;
    -moz-opacity:0.99 !important;
    opacity:0.99 !important;
    }

    /*噗文字*/
    .td_cnt .text_holder,
    #timeline_holder table td,
    #timeline_holder .plurk_cnt {
    color:#000000 !important;
    letter-spacing:0.06em;
    filter:alpha(opacity=99) !important;
    -khtml-opacity:0.99 !important;
    -moz-opacity:0.99 !important;
    opacity:0.99 !important;
    }

    /*回應列表:寬度*/
    .list table {
    width:98% !important;
    }

    /*回應列表整體*/
    #timeline_holder .plurk_cnt,
    .plurk_cnt,
    .plurk_box .caption,
    .plurk_box .list,
    .list .plurk_cnt,
    .list .plurk_cnt tr,
    .plurk_box .mini_form,
    .info_box,
    td.td_cnt texture,
    textarea#input_small {
    background:#ffffff !important;
    color:#333 !important;
    }

    /*回應列表標題*/
    .plurk_box .caption {
    background:#ffffff !important;
    color:#000 !important;
    font-size:12px;
    }

    /*回應列表展開*/
    .plurk_box .list {
    font-size:12px;
    letter-spacing:0.06em;
    height:300px;
    }
    .list .plurk_cnt {line-height:160%;}
    .list .plurk_cnt tr {border-bottom:1px solid #ccc;line-height:160%;}

    /*回應列表框線*/
    #timeline_holder .plurk_cnt, .plurk_box .caption,.plurk_box .list,.plurk_box .mini_form {
    border-color:#ccc;}
    .info_box {border-color:#ccc;}

    /*原噗者的回應*/
    .list .highlight_owner .td_cnt {background-color:#ffffff; }
    .list .highlight_owner .td_cnt .text_holder {color: #000000 !important;}

    /*沒有回應的噗打開後*/
    .list .empty {
    color: #999 !important;
    }

    /*噗打開後下方輸入區--------------------------------------*/
    td.td_cnt textarea,
    textarea#input_small {
    color: #555 !important;
    font-size:12px!important;
    height:70px;
    }
    .mini_form .qual_holder {color:#666 !important;}

    /*回應數*/
    .td_response_count { padding-top: 1.9px; }
    .response_count {
    color:#547CA6 !important;
    padding:3px;
    background:#FFFFFF;
    border-color:#ccc;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    .new .response_count {
    background:#;
    color:#333 !important;
    padding:3px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color:#ccc;
    }
    .dots .inner {
    background:#ffffff;
    border-color:#54A5A6;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    /*浪上的噗友圖*/
    .p_img {
    padding-top:1px;
    }

    /*刪除編輯消音取消*/
    .manager {text-align:right; color:#7c7c7c!important;}
    .manager .action {color:#333 !important; margin-left:5px;}
    .manager a,
    .manager .action,
    .manager .cancel,
    .manager .delete {
    font-size:10px !important;
    text-decoration:none !important;
    }
    .manager a:hover,
    .manager .action:hover,
    .manager .cancel:hover,
    .manager .delete:hover {
    color:#999 !important;
    text-decoration:none !important;
    }
    .manager .cancel {color:#999!important;margin-right:5px;}
    .manager .delete {color:#888!important; margin-right:5px;}
    .unmute {color:#ccc !important; margin-left:5px;}
    .mute {color:#ccc !important; margin-left:5px;}

    /*影音圖片*/
    .youtube img,.pictureservices img {border: none;}
    .youtube:hover img,.pictureservices:hover img {border:1px solid #ccc;}
    .video:hover img,.pictureservices:hover img {border:1px solid #ccc;}

    /*單一Plurk頁面--------------------------------------*/

    /*上一則_下一則訊息*/
    #prev_plurk, #next_plurk {
    -moz-border-radius: 5px ;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

    /*回應區內容*/
    .message {
    -moz-border-radius: 5px ;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

    /*輸入訊息區*/
    #reply #reply_box {
    background:none;
    border:0!important;
    }
    div#reply_box_holder .plurkaction {border:0 !important;}
    #reply_box_holder .qual_holder {
    color: #FFF !important;
    font-size: 12px;
    }
    #reply_box #input_big {font-size: 12px;}

    /*登入或註冊以回應*/
    div #not_logged_in h2 {color: #aaa !important;background:none !important;}
    div #not_logged_in h2 a {background:none !important;color: #000 !important;}
    div #not_logged_in h2 a:hover {color: #444 !important;}

    /*隱藏 玩Plurk樂透 按鈕*/
    #chat_button {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1;
    height:0 !important;
    width:0 !important;
    overflow:hidden;
    }
    .unread_generic /*未讀噗數目*/
    {
    background:none !important; /*拿掉紅背景吧*/
    color:#333 !important; /*預設是白色,淺底色背景請加這行換成深灰色*/
    }
    /* 隱藏浪道上的噗浪生物 */
    #dynamic_logo ,#logo img {filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; }
    img#creature{ filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; }

    /*朋友粉絲圖透明度變化***/
    .user_link img
    {
    filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
    }
    .user_link img:hover
    {
    filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
    }
    /*資料面板: 透明度變化*/
    div.dash-segment {
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity:0 !important;
    }
    div.dash-segment:hover {
    filter:alpha(opacity=100) !important;
    -moz-opacity:1 !important;
    opacity:1 !important;
    }

    .plurk a.ex_link {color:#66738c;text-decoration:normal;}
    .plurk a.ex_link:hover {color: #444;border-bottom: 0px;
    text-decoration:normal;}
    a:link { color: #66738c;text-transform: normal;}
    a:visited, a:active { color: #66738c;text-transform: normal;}
    a:hover { border:0;color: #444;text-transform: normal;}
    .new .response_count
    {
    background:#ffffff !important; /*換成綠底色*/
    color:#66B1B2 !important; /*文字改白色*/
    }

    top_login a {
    font-family: century gothic;/*字型*/
    border:0;/*欄寬*/
    font-weight: bold;/*字寬*/
    text-decoration: normal;/*字劃線,無,正常*/
    color: #000000;/*字體顏色,白*/
    } /*右上邊條,正常狀況*/

    #top_login a:hover {
    font-family: century gothic;/*字型*/
    border:0;/*欄寬*/
    font-weight: bold;/*字寬*/
    text-decoration: normal;/*字劃線,無,正常*/
    color: #333;/*字體顏色,白*/
    } /*右上邊條,滑鼠劃過的狀況*/
  • 在 a:link 那邊連結相關的字體顏色語法加上 "!important;" 試試看?
    a:link { color: #66738c !important; }

    M6 於 2011/06/01 23:20 回覆

  • あさい
  • 不好意思 我想請問一下
    我的有些噗點開後部分內容會被時間軸底部吃掉
    請問要加哪一段語法才能解決這個問題呢?
    謝謝:D
  • /*讓超過時間軸的噗內容出現*/
    #timeline_cnt {overflow: visible !important;}

    M6 於 2011/06/26 20:59 回覆

  • 白
  • 請問要怎麼移動私噗按鈕的位置@@?

    它現在跑到最左邊去 一個字一個字往下排了T^T
  • 它的項目名稱是 .friend_man.private_plurk
    找找看語法中是否有地方影響到或是需要修正的

    M6 於 2011/06/29 23:06 回覆

  • 白
  • 請問方便幫我看一下那裡不妥嗎?

    它還是怪怪的...

    .friend_man.private_plurk
    { background:transparent url(http://i.imgur.com/zYCNd.png) center top no-repeat !important;
    border:none !important;
    color: !important;
    margin-top: 0px !important;
    height:70px !important;
    width:70px !important; }

    圖片無法展開,位置也沒有在最上方
  • 要放背景圖的話,用背景區塊的設定項目:
    div#private_plurk
    {
    background:transparent url(http://i.imgur.com/zYCNd.png) center top no-repeat !important;
    border:none !important;
    height:70px !important;
    width:200px !important;
    }

    M6 於 2011/07/01 22:42 回覆

  • Ether
  • 請問 轉噗(http://images.plurk.com/05bf05a47ef78a53cead71e7300ad4bf.jpg) 這個語助詞該如何讓他正常顯示出來....

    我其他語助詞有用背景去除...但是這個新功能顯示出來卻是一片白色QAQ
  • 這好像是另外程式外掛的功能?
    由於不清楚它設定的位置,所以無法協助處理ㄛ

    M6 於 2011/07/01 22:37 回覆

  • 御櫻
  • 您好 我想請問一下
    滑鼠滑到噗上的時候下方才會出現的時間(EX:今日-07:00pm) 要怎麼把他往下移?
    參考卡馬警衛的樣式想把整個河道往下移就差那個動不了.......
    謝謝><!!!
  • 它的項目名稱是:div.response_time .holder

    移動整個河道應該會連同該部份一起下移才是,
    是否用錯了語法項目呢?

    M6 於 2011/07/03 20:28 回覆

  • 狸
  • 您好 我想請問一下
    我的版面改完之後
    不知道為什麼粉絲按鈕和私噗按鈕就不見了
    是哪裡不對呢><


    /*畫面背景*/
    html
    { background: url(http://) center top ;
    margin-top:-1px;
    overflow-x:hidden !important; }
    body
    { background:none !important;
    font-size: 12px; }

    /*頁首橫條背景色*/
    #top_login
    { background:#719e45 ;
    height: 22px;
    margin-top:0px;
    width:1007px; }

    /*抬頭*/
    #page_title
    { color:#f0f0f0; /*改字顏色*/
    font-size:22px; /*改字大小*/
    font-weight: bold;
    font-family:標楷體 ; /*字型設定*/
    letter-spacing:1.2px; /*字元間距*/
    left:400px!important; /*標題距離左邊位置*/ }

    /*通知*/
    #alert_beacon ,
    #top_login a , /*頁首右邊文字*/
    #login_link a , /*登入登出*/
    #top_bar .content a#edit_link , /*編輯文字*/
    #top_bar a , #top_bar a:hover /*頁首左邊文字*/
    { background: transparent; /*背景:透明*/
    border: none; /*框線去除*/
    text-decoration: normal;
    color: #f0f0f0 !important; }

    /*去除小圖*/
    #top_bar .item img
    { width:0 !important;
    margin:0 !important;
    filter:alpha(opacity=0); opacity:0; zoom:1; }

    /*頁尾文字*/
    #footer, #footer a
    { filter:alpha(opacity=00) ; -moz-opacity:0.00; opacity: 0.00; zoom:1;
    height:0 !important; width:0 !important; overflow:hidden; }



    /*時間軸*/
    #timeline_holder
    { background: transparent; /*背景:透明*/
    border: none !important; /*框線去除*/
    position:relative !important;
    margin-left:20px;
    margin-right:200px;
    height:430px !important; }
    #timeline_cnt,
    #timeline_bg,
    #timeline_fg
    { height:430px !important; }

    /*底軸*/
    #bottom_line
    { top:430px !important; }

    /*日軸*/
    .div_inner
    {height:430px !important; }

    /*日期標注*/
    #timeline_bg .day_bg .div_inner
    { height:0px !important; }

    /*每則時間*/
    #time_show
    { top:430px !important;
    height:20px !important;
    z-index:1113;
    background:#f0f0f0;
    border: none !important;
    padding: 2px 12px !important;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px; }
    #time_show span
    { color:#6eb379 !important;
    font-size:11px !important; }

    /*時間分隔線*/
    #bottom_line, .day_bg , .div_inner ,
    .day_start , .day_start , .div_start ,
    #timeline_bg , .bottom_start , .bottom_end
    { background:none !important; /*背景:透明*/
    color: #f0f0f0 ;
    filter:alpha(opacity=00) ; -moz-opacity:0.0; opacity: 0.0; zoom:1;
    border: none !important;
    font-size:0px; }
    #time_show
    { background: transparent;
    border: none; }

    /*隱藏噗浪生物*/
    #dynamic_logo ,#logo img
    {filter:alpha(opacity=0); opacity: 0;zoom:1;}
    img#creature
    {filter:alpha(opacity=0); opacity: 0;zoom:1;}

    /*更新通知*/
    #updater, #music_player
    { background:#93cc87 !important;
    border:none !important;
    color:#f0f0f0 !important;
    top:430px !important;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    padding:3px 12px; }

    /*隱藏中間的間隔線*/
    .cmp_poll_line
    { filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;
    width:0 !important;
    overflow:hidden; }
    #updater .text /*則數*/
    { color:#f0f0f0 !important; }
    #updater a, #music_player a /*更新 檢視*/
    { color:#f0f0f0 !important; }

    /*每一則訊息的透明度變化 */
    .plurk_cnt
    { filter:alpha(opacity=60) !important;opacity:0.60 !important; zoom:1; /*滑鼠移過去前*/ }
    .plurk_cnt:hover
    { filter:alpha(opacity=100) !important;opacity:1.00 !important; zoom:1; /*滑鼠移過去後*/ }

    /*浪上的噗-打開前*/
    .plurk_cnt
    { font-size:12px; /*字大小*/
    line-height:160%; /*行距*/
    letter-spacing:0.06em; /*字距*/
    padding:4px; /*表格間距*/
    border: none;
    filter:alpha(opacity=60) !important;opacity:0.60 !important; zoom:1; /*透明度*/
    -moz-border-radius: 15px; /*圓角*/
    -khtml-border-radius: 15;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px; }

    /* 每一則訊息: 打開後*/
    .plurk_box .plurk_cnt
    { font-size:12px; /*字大小*/
    line-height:160%; /*行距*/
    letter-spacing:0.06em; /*字距*/
    padding:4px; /*表格間距*/border: none;
    filter:alpha(opacity=100) !important;opacity:1.00 !important; zoom:1; /*透明度*/
    -moz-border-radius: 15px; /*圓角*/
    -khtml-border-radius: 15;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px; }

    /*讓超過時間軸的噗內容出現*/
    #timeline_cnt
    { overflow: visible !important; }

    /*回應列表標題*/
    .plurk_box .caption
    { background:#fff ;
    color: transparent;
    height:0 !important;
    border-width:2px ;
    border-color:#9e866e ;
    border-bottom-style:dashed ; }

    /*噗主*/
    .list .highlight_owner .td_qual a
    { color:#a870e0 ; }

    /*浪上的噗回應輸入區*/
    td.td_cnt textarea,
    textarea#input_small
    { min-height:70px; /*回應框加高*/
    -moz-border-radius: 15px; /*圓角*/
    -khtml-border-radius: 15;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px; }

    /*噗下方連結*/
    .info_box , .info_box a
    { background:#fff !important;
    color:#9e866e !important;
    border:none ;
    -moz-border-radius:0px 0px 15px 15px;
    -khtml-border-radius:0px 0px 15px 15px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px; }

    /*浪上的噗-噗友代表圖*/
    .td_img div
    { width:32px; /*距離噗的距離*/
    border: none;
    background:transparent ; }
    .p_img img
    { border-top: #7fbf7f 4px solid;
    border-left: #407f40 4px solid;
    border-bottom: #004000 4px solid;
    border-right: #f0f0f0 4px solid;
    -moz-border-radius: 30px; /*圓角*/
    -khtml-border-radius: 30;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    background:none;
    padding:4px;
    width:20px; }

    /*浪上的噗-回應數*/
    .td_response_count /*對齊*/
    {padding-top:7px; }
    .response_count
    { background: url(http://);
    border: 0px solid ;
    background-color: #dedede;
    filter:alpha(opacity=50) !important;opacity:0.50 !important;
    -moz-border-radius: 20px; /*圓角*/
    -khtml-border-radius: 20;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    color:#1a7337 !important;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-top: 3px;
    margin: 3px; }

    /*新回應*/
    .new .response_count
    { background: url(http://);
    background-color: #bfbfff;
    border: 0px solid ;
    filter:alpha(opacity=100) !important;opacity:1.00 !important;
    color:#f0f0f0 !important;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-top: 3px;
    margin: 3px; }

    /*浪上噗友小視窗*/
    .AmiMenu.info_menu,
    .AmiMenu.info_menu td.on,
    .AmiMenu.info_menu .user_info.on,
    .AmiMenu.info_menu .separator {
    background:#93cc87 !important;
    border:0 !important; }
    .AmiMenu.info_menu .block /*封鎖使用者*/
    { background:#007f00 !important;
    border:0!important; }

    /*新回應的底色 動態*/
    .plurk_box td .shade_1, td .shade_1 {background-color:#ffffff !important;}
    .plurk_box td .shade_2, td .shade_2 {background-color:#ffffff !important;}
    .plurk_box td .shade_3, td .shade_3 {background-color:#ffffff !important;}
    .plurk_box td .shade_4, td .shade_4 {background-color:#f7f7ff !important;}
    .plurk_box td .shade_5, td .shade_5 {background-color:#ededff !important;}
    .plurk_box td .shade_6, td .shade_6 {background-color:#e3e3ff !important;}

    /*時間軸往前往後圖示*/
    /*往右*/
    .cmp_arrow_right
    { background: url(http://) center center no-repeat ;
    filter: alpha(opacity=00); opacity: 0.0;
    width: 60px;height: 45px; /*圖片的寬與高*/
    margin-right:150px;
    -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;}
    div.cmp_arrow_right:hover /*滑鼠移至效果*/
    {filter: alpha(opacity=50); opacity: 0.5; zoom:1;}
    /*往左*/
    .cmp_arrow_left
    { background: url(http://) center center no-repeat ;
    filter: alpha(opacity=00); opacity: 0.0;
    width: 60px;height: 45px; /*圖片的寬與高*/
    margin-left:3px;
    -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;}
    div.cmp_arrow_left:hover /*滑鼠移至效果*/
    {filter: alpha(opacity=50); opacity: 0.5; zoom:1;}
    /*移至最前*/
    .cmp_back_to_today
    { background: url(http://) center center no-repeat ;
    filter: alpha(opacity=00); opacity: 0.0;
    width: 60px;height: 35px;
    margin-right:150px;
    -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; }
    div.cmp_back_to_today:hover /*滑鼠移至效果*/
    {filter: alpha(opacity=50); opacity: 0.5; zoom:1;}

    /*更換loading圖*/
    .cmp_loading {width:0px;height:0px;}
    #div_loading .cnt /*河道上*/
    { background: url(http://) no-repeat scroll center top !important;
    margin-top:140px;
    width:190px;height:70px; }
    .loading img {width:0px;height:0px;}
    .loading /*噗裡面*/
    { background: url(http://) no-repeat scroll center top !important;
    margin-top:30px;
    width:190px;height:70px; }

    /*隱藏已經消音的噗***/
    .muted
    { filter:alpha(opacity=10);opacity:0.10;
    zoom:1;}
    /*解除消音按鈕***/
    .unmute
    { color:#ff0000 !important; }

    /*噗上的連結*/
    .plurk a.ex_link, .text_holder a.ex_link
    { font-size:12px;
    color:#7373cc !important;
    text-decoration:none; }

    /*回應加底線*/
    .list .plurk_cnt
    {border-bottom:1px solid #ccc !important;}

    /*影音圖片框線*/
    .youtube:hover img,
    .pictureservices:hover img,
    .video:hover img,
    .pictureservices:hover img
    { border:0px solid #ccc; /*去除框線*/ }

    /*時間軸下方分類標籤*/
    #filter_tab a.off_tab /*未選*/
    { background: transparent;
    border: none !important;
    color:#6eb379 !important; }
    #filter_tab a.filter_selected /*正選*/
    { background:#f0f0f0;
    border: none !important;
    color:#6eb379 !important;
    height:20px;
    filter:alpha(opacity=100);opacity:1.0; /*透明度*/
    -khtml-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;}



    /* 發噗區背景 *//* 發噗區標題背景 */
    #pane_plurk ,#toggle_tab li
    { border: 0px solid #918e79;
    background:url(http://) right center repeat;
    color: #613408 !important; }

    textarea#input_big, textarea#input_permalink /*噗輸入區 */
    { filter:alpha(opacity=100) !important;opacity:1.00 !important;
    background: #f0f0f0; /*背景色*/
    border: 0px solid #ffffff; /*框線*/
    color: !important; /*輸入文字顏色*/ }

    /* 發噗按鈕透明 */
    img[src="http://static.plurk.com/button/plurk.png"]
    { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; !important }
    .submit_img /*替換按鈕圖片網址*/
    { background:transparent url(http://) center top no-repeat !important;
    filter:alpha(opacity=1); -moz-opacity:1.0; opacity:1.0; !important
    height: px;
    padding-left: px;
    width: px;
    overflow: hidden;
    margin-top: px; }

    /*表情選單*/
    #emoticons_show /*圖片背景*/, #emoticon_selecter /*選單背景*/
    { background:#fff ;
    border:none ;
    padding-left:5px ; padding-right:0px ; padding-top:0px ; padding-bottom:5px
    -moz-border-radius:20px; /*圓角*/
    -khtml-border-radius:20px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px; }
    #emoticons_tabs ul li.current a , #emoticons_tabs ul li.current , /*項目 正選*/
    #emoticons_tabs ul li , #emoticons_tabs ul li a
    {background:#f0f0f0 ;
    border:none ;
    color:#93cc87 !important; }

    /*私人選項*/
    /*打開前*/
    #more_options_link
    { background:transparent url(http://) left top no-repeat !important;
    padding-left:15px !important;
    border:0 !important;
    color:#613408 !important;
    font-size:12px !important; }
    #more_options td, #more_options .caption,#more_options_holder
    { background:none !important;
    border:0 !important;
    color:#613408 !important;
    font-size:12px !important;
    letter-spacing:;
    text-decoration:none !important;}
    /*打開後*/
    #more_options_holder
    { background:transparent !important;
    color:#613408 !important;
    border:0px solod #222 !important;
    height:110px !important; }

    /*表格寬度*/
    .list table { width:100% !important; }



    /*傳送私人訊息按鈕*/
    .friend_man.private_plurk
    { background:#93cc87 !important; /*背景色*/
    border:0px solid #FFF !important; /*框線*/
    color:# !important; /*文字顏色*/ }

    /*隱藏加入朋友按鈕*/
    .friend_man.add_friend
    { filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity:0 !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:0px !important;
    text-indent:-9999px;
    overflow:hidden;
    zoom:1; }

    /*追蹤粉絲按鈕*/
    .friend_man.add_follow
    { filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity:0 !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:0px !important;
    text-indent:-9999px;
    overflow:hidden;
    zoom:1; }

    /*取消朋友按鈕*/
    .friend_man.remove
    { background:#93cc87 !important; /*背景色*/
    border:0px solid #FFF !important; /*框線*/
    color:# !important; /*文字顏色*/ }

    /*取消追蹤按鈕*/
    .friend_man.pending
    { background:#f2f2f2 !important; /*背景色*/
    border:0px solid # !important; /*框線*/
    color:# !important; /*文字顏色*/ }

    /*整體按鈕設定*/
    a.friend_man
    { -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; }

    /*隱藏 朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示***/
    #dash-friends p, #dash-friends form,
    #dash-fans h2, #dash-friends h2,#dash-stats h2, /*標題*/
    div#dash-friends-pics,div #tw_help,div a#dashboard-invite,
    div #sharePlurk, .dash-icon
    { filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity:0 !important;
    height:0 !important;width:0 !important;
    overflow:hidden;zoom:1; }

    /*完全隱藏小徽章*/
    .award_bar, /*徽章區*/
    a.link_arrow, /*如何獲得徽章*/
    .award_bar_mini .award_bar, /*個人小視窗徽章區*/
    .award_bar_mini .award_bar div,
    .award_bar_mini.on
    { filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity:0 !important;
    height:0 !important;width:0 !important;
    font-size:0 !important;
    overflow:hidden;zoom:1; }



    /*-----主控台版面排列-----*/
    #dashboard_holder
    { text-align:left !important;
    width:100%;}

    /*控制台*/
    div#plurk-dashboard
    { background:url(http://) center top repeat;
    border:none ;
    width:190px !important; height:430px !important;
    overflow:hidden !important;
    position:absolute !important;
    z-index:901;
    top:-450px; right:0px;
    font-size:12px !important;
    line-height:1.3;
    -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; }

    /*控制台直橫向*/
    .dash-segment
    { width:200px;
    min-height:10px !important;
    height:auto !important; }

    #dash-stats
    { max-height:50px !important;
    overflow:hidden !important; }
    #dash-friends
    { max-height:0px !important;
    overflow:hidden !important; }

    .segment-content
    { padding-top:0px !important;
    padding-bottom:0px !important; }

    #profile_pic /*個人圖像*/
    { text-align: right;
    filter:alpha(opacity=00) !important;opacity:0.00 !important; zoom:0; !important;
    width:130px ;border:0px solid # !important; }

    /*個人基本資料*/
    #dash-profile
    { height:0 !important;
    width:0 !important;
    overflow:hidden; }

    /*關於我自己描述*/
    #dash-additional-info
    { background:url(http://) right center no-repeat;
    border:none;
    margin:10px;
    -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; }

    #karma
    { color:#f0f0f0; /*改字顏色*/
    font-size: 20px; /*改字大小*/ }
    .karma_hover
    { filter:alpha(opacity=0)!important; opacity:0.00!important;zoom:1;
    color:#f0f0f0; /*改字顏色*/
    font-size: 10px; /*改字大小*/
    margin-left:35px; }

    .link_arrow, .cmp_points-arrow /*隱藏卡馬箭頭*/
    { height:0 !important;
    font-size:0 !important;
    position:absolute;
    filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
    .cmp_karma_up,
    .cmp_karma_down
    {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
    a.link_arrow,
    a.link_arrow link_badges
    {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}

    #dash-stats .award_bar img
    { -moz-transform: scale(0.5);
    -khtml-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5); }

    #dash-stats .award_bar div
    { width:20px !important; }

    #private_plurk,
    #friend_managment,
    #fan_managment
    { margin-top:12px !important; /*各區塊上方間距*/
    height:0px !important; /*各區塊下方間距*/ }

    a.friend_man
    { border:0 !important;
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/star.png) left center no-repeat !important;
    padding-left:19px !important;
    color:#fff !important;
    font-size:11px !important; }
    a.friend_man:hover
    { color:#111 !important; }



    /*功能視窗樣式*/
    .GB_Window .header td.caption, /*標題列*/
    .GB_Window .close
    { color:#054a11; /*字顏色*/
    background:#70c98e !important; /*背景色*/ }
    .GB_Window .header /*內框線-標題*/
    { border:1px solid #70c98e !important;}
    .GB_Window .content /*內框線-下*/
    { border-color:#70c98e !important; }

    /*說明小視窗*/
    .tooltip_cnt
    { background:#93cc87 !important; /*背景色*/
    border:0px solid #FFF !important; /*框線*/
    color:# !important; /*文字顏色*/ }

    /*小視窗背景箭頭圖片*/
    .AmiTT_main
    { background:none; }



    /*單則噗-暱稱*/
    .user-nick, .user-nick:hover
    { color:#AB6DE7 !important; }

    /*內容區*/
    div.contentwrapper h1.content
    { -moz-border-radius:6px 6px 0px 0px; /*圓角*/
    -khtml-border-radius:6px 6px 0px 0px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px; }

    /*時間區*/
    div.time
    { filter:alpha(opacity=50) !important;-moz-opacity:0.5!important;opacity: 0.5!important;
    -moz-border-radius:0px 0px 6px 6px; /*圓角*/
    -khtml-border-radius:0px 0px 6px 6px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px; }

    /*噗主代表圖隱藏箭頭*/
    img.bubble_edge
    {filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;}
    div.user img /*圖片*/
    { padding:0px;
    border:50px solid # !important; }

    /*上一則/下一則*/
    #prev_plurk, #next_plurk,
    #prev_plurk:hover, #next_plurk:hover
    { filter:alpha(opacity=50) !important;-moz-opacity:0.5!important;opacity: 0.5!important;
    color:#3d6dcc !important;
    border:1px solid # !important;
    -moz-border-radius:6px; /*圓角*/
    -khtml-border-radius:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px; }

    /*回應列表*/
    #plurk_responses h2 {color:#f0f0f0 ;font-size: 15px;} /*n則回應*/
    div #plurk_responses h2 a /*回應連結*/
    { color:#99afff !important; /*滑鼠移開*/
    font-size: 15px;
    background:#e3e3ff !important; } /*底色*/
    div #plurk_responses h2 a:hover {color:#3333cc !important;} /*滑鼠在上*/

    /*整區最外框*/
    #plurk_responses
    { background:none;
    border:0; /*拿掉框線*/}

    /*訊息內連結樣式*/
    #plurk_responses ul.responses .message a
    { color:#7f7fff !important; }

    /*回應區外框*/
    #plurk_responses ul.responses
    { filter:alpha(opacity=80) !important; opacity:0.8 !important; zoom:1;
    background:#f0f0f0 !important;
    border:0 !important;
    -moz-border-radius:15px 15px 15px 15px; /*圓角設定*/
    -khtml-border-radius:15px 15px 15px 15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px; }

    /*噗內文字設定*/
    ul.responses .message
    { color:# !important; }

    /*下方回應區*/
    #reply_box, #reply_box_holder
    { filter:alpha(opacity=90) !important;-moz-opacity:0.9!important;opacity: 0.9!important;
    background:#f0f0f0 !important;
    border:0 !important;
    -moz-border-radius:15px 15px 15px 15px; /*圓角設定*/
    -khtml-border-radius:15px 15px 15px 15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:15px; }

    /*使用者名稱*/
    #reply_box_holder .qual_holder
    {color:#3366cc !important;}

    謝謝:D
  • 語法中有重複的部份,a.friend_man 的整體按鈕設定那段須刪除,
    然後,朋友粉絲區的高度設定也有誤:
    #dash-stats
    { max-height:50px !important;
    overflow:hidden !important; }
    #dash-friends
    { max-height:0px !important;
    overflow:hidden !important; }

    max-height 是表示該區域顯示的最大高度,如果設 0 然後 overflow:hidden (超過高度的部份隱藏不顯示)
    就不會出現囉

    另外,主控台的位置設定沒有設好,所以整個區塊的排列出不來喔

    有許多需要調整的地方,請再檢查看看 ^ ^

    ps. 語法內容太長的話可以放到噗浪剪貼簿( http://paste.plurk.com )裡面,再把連結網址貼給我就好。

    M6 於 2011/07/06 19:22 回覆

  • 白白你狐說
  • 你好
    請問有沒有『讓「列出所有朋友」的連結字體變透明
    但朋友圖和連結都還在』的語法?
    謝謝你
  • 放入這段語法試試:
    .show_all_friends a
    {
    filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
    }

    M6 於 2011/07/13 18:19 回覆

  • 幌。
  • 不好意思想問一下語法( ´・ω・)
    我的噗是使用你的CSS,有改一些↓
    http://farm7.static.flickr.com/6122/5974447653_3e52fa61d5_b.jpg

    >>>>plurk への最近の返信/リンク
    改那條顏色的語法
    >>>>未讀回覆&已讀回覆去底色+改字色
    的語法,有找到可是怪怪的OAO...
    >>>>噗下面有淡藍色的陰影
    可以改顏色嗎OAO?

    麻煩了,謝謝你!!!!!
    你的文章都寫得很仔細( ´・ω・)!
  • 1. 回應列表標題:
    .plurk_box .caption
    {
    background:# !important; /*背景*/
    border-color:# !important; /*框線*/
    color:# !important; /*文字*/
    }

    2. 已讀未讀數字:
    .response_count
    {
    color:# !important;
    background:none !important;
    border:0 !important;
    }
    .new .response_count /*新回應*/
    {
    color:# !important;
    background:none !important;
    border:0 !important;
    }

    3. 噗的陰影:
    把 浪上的噗 該段中
    -moz-box-shadow:
    -webkit-box-shadow:
    box-shadow:
    此三行項目的語法刪除

    M6 於 2011/07/26 11:54 回覆

  • Aboit
  • 不好意思想提醒一下
    最近發現噗浪似乎有對語法進行調整
    某些既有的版面設計出來的的效果已經跑掉了
    就小弟目前觀察到的更改有兩項:
    1.河道上的噗更改背景顏色不再需要使用!important來強制顯示
    這點影響不大
    只是有些人已經在用的語法原本沒有設定!important的現在會跳出來
    2.河道上的噗既有的漸層語法設定無效 像是
    http://www.flickr.com/photos/m66660000/5404193177/

    http://www.flickr.com/photos/m66660000/5403465179/
    這兩個版面的河道上的噗變成一指上去就會直接跳成水平
    希望能夠指導大家如何調整回原本的效果 謝謝!
  • 我剛剛套用,還是有原本的效果,可能跟瀏覽器版本的css解讀方式有關?
    我目前用火狐5

    M6 於 2011/07/29 19:23 回覆

  • 路人
  • 您好,想請問一下要怎麼要讓主控台有浮起來的感覺呢?
    想要中間主控台是透明的,然後周邊的框有陰影的那種感覺0.0...
    謝謝:)
  • 語法:
    div#plurk-dashboard
    {
    background:none !important;
    border:0 !important;
    -moz-box-shadow:3px 0px 5px rgba(255,255,255,0.3);
    -webkit-box-shadow:3px 0px 5px rgba(255,255,255,0.3);
    box-shadow:3px 0px 5px (255,255,255,0.3);
    }

    試試看是不是你要的感覺?
    可以自行調整數值

    M6 於 2011/08/01 22:13 回覆

  • 小c
  • 1.請問黑字的部份(新回應) 要怎麼改成其他顏色?
    http://images.plurk.com/bc1602fe668f888e7c09e7eb1c22dd2a.jpg


    2.每則噗周圍的陰影語法我用了...我想改成游標碰到噗...陰影才會出來的語法要怎麼改呢???
    http://images.plurk.com/cbcf5ad85fce857bc70c794e68b5fe8b.jpg(PS.背景本為白 ...游標還沒碰到陰影就在了)

    請幫我解惑一下 謝謝你了!!
  • 1. #updater .text {color:#fff !important;} /*則數*/
    #fff是白色,可以自行更改其他色碼

    2. 把陰影的語法放到 div.link_extend .plurk_cnt {} /*滑鼠移過去延伸的噗*/ 的項目裡面

    M6 於 2011/08/02 21:03 回覆

  • 路人
  • -moz-box-shadow:3px 0px 5px rgba(255,255,255,0.3);
    -webkit-box-shadow:3px 0px 5px rgba(255,255,255,0.3);
    box-shadow:3px 0px 5px (255,255,255,0.3);

    想請問一下這一部分的rgba是什麼..?
  • rgb 是指 顏色代碼, 255,255,255 是白色
    a 是指透明度,0.3 是30%的透明度

    M6 於 2011/08/03 20:04 回覆

  • 急問
  • 請問有沒有將小標籤變成這種樣子的語法?
    http://imageshack.us/f/43/35159359.jpg/
  • .award_bar
    {
    width:200px !important;
    padding:0 !important;
    }
    .award_bar div /*緊密排排站*/
    {
    padding:0 !important;
    margin:0 !important;
    width:20px !important;
    height:20px !important;
    }

    M6 於 2011/08/04 12:45 回覆

  • 訪客
  • 請問有沒有把這個黃色的字改色的方法?
    http://i.imgur.com/EybZO.png
  • #dash-stats td
    {
    color:#444 !important;
    }

    #444 是深灰色 可以自行放其他色碼

    M6 於 2011/08/04 21:34 回覆

  • Mu
  • 大大你好:
    我想請問一下主控台的自我介紹字體顏色要如何換?
    對css不太熟所以看不太懂你的教程
    謝謝^^
  • /*文字*/
    p#about_me,
    p#relationship_container,
    #dash-profile,
    #full_name,
    #span_years,
    #m_or_f,
    #location
    {
    color:#666666 !important;
    }

    666666 是灰色的顏色代碼,要使用其他顏色可以參考這個網站:
    http://www.colorschemer.com/online.html

    M6 於 2011/08/09 23:28 回覆

  • Mu
  • 不好意思再多加一個
    最上面首頁.個人檔案&尋找朋友...
    那兩邊的字體顏色要如何改請一起告訴我
    謝謝
  • 請參考這一篇:
    http://m66660000.pixnet.net/blog/post/30937637

    M6 於 2011/08/09 23:27 回覆

  • 悄悄話
  • 倉倉
  • 請問如何改變河道的高寬及位置?
    河道不夠高訊息都擠在一起有點狹窄呢
    想請問一下css,謝謝
  • /*-----時間軸背景高度與位置調整-----*/

    #timeline_holder,
    #timeline_cnt,
    #timeline_bg,
    #timeline_fg
    {
    height: px !important; /*調整高度*/
    }

    #timeline_holder
    {
    position:relative !important; /*調整位置*/
    padding-left: px;
    padding-right: px;
    }

    請自行填入所需數值試試看

    M6 於 2011/08/24 12:00 回覆

  • 訪客
  • 請問有些設定是IE無法適用的,有變更讓所有瀏覽器都可以用的語法嗎?

    像是這個,chorme可以使用,IE無法使用。
    /* 暱稱區寬度固定為35%, 淡灰底色;超出寬度的部份會消失(hidden) */
    .list .td_qual { width:35% !important; border-right: 2px solid #dddddd; background: #dddddd; overflow: hidden; }
  • 嗯,火狐似乎也可以。 我沒用 ie 已經很久了,也沒在安裝 ie 了,所以語法通常以自己使用的火狐為準。 ie不支援許多語法啊,要一一修正寫法的話,要找慣用 ie 的使用者了~ 抱歉幫不上忙~ ^ ^

    M6 於 2011/08/27 08:54 回覆

  • JAN
  • 請問一下,要怎麼在個人介紹那裡做超連結呢?
    (就是只顯示文字不顯示網址)
  • 就像在噗浪上放連結一樣,
    連結網址 (文字連結)
    例: http://www.flickr.com/groups/plurkcss (噗浪版型下載+)

    M6 於 2011/08/28 22:30 回覆

  • 小花
  • 我是說噗裡要貼圖片的時候想要放大張的圖不要被縮圖 謝謝
  • 使用噗浪預設的上傳圖片功能,圖片都會自動被縮圖,這無法用css控制,如果希望能原圖大小,需使用能夠外連並不會縮圖的相簿(例如 http://imgur.com ),上傳到自己的相簿後,再將圖片連結網址貼到噗浪才行。

    M6 於 2011/09/11 00:49 回覆

  • 愛閃尼
  • 請問karma值的顏色要怎麼改
    我不想要他是亮綠色的好突兀TT
    謝謝!!!!!
  • #karma
    {
    color:#ddd !important;
    }

    #ddd是顏色代碼,可以選擇其他顏色,代碼可參考這個網站:http://www.colorschemer.com/online.html

    M6 於 2011/09/11 00:51 回覆

  • QAQ
  • 我之前有問問題不過我找不到回復了OAQ
    我之前問的是關於所有訊息我發表的訊息往下移的OAQ
  • 可以用上邊界的方式:
    #filter_tab
    {
    margin-top:35px !important;
    }

    或是固定位置的方式:
    #filter_tab
    {
    position:absolute;
    top:560px;
    z-index:1111;
    }

    M6 於 2011/09/12 00:34 回覆

  • 訪客
  • 都不行QQQ
  • 那可能是語法的其他部份有影響到,要看語法內容才知道了。
    需要的話,可以留你的噗浪網址(用悄悄話留言也可),我再幫你看看。

    M6 於 2011/09/12 19:13 回覆

  • 問
  • 請問如何使捲動時間軸的時候,讓每一個噗有跳動的感覺?
    有這種語法嗎?
  • 跳動?是希望呈現什麼樣的效果呢?
    是指淡入時間軸這樣嗎?
    試試看下面的語法:
    #timeline_holder div.plurk
    {
    -moz-transition:top 0.5s ease, -moz-transform 0.5s ease;
    -moz-transform-origin:0 0;
    -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform-origin:0 0;
    }

    M6 於 2011/09/12 22:26 回覆

  • 訪客
  • 我想問怎麼讓統計的標題消失掉QAQ
    他之前明明不會出現
    可是昨天突然變出來了...
    我的佈景:
    http://www.plurk.com/installDesign/8584192-d4e61da93a
  • 加上隱藏統計整區的這段語法,放在最後:
    #dash-stats
    {
    display : none ;
    height:0 !important;
    width:0 !important;
    overflow:hidden;_overflow:none;
    position:fixed;
    top:-9000px;
    filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
    }

    M6 於 2011/09/17 19:08 回覆

  • 悄悄話
  • 訪客
  • 想請問一下...
    傳送私人訊息有沒有連結的網址...

    就是我想在自介上打
    點我私噗(網址) ← 像這樣的
  • 應該是沒有,傳送私人訊息該行連結按鈕就已在自介區域了

    M6 於 2011/09/18 23:21 回覆

  • 訪客
  • 您好:))
    你做的樣式很漂亮
    我想問說噗浪有很多的圖都可以改
    可以請問您的相簿網址嗎:)? 不行也沒關係

    http://www.flickr.com/photos/m66660000/5904633804/in/pool-1124670@N20/
    對了! 關於這個樣式有新未讀的時候
    數字會變大變小
    可是在估歌瀏覽器卻沒有
    可以請問要如何才可以讓辜歌跟火狐的效果一樣嗎?
  • 相簿網址?
    是說小圖的嗎? 我們的小圖並不開放提供外連喔~ sorry~ : )

    數字變大變小應該是字型大小設定的關係,Google瀏覽器有預設大小,
    取消預設字型的語法:
    * {-webkit-text-size-adjust:none; }

    M6 於 2011/09/24 04:46 回覆

  • 雫
  • 整理得好清楚喔!!!
    因為噗浪的css跟我所熟知的css不太一樣(像是要加!important之類的)
    所以一直都沒有認真的編輯樣式(頂多換換背景而已)
    有了這些文章清楚多了,然後我的噗浪煥然一新!
    對噗浪的語法也更熟悉了!!!
    謝謝你!(感動TAT
  • : D

    M6 於 2011/09/25 19:06 回覆

  • 饅頭_*
  • 想請問一下
    發文的那個plurk鈕要如何修改顏色呢
    謝謝!
    =))
  • 那是用圖片作成的,所以要自行製作按鈕圖更換上去喔,
    css語法:
    /*按鈕*/
    .cmp_plurk
    {
    background:url(這邊放圖片網址) no-repeat scroll top left;
    }

    M6 於 2011/11/01 19:10 回覆

  • 饅頭_*
  • 那再請問一下
    圖片大小大概是要多大的呢?
    試了好幾種都看不到

    謝謝!!!!
    =)))
  • 標準尺寸是 81 x 38

    M6 於 2011/11/02 16:24 回覆

  • Kaokao
  • 不好意思想請問一下,
    頁首頁尾這裡左邊是像這樣的顯示方式:
    http://i.imgur.com/pM64U.jpg

    請問可以改成跟右邊這些欄位:
    http://i.imgur.com/7jAQg.jpg

    相同的顯示方式嗎?
    因為這樣版面看起來不太一致,
    有點不習慣…
    希望能夠是整排字橫的排列。

    麻煩您了,謝謝。
  • 把 /*---------------頁首選單*/ 中 /*調整位置*/ 那一整段刪除即可

    M6 於 2011/11/19 15:07 回覆

  • 漾藍
  • 請問,我加了

    /*讓超過時間軸的噗內容出現*/
    #timeline_cnt {overflow: visible !important;}

    這段語法,但下方的噗依然會被擋住(點開也一樣)

    http://i.imgur.com/lR37c.jpg
    http://i.imgur.com/aFZM3.png

    只有本來被擋到的噗會出現這種狀況,沒超過時間軸的噗就都很正常(點開也不會被切)
    可以幫我看看是哪裡出了問題嗎TAT? 謝謝~

    http://www.plurk.com/weibomi
    ↑這是我的噗浪
  • 此版型css中原本就有
    /*讓超過時間軸的噗內容出現*/
    #timeline_cnt,
    #timeline_bg,
    #timeline_fg {overflow: visible !important;}
    這整段了

    可以試著調整:

    /*-----所有訊息功能列位置調整-----*/

    #filter_tab
    {
    position:absolute;
    top:400px;
    right:20px;
    z-index:700;
    }

    將 z-index:700; 的數值改成 403 或 501 試試看?

    M6 於 2011/12/09 19:04 回覆

  • 漾藍
  • 改了還是一樣耶QQ
  • 訪客
  • 你好:)
    想請問一下 有些噗浪樣式裝了以後個人檔案那裏的完成度就會降到80%
    然後變得不能使用自定的表情符號
    這個有方法可以改嗎?
    謝謝:)
  • 目前還不清楚是哪些css內容會影響到,所以無從調整ㄛ~ sorry~

    M6 於 2011/12/14 13:04 回覆

  • Guest
  • 想請問一下,如何讓浪上的噗友圖,與它右方的噗保持一點間隔呢?比如1px
    我想讓噗友圖不會緊貼著噗,嘗試用上留白跟右留白的語法去改,可是一旦加邊框,邊框會留在原來位置,不會跟著移位……
    謝謝回答哦。
  • 試試看這個語法:
    .td_img { padding-right:1px !important; }

    M6 於 2011/12/23 13:53 回覆

  • 七日
  • 您好,現在正在使用您設計的南瓜羋版型,想讓發噗框左上角的search重新出現,請問要怎麼做呢?謝謝:)
  • 把 /*發噗區*/ 中 #toggle_tab...一段刪除試試?

    M6 於 2011/12/25 00:13 回覆

  • 七日
  • 可以了,謝謝:)
  • :D

    M6 於 2011/12/25 12:05 回覆

  • a93104fces
  • 問題有點多不好意思><"

    我套用的是http://www.plurk.com/installDesign/3306857-091a9ea4e2 這個

    想請問浪上的噗外框(包含頭貼),心情選項的外框,全部標為已讀的框框和全部訊息框框以及圖片未點開前
    如何改成http://www.plurk.com/installDesign/5807705-4110e1af7e 這種圓角? 想請問這種圓角的語法

    全部的訊息,幾則未讀跟噗的顯示時間底色可以改成透明的嗎><?

    如何加大發噗區的框框? 發噗區旁邊的名子要怎麼改顏色><?

    這個版型的主控台的"全名"&"自我介紹"&"karma"等要怎麼調整位置
    還有語言選項要怎麼調整位置?

    浪上的噗回應區底色怎麼改?

    新回應的數字怎樣有變大變小的效果?

    最後我看到有的標題會有類似陰影的效果語法又是如何?

    感謝<(_ _)>
  • 1. 斜邊圓角的語法: border-radius:1px 11px 1px 11px; 找到各個項目中的"border-radius:" 這行,改成 1px 11px 1px 11px; 數值即可。

    2. 底色透明是指去掉背景嗎?去背景的語法: background:none !important; 。也是一樣,在各項目中找出並改正即可。

    3. 發噗區的框框是 /*輸入欄位*/ 那段,改高度數值 min-height:30px; 30改成60或更大數值即可。

    4. 在 /*發噗區*/ 那段, #main_poster .qual_holder 這個項目就是名字,改 color:#ddd !important; 中的#ddd顏色代碼即可。

    5. 主控台中名字的項目是 #full_name ,自我介紹是 #dash-additional-info,卡馬是 #dash-stats h3,是希望調整到哪個位置?須先決定位置後,才能決定語法的寫法與調整方式。可以先自行改各項目中的數值,嘗試看看其中的變化。

    6. 浪上的噗回應區列表的項目是 .plurk_box .list ,將背景色的語法(background:# !important;)加入其中並填入顏色代碼即可。

    7. 變大變小效果是指?閃爍動態嗎?語法如下:
    /*閃爍動態*/
    .new .response_count
    {
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1.5s;
    -moz-animation-name: blink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-duration: 1.5s;
    }
    @-webkit-keyframes blink
    {
    20% { opacity: 1; }
    40% { opacity: 0; }
    70% { opacity: 1; }
    }
    @-moz-keyframes blink
    {
    20% { opacity: 1; }
    40% { opacity: 0; }
    70% { opacity: 1; }
    }

    可以自行改變數值以得出想要的效果。

    8. 標題的陰影語法:div#page_title {text-shadow:0px 0px 5px #ddd;}

    M6 於 2011/12/25 22:02 回覆

  • a93104fces
  • 還有一個不好意思就是列出我的朋友那列會跟加入朋友鍵重疊到怎麼辦?
  • 可以試著調整列出我的朋友該行的位置:
    .show_all_friends
    {
    margin-top:23px;
    margin-bottom:2px;
    text-align:center;
    }

    改上邊界 ( 23 ) 或下邊界 ( 2 )的數值試試看。

    M6 於 2011/12/25 22:05 回覆

  • 亮
  • 你好~這裡的各種教學和整理都非常實用而且漂亮!實在是受益良多,非常感謝!
    我照著教學改好版面之後只有一個小問題><:
    我套用的版面是:http://www.flickr.com/photos/m66660000/6524390095/in/pool-1124670@N20/
    請問要怎麼樣才能讓浪上的噗透明度一致,而不是有些比較深有些比較淡呢?即使全部變成實色不透明也沒關係!
    因為淡的噗點開以後雖然會變實色,但是滑鼠一移開就又變淡了,而且主噗和回應區的透明度是分開的,有點不習慣><

    麻煩你了歐歐歐!先說聲謝謝!
  • 可以改 浪上的噗 段落中 /*噗外框*/ 那段的背景色,
    如 rgba(255,255,255,0.9) 其中 0.9 就是透明度,改成1就會不透明。
    或將 background: 那幾行語法刪除恢復預設值即可。

    M6 於 2012/01/05 18:59 回覆

  • 雨嵐
  • 不好意思,請問個人介紹那邊的超連結為什麼不能用了呢@@?
    我是直接從噗浪弄連結(從分享資訊弄的)貼上去,但都是一片空白顯示不出來,也重弄了好幾遍oAo,不知道是怎麼一回事(囧,請問要怎麼弄才會正常呢oAo?
    麻煩你了,謝謝@@
  • 請問是哪個版型?之前有噗友詢問過相關問題,但因為我使用上顯示一切正常,所以不清楚原因出在哪,還請發信詢問噗浪官方看是否有解決方式ㄛ。

    M6 於 2012/02/06 20:19 回覆

  • a93104fces
  • 呃...我有問問題不知道為甚麼好像被刪了...

    http://i.imgur.com/n9L3c.png
    我是要問說 字的顏色要怎麼改,顯示數字可以不要有邊邊的框框嗎,還有那個他的底很像網狀可以去掉嗎?

    最後語言選項可以完全去掉嗎@@

    謝謝<(_ _)>
  • 被刪?
    或許是留言帳號問題?我只有看到你這次留言ㄛ

    所有訊息的css項目名稱有 #filter_tab .off_tab 跟 #filter_tab a.filter_selected
    拿掉背景的語法是 background:none !important;
    刪去框線的語法是 border:0 !important;
    字顏色的語法為 color:#fff !important;

    請套用在你想使用的項目 { } 中ㄛ

    語言選項不顯示的語法:#languge_selector { display : none; }

    M6 於 2012/02/07 17:10 回覆

  • a93104fces
  • 我是用FB登入的@@

    然後請問在選取字的時候的顏色要怎麼改?

    謝謝:)
  • 瀏覽器選取時的顏色嗎?
    /*瀏覽器所選部份底色*/
    ::-moz-selection {background:# !important;color:#;}
    ::selection {background:# !important;color:#;}

    M6 於 2012/02/08 09:23 回覆

  • 悄悄話
  • 悄悄話
  • 悠祭
  • 您好,一直以來受惠這邊的網站萬分感謝m(_ _)m
    本來對CSS一竅不通但現在學會了不少
    想請問影音小視窗的問題:http://i.imgur.com/kQvRp.png
    不知道為什麼那行字都會有一個灰色背景
    但我在寫CSS的時候並沒有去寫小視窗的部分
    不知道您知不知道那個部分的控制碼是是什麼?
    謝謝!
  • 那是預設的連結背景色,可以用這個語法去除背景:
    .hide_window a {background:none !important;}

    M6 於 2012/02/25 17:33 回覆

  • 阿孟
  • 您好,很多關於噗浪CSS的問題都是從這裡得到解決,非常感謝
    另外有個問題因為參考您的文章後仍無法獲得解答,因此想直接請教一下
    我的浪上的噗點開後的回應表下方選擇表情符號的圖示不見了,只剩下分享資訊的圖示,但是仍可正常點擊,如附圖:http://i.imgur.com/NzkKB.png
    但是單一噗的頁面卻是正常的,如附圖:http://i.imgur.com/BuBw1.png
    請問如何將回應下方的圖示正常顯現呢?
    非常感謝!

  • 可能是該區塊有間距調整的語法,
    找找看 .plurk_box .mini_form 或 .mini_form .qual_holder 項目中是否有 padding 的設定,
    有的話刪去那行即可

    M6 於 2012/03/18 09:47 回覆

  • 阿孟
  • 您好,不好意思,我噗裡的這段語法內沒有 padding 的設定,如下:
    .plurk_box .mini_form, #form_holder .qual_holder {
    background:#c98256 !important;
    border-right:none !important;
    }

    #form_holder .dd_img {
    background: url(http://db.tt/pHNBUgT) no-repeat right center scroll !important;
    }
    自己試著亂改以後還是無法解決..
    非常感謝您的回答!!
  • 嗯... 那就要檢查看看其他部份的語法了
    方便的話可以提供你的噗浪網址給我
    我幫你看看
    也可以用私噗發給我
    我的噗浪:http://www.plurk.com/66660000

    M6 於 2012/03/18 16:04 回覆

  • 엽관성
  • 你好...
    因為不知道怎麼告訴你我的問題
    所以貼上我噗浪的圖告訴你...
    http://i.imgur.com/EedZu.jpg
  • /*更新通知與訊息列*/
    #updater, #music_player,
    #filter_tab .off_tab, #filter_tab a.filter_selected
    {
    border-radius:5px; /*圓角*/
    filter:alpha(opacity=70); opacity:0.7; zoom:1; /*透明度*/
    }

    /*列表延伸動態*/
    .list
    {
    -moz-transition:height 0.5s ease;
    -webkit-transition:height 0.5s ease;
    -o-transition:height 0.5s ease;
    }

    M6 於 2012/04/01 16:21 回覆

  • 牛肉麵
  • 你好我想請教一下要怎麼把上次登入時間的隱藏起不在出現,麻煩了喔ˊ艸ˋ
  • 那就需要把整個統計表格隱藏起來ㄛ
    因為語法項目是在一起的:
    #dash-stats table { display : none; }

    M6 於 2012/04/06 23:15 回覆

  • 牛肉麵
  • 成功了(笑)感謝大大幫忙
  • 七日
  • 你好:)
    我改了噗浪標題之後,可能是因為太長,他顯示成"XXXXX...",多了刪節號(但明明就有足夠位子放標題),請問有什麼方法可以解決嗎?謝謝!!
  • 這部份似乎是另外的程式指定的,噗浪預設的css並未限制寬度,所以也無法用css修改,只能刪減標題字數,或反應給噗浪官方詢問看看。

    M6 於 2012/04/14 11:03 回覆

  • 小穗喵

  • 請問一下~
    為什麼我的背景只要按了重新整理之後就不見了呢?
    以下是我的語法:
    /*主背景--------------------------------------*/
    body, html
    {
    background:url(http://blog-imgs-45-origin.fc2.com/t/o/u/touhouwallpaper/alice24.jpg) left top no-repeat;
    background-attachment:fixed; /*固定背景*/
    }

    噗浪:http://www.plurk.com/stylemeow#
    是不是哪裡出錯了?可以幫我解答嗎?謝謝!
  • 語法沒問題,換一個圖片空間試試?

    M6 於 2012/05/15 18:34 回覆

  • 王雨晴
  • 不好意思 請問一下wwww
    那個河道上要怎麼改圖片
    適了很多語法都無法顯示啊QAQ
    http://i.imgur.com/lgVr1.jpg(圖片網址)
    謝謝啾咪:D
  • 是要放在時間軸區域嗎?
    語法:
    #timeline_holder
    {
    background:url(http://i.imgur.com/lgVr1.jpg) center top no-repeat;
    }

    M6 於 2012/05/15 18:37 回覆

  • 小穗喵
  • 可以了耶!原來是圖片空間的關係!
    非常謝謝您~~
  • 悄悄話
  • 林 羽雁
  • 請問一下,關於這個版型http://www.flickr.com/photos/m66660000/6291249316/in/pool-1124670@N20/
    的頭像部分會有點覆蓋灰色的效果,要怎樣才能用回原始的顏色呢?
  • 是說陰影嗎?
    把 /*浪上的頭貼*/ 語法中的這行刪去即可:
    .p_img img { box-shadow:0px 0px 2px rgba(0,0,0,0.3);}

    M6 於 2012/06/06 21:10 回覆

  • yuheng3987
  • 請問一下,這張圖(http://i.imm.io/srfI.png)
    上面的問題可以幫我解答一下嗎?
    我想要語法,謝謝!
  • 這是噗浪的隱私設定,直接點選頁首右邊的 "我的帳號" 連結,
    選擇上方的 "隱私權政策" 選單,將 噗浪訊息 項目設為 私密時間軸,
    按 “更新設定” 即可。

    M6 於 2012/06/12 18:58 回覆

  • 粟
  • 請問一下,如果原本的版形是主控台在下方,那要怎樣才能讓它變成http://www.flickr.com/photos/m66660000/6606447283/這樣子呢?
  • 可以安裝該噗版,參考主控台部份的寫法。

    M6 於 2012/07/07 15:46 回覆

  • captiseed
  • 請問一下,有沒有辦法讓主控台的個人大頭貼在mouse over時淡出消失?
    我用滑入效果語法改成這樣的語法好像沒反應...

    .profile-pic:hover
    {
    filter:alpha(opacity=0) !important; opacity:1 !important; zoom:1;
    -moz-transition:opacity 0.5s ease-in;
    -webkit-transition:opacity 0.5s ease-in;
    -o-transition:opacity 0.5s ease-in;
    }
  • 語法項目與內容都有誤ㄛ,
    正確語法如下,請對照看看:
    #profile_pic:hover
    {
    filter: alpha(opacity=0) !important; opacity: 0 !important; zoom: 1;
    -moz-transition:opacity 0.5s ease-out;
    -webkit-transition:opacity 0.5s ease-out;
    -o-transition:opacity 0.5s ease-out;
    }

    M6 於 2012/07/18 19:53 回覆

  • po321000
  • 你好!
    我的訊息高度很低
    http://i.imgur.com/p6cqO.jpg
    請問調整他最小高度的語法是什麼呢?
  • 是說太靠近時間軸底部嗎?
    調整 .plurk { margin-top: px; } 這個項目的數值即可。或直接刪除該行。

    M6 於 2012/08/15 16:14 回覆

  • 阿華
  • 我想請問
    為什麼我不能新增自訂表情 像下面裡的圖片那樣
    那條會有很多自訂表情可以選的那個 不見了
    http://i.imgur.com/kMKWx.png
  • 請詢問噗浪官方喔,前幾天他們好像拿掉了那行“大眾上傳區”。

    M6 於 2012/08/17 12:36 回覆

  • 悄悄話
  • luzunya
  • 河道上朋友的頭貼圖示滑鼠移過去都會變大,請問要怎麼弄掉?

    目前CSS是這樣:
    .p_img img {
    border:1px solid #CCC;
    -moz-border-radius:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    }
  • 應該是語法中有 /*頭貼放大與旋轉效果*/ 這段,
    或是自行安裝了瀏覽器放大頭貼的外掛,
    如果是語法,刪除該段內容中有 scale 的幾行即可。
    如果是外掛,就需要從瀏覽器那移除它。

    M6 於 2012/08/26 10:12 回覆

  • luzunya
  • 您好,我把下面這段有scale的幾行刪掉還是一樣,我自己是沒有安裝流覽器放大頭貼的外掛的@@

    #plurk_ads
    {
    max-height:0px !important;max-width:0px !important;
    background:rgba(255,255,255,0.9) !important;
    border-bottom:1px dotted #eee !important;
    border-top:1px dotted #eee !important;
    font-size:12px !important;
    color:#fff !important;
    border-radius:3px;
    -moz-transform: scale(0);
    -khtml-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    }
    把這段整個刪掉也還是一樣冏
  • 應該是頭貼( .p_img)相關語法中的 scale 喔
    例如這段:
    #timeline_holder div.link_extend .p_img img
    {
    -moz-transform: rotate(-14deg) scale(1.2);
    -webkit-transform: rotate(-14deg) scale(1.2);
    -khtml-transform: rotate(-14deg) scale(1.2);
    }

    若還是找不到,請發私噗給我,我幫你檢查一下語法內容。
    http://www.plurk.com/66660000

    M6 於 2012/08/26 13:23 回覆

  • luzunya
  • 您好,剛剛已經發私噗了,請查收><
  • 嗯,看見了。回覆如下:
    「css中並沒有放大頭貼的語法喔
    所以可能是所安裝的表情外掛附加的功能
    請詢問該程式作者 ^ ^」

    M6 於 2012/08/26 14:02 回覆

  • r608372008
  • 我的新樣式把好友和粉絲隱藏起來了,請問要改哪段語法才能讓他們出現呢??
    http://www.plurk.com/r608372008
  • 因為你的語法中有自行增加了一段
    /*隱藏朋友粉絲圖***/ 語法
    刪除該段即可

    M6 於 2012/09/13 21:36 回覆

  • Natsuran
  • 你好,我想像「本十」這版型一樣河道上的噗有點透明這樣
    http://www.plurk.com/p/h7zku9
    請問要怎麼用呢?
  • 可以套用後,在語法中/*噗浪*/那段找到
    /*透明度變化*/
    #timeline_holder .p_img, #timeline_holder .plurk_cnt
    {
    filter: alpha(opacity=50); opacity: 0.5; zoom:1;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    }
    #timeline_holder div.link_extend .p_img, #timeline_holder .link_extend .plurk_cnt,
    #plurk_responses ul.responses li:hover
    {
    filter: alpha(opacity=80); opacity: 0.8; zoom:1;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    }
    #timeline_holder div.plurk_box .p_img, #timeline_holder .plurk_box .plurk_cnt
    {
    filter: alpha(opacity=100); opacity: 1; zoom:1;
    }

    這部分就是囉

    M6 於 2012/09/21 18:16 回覆

  • 久遠桐貴.
  • http://www.flickr.com/photos/m66660000/6210793476/in/set-72157627538479609

    對了我想要請問這板的最左邊那一大格的自我介紹文字可不可以改顏色
    要怎麼改OAO?
  • 改 /*---------------主控台*/ 那段落中有出現 background: 背景語法的地方即可。
    可以換其他顏色代碼,如#000 黑色 #fff 白色 或是改成放其他的背景圖網址。

    M6 於 2012/09/30 11:08 回覆

  • Xiao Xin Shi
  • 那個...欸斗...請問一下唷 ; ___ ;
    我的噗浪今天多出了個奇怪的東西...
    找了好久不知道該如何把它用掉...

    http://i.imgur.com/iP6Yv.png
    嗯...就是那個突兀又不搭嘎的東西T___T...
    請問那個該去哪裡調呢Q Q??
  • 廣告?試試看這個語法:
    div.adsense, section.adsense, section.adsense h3{ display : none !important; }

    M6 於 2012/10/02 20:32 回覆

  • Kerr
  • 你好///
    這是我現在的佈景語法
    http://www.plurk.com/Users/getCustomCss?user_id=9200199

    因為拉大河道後
    要發噗時 只給某些人看到那裏 選取朋友的地方都被切掉
    可是背景圖是夠大的..(拉寬河道前不會這樣)
    想請問現在我該怎麼改才行0.0?

    還是有哪裡設定錯了 = x =?



    感謝////
  • 要設定捲軸出現才行,語法:
    html {overflow-y: auto !important;}

    M6 於 2012/10/14 11:17 回覆

  • Kerr
  • 另外,能不能請問要怎麼樣才能設定河道上的噗是斜一邊的= x =?
    固定在左上角那種 ///

    感謝幫忙= x =/
  • 斜一邊是指?只出現在左邊的固定範疇內?還是指斜角效果?
    斜角效果的話可以參見這篇文章:
    http://m66660000.pixnet.net/blog/post/33857201
    固定範疇的話就在你的語法中這段
    /* 河道內整體噗浪框架 */
    #timeline_cnt {
    top: 10px !important;
    height: 500px !important;
    }

    加上寬度設定 width: 600px !important; 這行就可以了

    M6 於 2012/10/14 11:22 回覆

  • Ke Brooks
  • 對了 !!!!!!!!!
    還有要怎麼樣才能把發噗區往下移...
    發噗區會檔到每則噗發出的時間....QAQ
  • 調整每則噗發出的時間顯示的位置高度,
    同樣在剛回覆的那篇文內。

    M6 於 2012/10/24 08:47 回覆

  • Ke Brooks
  • 依舊一連三問(ry
    剛剛在看圖的時候發現圖片會直接開成新視窗...
    請問是要怎麼樣才能改回舊版的 囧
  • 在這篇文:
    http://m66660000.pixnet.net/blog/post/38015785

    M6 於 2012/10/24 08:48 回覆

  • 凜
  • 你好~想問關於隱藏度的問題QQ
    這是我目前的樣式-> http://www.plurk.com/Korudo164#
    每個噗的顯示整個吃力、都看不清楚哪裡有噗了><"
    滑鼠移過去才看的到噗,可是我希望在還沒移過去之前就能夠清楚看的出來哪裡有噗,用%數表示大概至少要40~50%吧QQ
    另外一個就是,每當打開噗時,上半部是首噗、下半部是回應噗&回應欄,這上下部分的隱藏度居然是分開的?!滑鼠在上半部、下半部就幾乎看不清楚,滑鼠在下半部,上半部就幾乎看不清楚
    不曉得能不能改成打開噗後就不要在透明了,上下部分都是QQ

    求解答了!這樣式我頗喜歡,可是真的太淡了!(汗
  • 在 /*噗浪*/ 那一段中 background: rgba(255,255,255,0.8) 最後一個值0.8就是透明度,都設為 1 就是不透明囉。
    然後把 /*透明度變化*/ 那一整段刪去即可。

    M6 於 2012/11/22 10:13 回覆

1 2