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

主控台版型的排列練習與嘗試,請試著按照段落一一貼上,來觀察其中的排版變化跟影響的區塊,熟悉後,就可以自己試著寫寫看合用的版本囉~

[ 資訊置左 ]

WHITEHOUSE.png

/*------------------------------------------------------------------------
    噗浪版型 Plurk CSS: WHITEHOUSE
    設計出處 Design by: Be Myself Inc. M6
    背景圖源 Background image from: (simpledesktops.com)
    安裝網址 Install: http://www.plurk.com/installDesign/5143441-61f70a67af
    更多佈景 More Themes: http://www.flickr.com/groups/plurkcss
    -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
    -- Copyright: 版權所有 保留一切權利  All Rights Reserved --
------------------------------------------------------------------------*/

/*-----時間軸背景高度與位置調整-----*/

#timeline_holder
{
    position:relative !important;
    margin-left:222px;   /*邊界縮排*/
}
#timeline_holder,
#timeline_cnt,
#timeline_bg,
#timeline_fg
{
    height:600px !important;
}
#bottom_line  /*底軸*/
{
    top:603px !important;
}
day_bg .div_inner,
.div_inner /*日軸*/
{
    height:580px !important;
    background: transparent !important;
    border-right:0 !important;
}
#time_show /*每則時間*/
{
    top:623px !important;
    height:20px !important;
    z-index:1113;
}


/*-----往前往後圖示透明度變化-----*/

.browse_button
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
.browse_button:hover
{filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}


/*-----主控台版面排列-----*/

#dashboard_holder
{
    text-align:left !important;
    width:100%;
}
div#plurk-dashboard
{
    width:218px !important;
    height:598px !important;
    overflow:hidden !important;
    position:absolute !important;
    z-index:901;
    top:-623px;
    left:0px;
    -moz-box-shadow:0px 7px 12px rgba(0,0,0,0.3);  /*CSS3陰影效果*/
    -webkit-box-shadow:0px 7px 12px rgba(0,0,0,0.3);  
    box-shadow:0px 7px 12px rgba(0,0,0,0.3);
}
.dash-segment
{
    width:218px;
    min-height:10px !important;
    height:auto !important;
}
p#about_me
{
    max-height:30px !important;
    overflow:hidden !important;
}
p#about_me:hover
{
    max-height:300px !important;
    -moz-transition:max-height 0.8s ease-in;  /*滑入效果*/
    -webkit-transition:max-height 0.8s ease-in;
    -o-transition:max-height 0.8s ease-in;
}
.segment-content
{
    padding-top:0px !important;
    padding-bottom:0px !important;
}
#dash-profile
{
    margin-top:10px;
}
.show_all_friends
{
    text-align:center;
    font-size:11px !important;
}
#dash-stats h3
{
    margin-top:0px !important;
}
.karma_hover
{
    font-size:22px;
}
#karma
{
    font-size:23px !important;
}


/*隱藏項目*/
.friend_holder, .award_bar, #dash-stats table,
#footer p,
#dynamic_logo, #logo img, img#creature,
.block_bg .div_one_line, .small_timeline .block_bg .div_one_line,
#top_login a#sign_up, #getting_started, div .adsense,
#dash-stats h2, #dash-friends h2, #dash-fans h2,
.link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
#dash-friends p, #dash-friends form,
div #tw_help, div a#dashboard-invite, div #sharePlurk,
#block_user,
.dash-icon
{
    display : none;
    height:0 !important;
    width:0 !important;
    overflow:hidden;_overflow:none;
    position:fixed;
    top:-9000px;
}


/*-----發噗區位置-----*/

div#plurk_form
{
    position: absolute !important;
    top:-230px !important;
    left:250px;
    z-index:900;
    margin-top:20px !important;
}
#toggle_tab
{
    z-index:902;
    top:-233px !important;
    left:250px;
}


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

html
{
    background:#000 url() left top no-repeat;  /*放全頁面背景圖網址*/
    overflow-x:hidden !important;
}
body
{
    background:none !important;
}


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

#timeline_holder
{
    background:#1a171b url(http://farm6.static.flickr.com/5077/5906989906_0b29f004ed_b.jpg) left top no-repeat;  /*放時間軸背景圖網址*/
}


