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

為了方便自己選用與組合噗版的各個CSS項目,所以整理了一份對照表,羅列了大部份使用過的項目清單,也放上來提供大家參考~

/*------------------------------------------------------------------------
噗浪語法 Plurk CSS: 噗浪CSS架構對照表
列表整理 List order by: Be Myself Inc. M6
-- 此噗版CSS僅供個人練習參考用,請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利  All Rights Reserved --
------------------------------------------------------------------------*/


/*-----#前置設定-----*/

img   /*所有圖片*/
a:focus, :focus, a, a:link, a:visited, a:active  /*連結文字*/
a:hover
select  /*下拉選單*/
select:focus
input    /*輸入欄位*/
input:focus


/*-----語言字型-----*/

body.language-large-font
.language-large-font #top_login
.language-large-font #footer
.language-large-font .small
.language-large-font .tooltip_cnt
.language-large-font .direct-l


/*-----Google瀏覽器捲軸-----*/

::-webkit-scrollbar
::-webkit-scrollbar-thumb
::-webkit-scrollbar-thumb:hover


/*-----畫面背景-----*/

body, html
#page_title  /*標題*/
#top_login    /*頁首登入列*/
#top_bar /*頁首左邊*/
#top_bar a   /*頁首左邊連結*/
#top_bar .content a#edit_link   /*編輯*/
#alert_beacon  /*通知*/
.unread #alert_beacon    /*未讀通知*/
#top_bar .item img  /*頁首左邊小圖*/
/* USE_DARK_ICONS */ /*頁首左方小圖使用深色*/
#top_login a /*頁首右邊文字*/
a#login_link   /*登入登出*/
#languge_selector  /*切換語言*/
#languge_selector form select  /*尚未展開時的下拉表格欄位*/
#languge_selector form select option  /*展開後的表格*/
div#footer  /*頁尾*/
div#footer p    /*頁尾段落*/
#footer a  /*頁尾連結*/


/*-----時間軸背景-----*/

#timeline_holder
#timeline_bg .day_bg .div_inner  /*換日線*/
.div_inner   /*日區*/
.day_start .bottom_start, .day_start .div_start  /*日期*/
#bottom_line  /*底軸時間線*/
.bottom_start, .bottom_end  /*時間*/
#time_show, #time_show span   /*每一則對應時間*/
.block_bg .div_one_line  /*特定時間軸主題的直線*/
.small_timeline .block_bg .div_one_line
#timeline_cnt, #timeline_bg, #timeline_fg  /*時間區塊*/
#empty_timeline_bg  /*沒有任何未讀訊息-搜尋噗浪*/
#empty_timeline_fg
#dynamic_logo, #logo img, img#creature   /*噗浪logo生物*/
.cmp_loading   /*主畫面loading圖*/
#div_loading .cnt
.loading img   /*每則噗loading圖*/
.loading
.browse_button  /*往前往後箭頭*/
.cmp_arrow_right    /*向右*/
.cmp_arrow_left   /*向左*/
.cmp_back_to_today     /*跳至最前*/
.cmp_arrow_right:hover
.cmp_arrow_left:hover
.cmp_back_to_today:hover


/*-----所有訊息列標籤-----*/

#filter_tab  /*所有標籤*/
#filter_tab a.off_tab   /*未選標籤*/
#filter_tab a.off_tab:hover
#filter_tab a.filter_selected  /*正選(使用中)標籤*/
#filter_tab a.filter_selected:hover
.unread_generic   /*未讀數字*/
#filter_tab a.filter_selected .unread_generic   /*正選未讀數字*/


/*-----更新通知與音樂播放器-----*/

#updater  /*更新通知(幾則新訊息)*/
#updater .text  {color:#ffffff !important;}   /*幾則新訊息與回應*/
#updater a  /*更新 檢視連結*/
.cmp_poll_line  /*中間的間隔線*/
#music_player  /*音樂播放器(影音視窗縮小只放音樂bar)*/
#music_player a   /*音樂播放器連結文字*/


/*-----發噗區背景-----*/

div#plurk_form
.plurkaction   /*plurk區塊*/
#toggle_tab     /*plurk-搜尋*/
#toggle_tab li.tt_selected    /*正選頁籤*/
#toggle_tab li     /*未選頁籤*/
#toggle_tab li span#plurk_tab  /*頁籤圖示-plurk*/
#toggle_tab li span#search_tab   /*頁籤圖示-搜尋*/
#main_poster .qual_holder /*使用者名稱*/
.char_updater  /*尚餘字數*/
.char_highlight /*超過字數*/


/*-----發噗區輸入欄位-----*/

.plurkForm td   /*整區*/
textarea#input_big  /*發噗輸入*/
textarea#input_permalink
textarea#input_big.content
textarea:focus
textarea#input_big_private:focus
textarea#input_big:focus
textarea#input_permalink:focus
input#current_query   /*搜尋輸入*/
input#current_query:focus
.u_search  /*搜尋其它會員*/
.share_search b   /*分享搜尋結果*/
input#share_link    /*搜尋結果網址*/
.cmp_plurk  /*發噗按鈕*/
input.orange-but /*搜尋按鈕*/
textarea#input_big_private  /*發送私密噗*/
textarea#input_big_private.content


/*-----語助詞-----*/

.dd_img img  /*語助詞旁的箭頭符號*/
.qualifier   /*浪上*/
.mini_form .m_qualifier  /*浪上每則噗發噗區*/
.m_qualifier  /*發噗區*/
#reply_box .m_qualifier /*單一噗浪發噗區*/
.r_qualifier   /*單噗頁面*/
.content .r_qualifier   /*單噗主噗區*/
div.bigplurk .r_qualifier  /*單噗頁面上下則*/
.qual_menu   /*下拉選單*/
.qual_menu td   /*選單表格*/
.qual_menu .on   /*滑鼠移至效果*/


/*-----語助詞各欄位-----*/

.qual_menu .q_freestyle,
.q_freestyle,
td .q_freestyle   /*自由發揮*/

.qual_menu .q_loves,
.q_loves,
td .q_loves   /*愛*/

.qual_menu .q_likes,
.q_likes,
td .q_likes   /*喜歡*/

.qual_menu .q_shares,
.q_shares,
td .q_shares   /*分享*/

.qual_menu .q_gives,
.q_gives,
td .q_gives    /*給*/

.qual_menu .q_hates,
.q_hates,
td .q_hates    /*討厭*/

.qual_menu .q_wants,
.q_wants,
td .q_wants    /*想要*/

.qual_menu .q_wishes,
.q_wishes,
td .q_wishes   /*期待*/

.qual_menu .q_needs,
.q_needs,
td .q_needs    /*需要*/

.qual_menu .q_will,
.q_will,
td .q_will   /*打算*/

.qual_menu .q_hopes,
.q_hopes,
td .q_hopes   /*希望*/

.qual_menu .q_asks,
.q_asks,
td .q_asks   /*問*/

.qual_menu .q_has,
.q_has,
td .q_has    /*已經*/

.qual_menu .q_was,
.q_was,
td .q_was   /*曾經*/

.qual_menu .q_wonders,
.q_wonders,
td .q_wonders   /*好奇*/

.qual_menu .q_feels,
.q_feels,
td .q_feels   /*覺得*/

.qual_menu .q_thinks,
.q_thinks,
td .q_thinks   /*想*/

.qual_menu .q_says,
.q_says,
td .q_says   /*說*/

.qual_menu .q_is,
.q_is,
td .q_is    /*正在*/


/*-----分享功能-----*/

#main_poster .icons_holder  /*發噗區分享連結圖片等圖示*/
.cmp_image_off
.cmp_youtube_off
.cmp_link_off
.cmp_webcam_off

/*滑鼠移至圖示效果*/
.cmp_image_on
.cmp_youtube_on
.cmp_link_on
.cmp_webcam_on