/*------------------------------------------------------------------------
    Date: 2011-07-06
    Design by: Be Myself Inc. M6
    -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
    -- Copyright: 版權所有 保留一切權利  All Rights Reserved --
------------------------------------------------------------------------*/

 

也可以換邊置放,將上述語法中紅字 left 改成 right 即可:

[ 資訊置右 ]

WHITEHOUSE-R.png  

 

多多參考各式版型排版的變化,瞭解其中各部份語法的作用後,動手練習寫寫看吧~

 

文章標籤
創作者介紹
M6

金羽銀華

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


留言列表 (45)

發表留言
  • 阿比
  • 還不錯的背景樣式 我很喜歡帶走嚕!謝謝喔!=)
  • : -D

    M6 於 2011/07/08 07:12 回覆

  • 浮浮
  • 不好意思 用了之後一直點不到全部閱讀@@"
    好像跑到旁邊去了 是瀏覽器問題嗎
  • 加上這段試試:
    /*-----更新通知位置調整-----*/

    #updater
    {
    margin-left:220px !important; /*320*/
    }

    M6 於 2011/07/09 00:00 回覆

  • 狐狸
  • 請問主控台那裡的關於我
    要如何才可以顯示多一天字呢?
    因為我只能顯示第一行字
    第二行開始就會被自動收起來
    要滑鼠移過去才會看到>"<
    怎樣才可以主控台顯示關於我那邊可以不要自動收起呢?
    謝謝^^"
  • 把語法中 p#about_me {} 裡的
    max-height:30px !important; 這行刪去即可

    M6 於 2011/07/10 10:08 回覆

  • 訪客
  • 我使用這個樣式後試著自己改,但不管怎麼用,就是沒辦法改變主控台的透明度@@
    請問要怎麼改???謝謝:))
  • 語法:
    div#plurk-dashboard
    {
    filter:alpha(opacity=80) !important; opacity:0.8 !important; zoom:1;
    }

    M6 於 2011/07/26 13:23 回覆

  • Ω伶★°~
  • 想請問如何把"所有訊息、我發表的訊息、私人訊息、回應過的訊息、說讚的訊息"那一排往上移動~

    因為調完版面過後他們跑到發噗的下面!
  • 嗯,它預設會出現在時間軸的下方,所以時間軸拉高後就會在下面。
    如果使用上不習慣,可以自行指定位置:

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

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

    M6 於 2011/07/30 12:44 回覆

  • 訪客
  • 我不太會用CSS,所以想請問一下
    主控台的顏色能不能改呢?要在哪裡改?
    我想改成黑色的,灰色的跟我想用的背景圖搭起來好怪...
    主控台上面的字的顏色和卡馬值的顏色能不能改呢?要在哪裡改?
    這麼多問題真是麻煩你了,因為我真的對CSS不拿手...
    還請你幫我解答,謝謝
  • 這個佈景的主控台背景色與相關的文字顏色是套用噗浪預設值,
    所以,只要在自訂佈景中,在 主控台: 那個方塊
    選擇噗浪提供的黑色選項應該就可以了。

    M6 於 2011/07/31 22:53 回覆

  • 小紗
  • 那個...
    若是主控台的顏色沒有我所需要的該怎麼做?
  • 可以參考這篇文章來改各部份的顏色: http://m66660000.pixnet.net/blog/post/34773945
    整體主控台的背景語法則是:
    div#plurk-dashboard
    {
    background:#000;
    }

    M6 於 2011/08/06 18:58 回覆

  • 小紗
  • 那麼、請問發噗區的顏色該怎麼改呢
    嘗試改了一下,但好像語法弄錯了弄不出來
    謝謝你的幫助,謝謝!
  • 請參考這篇文章的 08 :
    http://m66660000.pixnet.net/blog/post/34773823

    M6 於 2011/08/06 23:45 回覆

  • 訪客
  • 好好看喔 :D
    謝謝你的分享耶!!
    超棒的!!
  • ^ D ^

    M6 於 2011/08/11 21:13 回覆

  • 訪客
  • http://www.flickr.com/photos/m66660000/5992596383/in/pool-plurkcss

    請問這個版面的主控台,怎樣才可以不要在沒有滑過去才會顯示清楚呢?
    看到有霧霧的感覺OAO
  • 將 div#plurk-dashboard {} 中
    filter:alpha(opacity=70) !important; opacity:0.7 !important; zoom:1;
    這行拿掉即可

    M6 於 2011/08/17 13:06 回覆

  • 訪客
  • 請教:
    要怎麼讓主控台"列出所有粉絲"這幾個字(連結)隱藏掉OAO?
    &有辦法讓「關於我」和Karma中間的間距小一點嗎?空好多好奇怪QAQ
    還有就是如何讓小徽章顯示出來呢?

    問那麼多辛苦版主了!!謝謝!
  • 1. 隱藏列出所有粉絲連結:
    .show_all_friends { display : none; }

    2. 間距已經有設0px了,目前還看不出適合改的地方。

    3.小徽章原本應該就有顯現,請問套用的噗版以及使用的瀏覽器類型?

    M6 於 2011/08/17 13:57 回覆

  • 訪客
  • 好的,

    小徽章的問題@@ 我是自己做的版,瀏覽器是用IE7這樣ˇ

  • 那就要看語法內容,才知道哪段語法導致徽章隱藏或不見了。
    如果是自己寫的CSS,應該不會不知道徽章的相關語法才是?
    徽章的項目名稱是 .award_bar ,
    檢查看看相關內容吧 ^ ^

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

  • 茜
  • 不好意思又來問了>____<

    第一個問題http://i.imgur.com/D7JQv.png
    就是如上圖那樣@@ 大頭貼超出了 所以想把他的邊邊加寬

    第二個問題http://i.imgur.com/5YfMU.jpg
    就是想把他移到主控台下方@@

    第三個問題http://i.imgur.com/huf2F.jpg
    也是要移位置這樣@@

    最後一個是關於自介區的關於我
    http://i.imgur.com/KcD7K.png
    我的下面還有打字( 字數沒有超過 ) 然後卻被遮住了( ? )

    不好意思問題很多>____<
    麻煩了m(_ _)m
  • 1. 調整大頭貼大小的數值即可:
    #profile_pic
    {
    width: px;
    }

    然後刪去 #profile_pic:hover {} 那段,頭貼大小就會固定。

    2. 固定語言選單的項目位置:
    #languge_selector
    {
    position:fixed;
    top:600px !important;
    left:12px;
    }

    3. 標籤位置:
    #toggle_tab
    {
    left:240px;
    }

    4. 因為該區有高度限制:
    p#about_me:hover
    {
    max-height:300px !important;
    }

    最大高度300px,可以調整數值或是刪去這行試試看。

    M6 於 2011/09/06 22:15 回覆

  • 茜
  • 對了>____<

    想問說我把主控台移到左邊了
    然後想把粉絲區的框整個移除怎麼用?

    然後http://i.imgur.com/Z0y1u.png
    他列出所有朋友的字被擋住了> <

    還有我不想讓頭貼變大變小要刪掉哪段語法?

    不好意思>_____<
  • 粉絲區框線:
    #dash-fans {border:0 !important;}

    嗯,如果名稱太長,加入朋友按鈕就會斷行呈現,導致擋住下面的字。
    把間距拉高試試看:
    .show_all_friends {margin-top:30px !important;}

    頭貼的大小問題已回應在上則。

    M6 於 2011/09/06 22:23 回覆

  • キキ
  • 你好,我套用了下面的式樣,
    可是想要顯現自介的部分,
    想請問需要修改哪邊的語法。
    麻煩了,非常感謝 m(_ _)m

    http://www.flickr.com/photos/m66660000/5973351546/in/pool-plurkcss
  • 加上這兩段試試:
    #dash-additional-info
    {
    top:50px;
    left:28px !important;
    position:fixed !important;
    z-index:650;
    max-height:56px;
    overflow:hidden !important;
    }
    #dash-additional-info:hover
    {
    overflow:visible !important;
    -moz-transition:opacity 0.2s ease-in;
    -webkit-transition:opacity 0.2s ease-in;
    -o-transition:opacity 0.2s ease-in;
    }

    M6 於 2011/09/10 19:40 回覆

  • su
  • 請問時間怎樣才能顯示出來?
  • 哪部份的時間呢?
    套用這個版型的話,時間軸的日期與時間是會正常顯示的喔

    M6 於 2011/09/16 09:44 回覆

  • su
  • 我看到了 在最底下 謝謝
  • ^ ^

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

  • 小獅
  • 主控台移到右方後
    也將發噗區往左移了一點
    卻顯得發噗區不夠長
    (跟主控台有段距離)

    請問該如何加長?
  • /*發噗區寬度*/
    div#plurk_form
    {
    width:900px !important;
    }

    試著調到你要的數值看看

    M6 於 2011/10/06 17:08 回覆

  • 小獅
  • 成功了\(^w^)/
    謝謝你m(_ _)m
  • ^ W ^

    M6 於 2011/10/06 21:45 回覆

  • 兔子
  • 不好意思....我貼了你很多語法然後不知道為什麼我的徽章會跟全部以讀那些黏在一起
    我的噗:http://www.plurk.com/gcobc0000#
  • 你的語法內容有重複許多地方喔,會導致瀏覽器無法正確判讀,建議不要只是貼上語法,還是要瞭解基本的噗浪css對應項目會比較好修正。

    M6 於 2011/10/21 23:00 回覆

  • 凜
  • 您好..我想求一些語法這樣
    把主控台跟發噗區的透明度調低、發噗區往下調一些(不要遮到圖太多)
    自我介紹收回去時不要那麼快,速度就跟顯示時一樣慢
    卡碼資料(發噗數、啥時加入那些)跟自我介紹一樣可以用顯示跟收回去那樣的功能
    好友跟粉絲也有顯示跟收回去的功能
    還有用這語法後平時的"一則新訊息"這些提示都看不到了,能不能讓他跟普通一樣顯示在右下角呢?
    時間軸上有灰色的直線,我想去掉他
    感情婚姻狀態我想調到最下面
    不好意思麻煩您了,謝謝><
  • 這篇文的分享是基本架構,主要是希望大家學著自己修改並寫寫看噗版css喔~
    你所指出的一些功能其他的版面有設計到,像是這個:
    http://www.flickr.com/photos/m66660000/6130748834/in/pool-1124670@N20/

    可以參考看看。

    還請自己動手試試看喔~ : )

    M6 於 2011/10/26 09:03 回覆

  • 訪客
  • 喔喔!後來又修改了一些~
    那請問把你上面給的那個語法的整個主控台跟發噗區透明度調高呢?
    太透明了這樣" 而且除了河道上的噗以外 其他的字都有點太小
    噗浪標題的黑色底能不能去掉呢?
    謝謝!
  • 透明度的數值語法是 filter:alpha(opacity=80) !important; opacity:0.8 !important; zoom:1;
    80 0.8 是 80%透明度的意思,數值可自行調整。
    而上個回應中連結的噗版主控台背景是用圖片顯示,所以要調整的話要拿掉圖片連結並加上透明度語法。

    字型大小的語法是 font-size: px;
    將覺得太小的段落改其中的px數值即可調整。

    標題的css項目在 /*頁首頁尾*/ 那一段:
    div#page_title
    {
    background:rgba(9,9,9,1) !important;
    }
    將背景語法改成 background:none !important; 就可拿掉背景。

    M6 於 2011/10/26 19:09 回覆

  • 凜
  • 喔喔!雖然主控台跟發噗區還是很透明
    不過其他東西都改好了,謝謝^^
  • カシ*
  • 您好,
    想請問一下,
    要修改什麼才能把背景下面的空白用掉?
    這是我的噗:http://www.plurk.com/ka_shi
    不好意思,麻煩了!
    謝謝!
  • 那是背景顏色的問題,
    目前背景圖只有出現在時間軸加高的部位,
    要全頁面的話可以試著使用這段語法:

    html {background: #000000 url(放圖網址);}
    body, #timeline_holder {background:transparent !important;}

    或是把底色改為黑色就可以了: html {background: #000000;}

    M6 於 2012/02/09 10:27 回覆

  • 悄悄話
  • az0713
  • 你好..請問一下全頁背景圖如果超出怎麼解決?因為目前的背景圖是1680x1050,整張圖大概往右移動大概10CM,無法呈現整個原圖
  • 可以試試看加上這句語法在該段落中:
    background-size: cover;

    M6 於 2012/06/20 13:04 回覆

  • 悄悄話
  • sehunnie
  • http://i.imgur.com/yVXuG.jpg

    上面紅框圈起來的地方只有滑鼠移過去才會顯示
    可以設定直接顯示嗎:)?
    謝謝^^
  • 頁首的項目名稱右邊是 #top_login ,左邊是 #top_bar ,
    找出它的段落,將隱藏語法的句子刪除即可。

    M6 於 2012/08/05 11:18 回覆

  • 悄悄話
  • 悄悄話
  • Alice Hsu
  • 請問 發噗區 和 河道 能不能弄成透明 ??
    讓整個畫面只有 畫面背景 的圖??
    因為我是用 White ColorS 的改
    不太確定有沒有改對 或是重複到
    不好意思麻煩你了
  • 可以參考這一篇:
    http://m66660000.pixnet.net/blog/post/30919028

    M6 於 2013/04/26 21:46 回覆

  • 乃鳳
  • 你好 因為試了很多變還是沒辦法試成功...
    不知道可不可以請問一下這個噗浪主控台的語法要怎麼改成左邊???
    http://www.plurk.com/snsdsj0913
  • 在語法中 /*主控台調整位置縮排置右*/ 這段,
    將 div#plurk-dashboard 跟 div#plurk-dashboard:hover 中出現的 right 都改成 left 試試?
    有需要的話可以調整指定位置的數值。

    M6 於 2013/05/19 18:54 回覆

  • 凜
  • 你好,這次要來請教顏色的部分orz
    www.plurk.com/Korudo164
    自己手賤想把所有顏色都調白好讓文字不會被背景圖給蓋到
    結果調到河道噗的文字啦...這樣都看不到了QQ!
    噗內文、噗主名以外應該暫時不用變化,只有這兩個需要調回黑
    請問是調哪裡><"..?

    還有這個,把滑鼠移到朋友身上約一秒時,會從半透明變成全透明!請問如何讓他不要變全透明、半透明就好?
    http://i.imgur.com/rBoK5yp.png
    麻煩了!
  • 在 #timeline_holder .plurk_cnt, .list .plurk_cnt, #timeline_holder .bigplurk .content, ul.responses .message { font-size: 12px !important; line-height: 21px !important; }
    #timeline_holder .bigplurk .content { font-size: 1.1em !important;}
    .td_cnt .text_holder, #vert_timeline .bigplurk .content .text, ul.responses .message { color: #FFFFFF !important; }

    內文的部分將這兩段設定顏色為#000 (黑色)即可。
    然後 /*連結*/ 的部分是改

    .plurk a.ex_link, .text_holder a.ex_link,
    .plurk a.ex_link:visited, .plurk a.ex_link:active,
    #plurk_responses ul.responses .message a,
    .plurk_content a.ex_link
    {}

    這段要設為有顏色的連結,噗內文的連結才會看得見。

    噗上的暱稱改這段:
    /*暱稱*/
    .td_qual span a, .td_qual span a:hover, #timeline_cnt .name,
    a.user-nick, a.user-nick:hover
    {
    color: #FFFFFF !important;
    }

    也是改回黑色即可。

    圖片的部分似乎已經解決了?

    改 #plurk-dashboard img:hover, #dash-stats .award_bar img { opacity: 0.6; zoom: 1; } 這行的設定即可。

    M6 於 2013/05/24 10:35 回覆

  • 凜
  • 哦哦!這樣真的就很多地方都調好了
    可是圖片的部分還是看不懂,找到那段後要調哪裡呢?
    然後這裡還有幾個問題↓
    http://i.imgur.com/gPblhuM.png
    新回應提醒跟引用噗友時的顏色太淺,那裡是要調哪?
    還有,http://i.imgur.com/PgB6q4a.png
    回應數的地方變太深了我卻不知道我剛剛是從哪調的orz...
    而且當有新回應時,回應數那邊會閃爍,他一樣很暗
    麻煩了!!"
  • 新回應通知的部分是這段:
    /*河道*/
    #updater, #music_player { background: rgba(255,255,255,0.8); border: 1px solid #999; color: #FFFFFF !important; }

    引用噗友的暱稱連結是在這段:
    /*指定連結*/
    .text_holder a.ex_link[href*="www.plurk.com"]
    {
    color: #FFFFFF !important;
    background: #aaa !important;
    }
    .text_holder a.ex_link[href*="www.plurk.com"]:hover
    {
    color: #FFFFFF !important;
    background: #222 !important;
    }

    看是改文字顏色或是背景均可。

    要改噗浪css,先學著辨認各段落的css項目名稱是基本喔。請參考部落格其他篇文來認識各項目吧。

    回應數的話就在 /*回應數*/ 那段啊~ 有中文標注,應該不難理解才是?試著改改看吧。

    #plurk-dashboard img, #dash-stats .award_bar img:hover { opacity: 1; zoom: 1; border-radius: 5px; }
    #plurk-dashboard img:hover, #dash-stats .award_bar img { opacity: 0.6; zoom: 1; }

    這兩行中 #plurk-dashboard img 這項目是主控台圖片,改透明度 opacity 的數值即可。
    我在我電腦看並不會完全變成透明,所以也有可能瀏覽器有所影響,請嘗試看看。

    M6 於 2013/05/24 13:17 回覆

  • 凜
  • 調好了!
    現在這樣就清楚多了~回應數那個就當我眼殘吧(炸
    全透明似乎是我家的火狐才有,用chrome就不會"
    現在還有一個問題是回應欄的部分,翻了文章還是不確定,
    http://i1225.photobucket.com/albums/ee383/kuwendy229/672A547D540D.png
    是在/*噗浪*/的.plurk_box嗎@@?
    回應欄的自己暱稱跟打字時都是白的,連滑鼠的鼠標都無法顯現(噴
    不好意思連續麻煩(炸
  • 那個部分的項目是這行:
    .mini_form .qual_holder { color: #FFFFFF !important; font-size: 11px !important; letter-spacing: 0.04em; }
    不確定項目名稱的話,可以使用瀏覽器的“檢測元素”功能,就會標示出項目以及相關css內容了喔。

    M6 於 2013/05/24 18:34 回覆

  • 凜
  • 喔喔喔終於...!!終於都調好了(炸
    大感謝!!這樣我也學到不少了,以後會試著自己改改看
    真的非常感謝XD!
  • (拍拍手) ^w^

    M6 於 2013/05/24 21:57 回覆

  • niniwowotata
  • 想請問...
    關於karma值下面那些資料,要讓滑鼠指到它才出現要怎麼做??
    想這個...
    http://www.plurk.com/et840804
  • 這噗版使用了我們設計的語法。
    卡馬值統計區的變化,在這例子中是設定該區塊的高度。語法:
    #dash-stats
    {
    max-height:40px !important;
    overflow:hidden !important;
    line-height:1.3em !important;
    }
    #dash-stats:hover
    {
    max-height:300px !important;
    -moz-transition:max-height 0.5s ease-in; /*滑入效果*/
    -webkit-transition:max-height 0.5s ease-in;
    -o-transition:max-height 0.5s ease-in;
    }

    M6 於 2013/07/27 15:39 回覆

  • niniwowotata
  • 不好意思又有問題了...
    我指向它時是有移動到,可是并沒有資料顯示出來...
    我有弄錯什麼嗎??
    這是我的噗 http://www.plurk.com/ikuto333
  • niniwowotata
  • 我弄明白了...
    太感謝謝了!!
  • :)

    M6 於 2013/07/27 16:26 回覆

  • captiseed
  • 請問一下...今天我的左邊主控台突然變成了這樣...
    http://images.plurk.com/e7Ho-kw75RXTBo9z0mG7b8czKM.jpg
    我明明什麼都沒動過 請問是哪裡出了問題?感謝
  • 噗浪似乎改了主控台各區塊的預設數值,如果原本放在左側的欄位有壓縮的情況,請調整語法中 .dash-segment 項目的寬度,將寬度 width: 設為100%,寫成: .dash-segment { width:100% !important; }

    M6 於 2013/09/03 08:26 回覆

  • kingdom1689
  • 不好意思打擾了,想請問一下,我也是使用左側主控台,並且已經更新成上方的語法,但是更新後原本在卡馬下面的好友和粉私鍵都被擋住了,好像是卡馬的空間不會自動隱藏,請問是否有辦法呢?
    http://www.plurk.com/kingdom_1689
    感謝!
  • .dash-segment { width:100% !important; }
    {
    width:218px;
    min-height:10px !important;
    height:auto !important;
    }
    這段有誤,應寫成:
    .dash-segment
    {
    width:100% !important;
    min-height:10px !important;
    height:auto !important;
    }

    M6 於 2013/09/08 22:56 回覆