/*-----表情選單-----*/

.smily_holder img  /*微笑符號*/
.smily_holder   /*圖示區*/
#main_poster .smily_holder   /*發噗區的圖示區*/
#emoticon_selecter  /*選單區背景*/
#emoticons_show  /*圖片區背景*/
#emoticon_selecter img   /*圖片*/
#emoticon_selecter a:hover img   /*滑鼠移至時圖片*/
#emoticons_tabs ul li /*選擇項目*/
#emoticons_tabs ul li.current  /*正選項目*/
#emoticons_show .red_link  /*額外圖示連結*/


/*-----私人訊息、語系及選項 -----*/

#more_options_link  /*打開前的連結*/
#more_options_holder   /*打開後的區塊*/
#more_options td, #more_options .caption /*內容標題*/
.wickEnabled  /*輸入欄*/
.small   /*請輸入…的欄位說明文字*/
.advert a   /*噗浪同步訊息至FB*/
.private_to  /*私人訊息給...*/
.private_to b  /*私人訊息底色標注*/
.selectedSmartInputItem  /*移動選擇底色*/
.selectedSmartInputItem a  /*移動選擇連結文字*/
.auto_ta .person  /*已選擇的噗友底色*/
#smartInputFloaterContent  /*下拉選單*/


/*-----主控台背景-----*/

#dashboard_holder   /*發噗區與主控台整體*/
div#plurk-dashboard   /*主控台整區*/
.dash-segment .segment-content  /*四欄位各區*/
#dash-profile  /*自介區*/
#profile_pic  /*個人頭貼*/
#profile_pic:hover
#full_name    /*姓名*/
#span_years    /*年齡*/
#m_or_f    /*性別*/
#location    /*所在位置*/
p#about_me   /*關於我自己*/
#dash-additional-info  /*關於我自己描述內容*/
#dash-additional-info a      /*連結文字*/
#dash-additional-info a:hover
p#relationship_container  /*感情婚姻狀態*/
#dash-stats    /*統計區*/
#dash-stats h2    /*標題-統計*/
#dash-stats h3   /*卡馬區*/
.karma_hover  /*卡馬karma*/
#karma   /*卡馬數值*/
#dash-stats table    /*統計資料區*/
#dash-stats table th,  /*項目*/
#dash-stats table td    /*數值*/
.link_arrow, .cmp_points-arrow  /*卡馬升降與說明箭頭*/
.cmp_karma_up,.cmp_karma_down
a.link_arrow, a.link_arrow link_badges
.award_bar     /*小徽章*/
.award_bar div    /*每個小徽章*/
.award_bar img     /*小徽章圖片*/
#dash-friends    /*朋友區*/
#dash-friends h2    /*標題-朋友*/
#dash-fans    /*粉絲區*/
#dash-fans h2     /*標題-粉絲*/
.show_all_friends a  /*列出所有朋友粉絲連結*/


/*-----朋友粉絲按鈕-----*/

a.friend_man  /*整體*/
a.friend_man:hover
.friend_man.private_plurk   /*傳送私人訊息*/
.friend_man.add_friend   /*加入朋友*/
.friend_man.remove /*取消朋友*/
.friend_man.pending /*取消追蹤*/
.friend_man.add_follow   /*追蹤粉絲*/
.friend_man.block  /*加入黑名單*/
#block_user a.block
#block_user a.block:hover
body.language-large-font .friend_man

/*滑鼠移至效果*/
.friend_man.add_follow:hover,
.friend_man.remove:hover,
.friend_man.add_friend:hover,
.friend_man.pending:hover,
.friend_man.private_plurk:hover,
.friend_man.block:hover


/*-----朋友粉絲圖像-----*/

.friend_holder  /*整區*/
.friend_holder table
.friend_holder img    /*圖片*/
.friend_holder td   /*圖片格*/
.friend_holder .user_link  /*個別連結*/
.user_link img  /*連結圖片*/


/*-----粉絲區文字與連結-----*/

div#fan_holder
div#fan_holder a
div#fan_holder a:hover


/*-----常設隱藏區域-----*/

#dash-friends p, #dash-friends form  /*朋友搜尋*/
div #tw_help   /*入門說明*/
div a#dashboard-invite   /*邀請朋友*/
div #sharePlurk   /*分享連結*/
.dash-icon    /*社交小圖示*/

#dash-friends  input.orange-but  /*搜尋其他噗浪會員按鈕*/
input#loc_field     /*輸入區*/
a#dashboard-invite span  /*邀請朋友圖片區*/
#dash-friends p  /*邀請朋友段落*/
#dash-friends form  /*邀請朋友文字*/
#sharePlurk input.clipboard   /*分享網址連結欄*/
#sharePlurk input.clipboard:hover
#sharePlurk span
#sharePlurk div


/*-----浪上的噗-----*/

#timeline_holder div.plurk   /*噗外框*/
.block_cnt .plurk_cnt  /*噗外框*/
.block_cnt .link_extend .plurk_cnt   /*滑鼠移過去延伸的噗*/
.block_cnt .plurk_box .plurk_cnt   /*噗打開後*/
.plurk .truncated  /*浪上噗的高度*/
#timeline_cnt   /*時間軸內容區整體*/
#timeline_cnt:hover
#timeline_holder .plurk_cnt   /*浪上的噗*/
#timeline_holder div.plurk .td_qual span a   /*浪上的暱稱區*/
#timeline_holder div.plurk .td_img   /*浪上的頭貼*/
#timeline_holder div.link_extend .td_img    /*滑鼠移過去時的頭貼*/
#timeline_holder div.plurk_box .td_img    /*噗打開後的頭貼*/
.p_img   /*頭貼圖片*/
.manager, .manager a, .manager .action  /*編輯*/
.manager .cancel   /*取消*/
.manager .delete  /*刪除*/
.mute, .unmute   /*消音,解除消音*/
.muted  /*已消音的噗*/
td.td_cnt texture   /*編輯噗欄位*/
.td_cnt .text_holder  /*噗文字內容*/
.list /*回應列表*/
.list .empty  /*無回應 : )的噗*/
.list .plurk_cnt   /*列表中的噗*/
.list .plurk_cnt tr  
.list table  /*列表區表格寬度*/
.plurk_box .caption  /*回應列表標題*/
.list .plurk_cnt .td_qual   /*列表中的暱稱區*/
.plurk_box .qual_holder
.list .plurk_cnt .text_holder     /*列表中的內容區*/
.plurk_box .mini_form  /*下方您的回應區*/
.mini_form .qual_holder  /*使用者名稱*/
.mini_form .char_updater  /*尚餘字數*/
.char_updater span  /*按Enter送出*/
textarea#input_small  /*下方回應區輸入欄位*/
.info_box   /*下方回應區訊息列*/
.info_box a  /*連結文字*/
.info_box a:hover
div.favorite_count  /*喜愛的人數*/
div.limited_box  /*私人訊息給...*/
.perma_link /*訊息連結區*/
.perma_link a
.perma_link a:hover


/*-----噗內新回應的底色漸層-----*/

.plurk_box td .shade_6, td .shade_6,  
.plurk_box td .shade_5, td .shade_5,
.plurk_box td .shade_4, td .shade_4,
.plurk_box td .shade_3, td .shade_3,
.plurk_box td .shade_2, td .shade_2,
.plurk_box td .shade_1, td .shade_1


/*-----噗上的連結-----*/

.plurk a.ex_link,
.text_holder a.ex_link,
.plurk a.ex_link:visited,
.plurk a.ex_link:active,
div.bigplurk h1.content a.ex_link,   /*單噗頁面連結*/
#plurk_nav a:link,    /*上一則下一則噗連結*/
#plurk_nav a:visited,
#plurk_nav a:active,
.plurk_content a.ex_link  /*單噗回應列表連結*/


/*-----噗上的人名-----*/

.td_qual span a,
.td_qual span a:hover


/*-----影音圖片-----*/

.youtube img,
.video img,
.pictureservices img

/*滑鼠移至效果*/
.youtube:hover img,
.video:hover img,
.pictureservices:hover img

.list .pictureservices img  /*列表中的圖片*/
.list .pictureservices img:hover


/*-----回應時間標示-----*/

.response_time .plurk_cnt
div.response_time
div.response_time .holder


/*-----回應數-----*/

.td_response_count
.response_count
.new .response_count  /*新回應*/
.dots .inner  /*中間的...*/
.reply_to  /*回應時間旁的小圖示-回覆*/
.reply_to:hover
.del_icon    /*回應時間旁的小圖示-刪除*/
.del_icon:hover


/*-----單則訊息網址頁 -----*/

div.bigplurk
.user-nick,    /*暱稱*/
.user-nick:hover

div.bigplurk h1.content .plurk_content   /*文字設定*/
div.contentwrapper h1.content    /*內容區*/
div.time    /*時間區*/


/*-----噗主代表圖-----*/

img.bubble_edge  /*箭頭*/
div.user img  /*圖片*/


/*-----上一則下一則-----*/

#prev_plurk, #next_plurk,
#prev_plurk:hover, #next_plurk:hover


/*-----回應列表區-----*/

#plurk_responses ul.responses
#plurk_responses h2   /*標題*/
#plurk_responses h2 a  /*回應連結*/
div.feed-link a   /*分享連結*/
#plurk_responses ul.responses li  /*每則回應*/
ul.responses .message  /*文字設定*/
#plurk_responses ul.responses .message a.user  /*暱稱*/
img.avatar  /*噗友代表圖*/
#plurk_responses ul.responses .message a  /*訊息內連結樣式*/
#plurk_responses ul.responses .message a:hover
ul.responses li:hover span.time  /*回應時間*/
ul.responses .highlight_owner .time  /*原噗者回應時間*/


/*-----下方回應區-----*/

#reply_box
#reply_box_holder
#reply_box_holder .qual_holder   /*使用者名稱*/
#reply_box #input_big  /*輸入內容*/


/*-----登入或註冊以回應-----*/

div #not_logged_in h2
div #not_logged_in h2 a
div #not_logged_in h2 a:hover


/*-----浪上噗友小視窗-----*/

.AmiMenu.info_menu
.AmiMenu.info_menu .separator  /*分隔線*/
.AmiMenu.info_menu .block   /*舉報濫用*/
.AmiMenu td     /*文字*/
.AmiMenu.info_menu td.on     /*滑鼠移至*/
.AmiMenu.info_menu .user_info.on
.AmiMenu.info_menu .user_info.on b
.AmiMenu.info_menu .user_info img   /*噗友圖片*/
.cmp_tooltips-down   /*下拉視窗箭頭*/
.cmp_tooltips-up  


/*-----說明小視窗-----*/

.tooltip_cnt
.tooltip_cnt img  /*噗友代表圖*/
.AmiTT_main   /*背景箭頭與文字*/
.AmiTT_main b   /*名稱*/


/*-----功能視窗-----*/


.GB_Window  /*外框*/
.GB_Window .header   /*標題框*/
.GB_Window .content  /*內容框*/
.GB_Window .header td.caption  /*標題列*/
.GB_Window .close
.GB_Window .close span  /*標題列關閉符號*/


/*-----彈出視窗-----*/

.GB_Gallery .iframe_holder
img[src="http://www.plurk.com/static/greybox/w_close1.gif"] /*關閉圖示*/
.GB_Gallery .content
.content div .hide_window  /*隱藏影片在背景播放*/
div .hide_window a  


/*-----註冊/登入-----*/

#top_login a#sign_up  /*頁首上方*/
#validate_email
#sign_up_small
#registerToday
.plurk_box .login_to_see a    /*每則噗回應區*/
.red_link

div .adsense  /*單則訊息廣告區*/
#getting_started  /*外掛連結視窗*/


/*------------------------------------------------------------------------
Date: 2011-05-22
List order by: Be Myself Inc. M6
-- 此噗版CSS僅供個人練習參考用,請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利  All Rights Reserved --
------------------------------------------------------------------------*/

 

這份列表會依照噗浪預設欄位的改變或使用習慣持續更新~希望能常保噗版設計的新鮮與彈性變化囉~

創作者介紹
創作者 M6 的頭像
M6

金羽銀華

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


留言列表 (28)

發表留言
  • ޱ
  • 您好,想請問一下,如何將圖片至頂呢?
    不是讓它顯示在河道上,而是從最上方就開始顯示圖片
    因為不管用多大的圖片都一樣在中間…
  • 至頂的圖片要放到 body, html {} 裡面
    河道區的則是 #timeline_holder
    語法:
    body, html
    {
    background:url(這邊放圖片網址) center top no-repeat;
    }
    #timeline_holder /*拿掉河道區背景跟框線*/
    {
    background:none !important;
    border:0 !important;
    }

    M6 於 2011/06/05 18:56 回覆

  • Wen-Hao Xu
  • 大大您好 想請教您一個問題 我有一張74px*21px的圖片 想要放在"關於我自己"那裡 但我放上去圖片總是會被切掉 那我語法要怎麼寫呢?? 能指點一下嗎 謝謝^^
  • 是指大頭貼嗎?噗浪預設的功能上傳後有固定比例,如果要自訂的話,可以參考這篇文章:
    http://m66660000.pixnet.net/blog/post/33230689

    M6 於 2011/07/18 11:57 回覆

  • 悄悄話
  • ^^
  • 要怎摸自訂樣式?
  • 在噗浪頁首左邊,點選「編輯」後,再點選「自訂樣式」這一欄,“自訂佈景風格”這一個區塊就是囉~
    可以在此處用CSS編輯自己的噗版樣式。

    M6 於 2011/07/22 16:47 回覆

  • 戴小花http://www.plurk.com/iamhuaouo
  • 怎麼像這個人在關於我放連結?
    http://www.plurk.com/chu817
    "BLOG/Facebook
    目前沒用噗浪了FB找吧"
  • 就像在噗浪發噗時使用連結一樣,將連結網址貼上,空一格,再用 ( ) 半形括弧將要顯示的字放在裡面。
    例: 我的部落格

    M6 於 2011/07/24 08:40 回覆

  • 。迷你長頸鹿。
  • 您好,我想請問噗浪頁面兩旁的:
    「個人檔案(編輯)、我的朋友、通知、尋找/邀情朋友、我的帳號、登出」
    上述字體的顏色該如何換呢?
    因為上述字體是黑色,要是背景也是黑的,
    整體就全部看不見了!
    謝謝您的解答了:)
  • 可以參考這一篇的說明:
    http://m66660000.pixnet.net/blog/post/30937637

    M6 於 2011/08/09 22:44 回覆

  • 金魚草
  • 您好,我想請問如何取消或刪除:每則噗若有新回應時,旁邊的回應數字閃爍。
    就像是↓

    「【頭貼小圖】 金魚草 [說] 我有問題 ... 」8

    旁邊那個「8」的回應數字會閃爍,請問該如何修改呢?謝謝您 :-)
  • 把 .new .response_count /*新回應*/
    {
    text-decoration: blink;
    }

    這行刪去即可。

    M6 於 2011/08/22 08:41 回覆

  • HAHA
  • GOOGLE到你這篇網誌很實用呢
    想請問你一些問題:
    有未讀訊息的時候
    標籤那邊的數字
    例如:[所有訊息(1)]
    數字的紅色背景底色怎麼改成沒有顏色呢?

    還有單則訊息的打字回應區
    那邊的背景要怎麼改呢?

    另外看過大大你的噗浪頁面
    點開分享的圖片彈出的效果要怎麼改呢

    問了這麼多問題希望大大可以教我>_<拜託嘍
  • 紅背景的問題可以參考:
    http://m66660000.pixnet.net/blog/post/33105919

    單則訊息頁的項目請見:
    http://m66660000.pixnet.net/blog/post/33768751

    彈出效果的css:
    .GB_Gallery .iframe_holder,
    .GB_Window
    {
    -moz-animation-name:fadeIn; /*淡入過場效果*/
    -moz-animation-iteration-count:1;
    -moz-animation-duration:0.7s;
    -webkit-animation-name:fadeIn;
    -webkit-animation-iteration-count:1;
    -webkit-animation-duration:0.7s;
    }
    @-webkit-keyframes fadeIn
    {
    0% { opacity: 0; }
    100% { opacity: 1; }
    }
    @-moz-keyframes fadeIn
    {
    0% { opacity: 0; }
    100% { opacity: 1; }
    }

    M6 於 2011/08/27 18:53 回覆

  • 訪客
  • 不好意思請問一下
    想要在自我介紹那邊用文字連結
    請問怎麼用?
  • 就像在噗浪上放連結一樣,
    網址 (文字連結)
    例: http://www.flickr.com/groups/plurkcss (噗浪版型下載+)

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

  • HAHA
  • 謝謝大大的回答~
    我偷偷(?)追蹤你的噗了^^
  • ^ X ^

    M6 於 2011/08/28 14:34 回覆

  • taku
  • 請問一下
    我的發噗區是在上面的
    但點表情的時候那個框框都會跑到上面點不到
    所以可以把發噗區移到下面嗎?
  • 是哪個版型呢?要看發噗區那段的語法,調整一下 " top: px; " 對上方的位置距離試試看

    M6 於 2011/10/25 09:04 回覆

  • Raelian Morel
  • 不好意思,想請問一下,#alert_beacon /*通知*/ 的位置有辦法改嗎?
    主控台的部分是會隨著滑鼠移動而隱藏或是收起來,我將主控台長度拉長後卻整個擋住了通知部分,無法點選,想問說是否能將通知的位置移至右方些。
    先謝謝您的解答:)
  • Raelian Morel
  • 嗯不對...應該不是#alert_beacon,非常抱歉(艸
    嗯-就是會跳出[未讀訊息]的那個/
  • 更新通知嗎?
    移至右邊的語法:
    #updater { margin-left:230px; }
    數值可視需要調整。

    M6 於 2012/04/14 10:50 回覆

  • Raelian Morel
  • 成功了! 非常感謝您(♡'︺'♡)!!
  • :D

    M6 於 2012/04/14 17:49 回覆

  • 寍小草
  • 不好意思又來發問... 請問主控台標題(統計、朋友、粉絲)的語法是什麼呢?我想要他有底色
  • 就在這篇文章 /*-----主控台背景-----*/ 那段有寫喔:
    #dash-stats h2 /*標題-統計*/
    #dash-friends h2 /*標題-朋友*/
    #dash-fans h2 /*標題-粉絲*/

    把底色的語法使用在這些項目即可。

    M6 於 2012/08/08 22:12 回覆

  • 桐島
  • 我想請問要怎麼把"感情/婚姻狀態"這欄隱藏?THX!
  • 語法:
    #relationship_container { display : none ; }

    M6 於 2013/03/28 22:31 回覆

  • 凌馥蝶
  • 你好,我想請教噗浪的CSS QAQ"
    在看噗浪回應時,噗主回應跟其他噗友回應的背景顏色要如何修改?
    我希望能在看噗時,一目了然了解這是噗主回應的、其他人回應的QAQ"
  • /*原噗者的回應*/
    .list .highlight_owner .plurk_cnt, .list .highlight_owner .plurk_cnt:hover
    {
    background: #eee !important;
    }

    /*其他的回應*/
    .list .plurk_cnt, .list .plurk_cnt:hover
    {
    background: #f1f1f1 !important;
    }

    請自行更改要使用的顏色代碼(#)填入即可。

    M6 於 2013/04/01 08:50 回覆

  • 桐島
  • 不好意思,我照你列的那個語法用上,但是它還是會出現→「感情/婚姻狀態: 一言難盡」
    這是哪裡有問題呢?thx!
  • 那直接在個人檔案設定中編輯 感情/婚姻狀態: 這列
    設定為「不公開」應該就不會出現了。

    M6 於 2013/04/08 14:25 回覆

  • 桐島
  • 其實我之前也是這樣弄,但是看到那個資料只差1%就手賤的想弄100%(被打死,然後一方面又想把感情/婚姻狀態隱藏(被巴。不管怎樣,還是謝謝你哦!<o>
  • :)

    M6 於 2013/04/08 18:50 回覆

  • yuyuchan41
  • 你好! 想請問一下粉絲列 左下方有四個小圖示 (小圈圈)(臉書)(行動版)(WIDGET)
    想隱藏起來的語法是..?

    自己看了一下現在用的設定....是這部份嗎?

    http://paste.plurk.com/show/XhDywuFdRzwnb555ircY/

    另外自行用了語法隱藏朋友區的邀請朋友和入門說明,,

    可是真的是隱藏..." 會不會有語法可以令背後的半透明白色部分變短...?

    就視覺看上去是沒有邀請朋友和入門說明的部分...(或是可以直接把他們刪除?

    http://images.plurk.com/sRaw-24QPxtFHf8Bt7bafrxdbxK.jpg

    抱歉問了很多(艸 感謝!!
  • 所以你是希望把朋友粉絲區整個隱藏起來?還是只隱藏圖示?
    可以參考這篇文試試看:
    http://m66660000.pixnet.net/blog/post/33556393

    M6 於 2013/09/03 22:10 回覆

  • yuyuchan41
  • 感謝!!就是把下面的 朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示
    通通隱藏>W<!! 已解決了,,謝謝/
    看起來之前的語法好像只是把它設成透明而已...所以還會有空白的地方..?
  • 嗯。不客氣。^^

    M6 於 2013/09/04 08:12 回覆

  • 悄悄話
  • 妮醬
  • 您好~~我想把標題改成帶有點閃著光芒的感覺~~就像http://images.plurk.com/iTnHeSeYAgssBFWxXyod0.jpg 這樣,不過是想在標題上做改變!!懇請教學!
  • 這是用陰影效果(shadow)的css來做的,找出該部分的陰影語法,然後複製套用在標題上試試看。

    M6 於 2013/11/17 14:23 回覆

  • Yi
  • 你好,請問頭貼太小要怎麼變大一點?謝謝。
  • 哪部分的頭貼呢?
    如果是主控台個人資訊那裡的,項目名稱是 #profile_pic,
    河道每則噗旁邊的則是 .p_img,
    用指定寬度與高度的語法套用在該項目即可。
    如:
    #profile_pic { width: 200px !important; height: 200px !important; }

    M6 於 2014/01/27 09:18 回覆

  • 陳飛
  • 你好,我想請問幾個問題
    首先是:每個噗旁的回應數設為半透明後,(下語法)
    /*回覆數字*/
    .response_count
    {
    background-color:none;
    opacity: 0.4 ;
    }
    有沒有辦法讓透明度在滑鼠移到那個噗時上升呢?(頭像自己弄成功了但這邊不會用

    另外還有:左下(M 全部標為已讀 V 顯示所有訊息)兩塊,因為前面的回應、檢視是兩種顏色,在使用
    #updater a
    {
    color:#() !important;
    }
    的語法時顏色都會變同一種,請問有辦法不會這樣嗎?

    非常感謝
  • Claire
  • 你好,想要請問回應的地方可以把發噗者用不同顏色區分
    那有沒有辦法把特定朋友的帳號也用不同顏色區分出來?
    以方便辨認
  • css僅改變項目外觀,特定帳號的區分功能目前css無法做到喔。

    M6 於 2014/05/31 14:03 回覆