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

主控台資訊區塊的細部設定,包括自介、統計、朋友、粉絲等。

_09_資訊區塊

/*======================== 資訊區塊 ========================*/

#dash-profile, #dash-stats, #dash-friends , #dash-fans    /*置中對齊*/
{
    text-align:center;
}

#dash-stats h2, #dash-friends h2, #dash-fans h2   /*標題*/
{
    background:none !important;
    border:0 !important;
    color:# !important;
}

/*列出所有朋友粉絲連結*/
.show_all_friends a
{
    font-size:11px !important;
    color:# !important;
    text-decoration:none !important;
    letter-spacing:px;
}
.show_all_friends a:hover
{
    color:# !important;
    background:# !important;
    text-decoration:none !important;
}


/*======================== 自介 ========================*/

/*個人圖像*/
#profile_pic
{
    width:px;
    border:px solid # !important;
    padding:px !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;
}
#profile_pic:hover {width:auto;}

/*文字*/
p#about_me,
p#relationship_container,
#dash-profile,
#full_name,
#span_years,
#m_or_f,
#location
{
    color:# !important;
    font-size:11px !important;
    line-height:;
    text-shadow:0px 2px 4px #;
}
#full_name  /*姓名*/
{
    font:700 13px Arial !important;
}
p#about_me,    /*關於我自己*/
p#relationship_container    /*感情狀態*/
{
    background:#!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:px;
}
p#about_me img  /*影音圖片*/
{
    padding-left:px !important;
}
p#about_me img:hover
{
    border:0 !important;
}
#dash-additional-info a   /*連結*/
{
    color:# !important;
    text-decoration:none !important;
}
#dash-additional-info a:hover
{
    color:# !important;
    text-decoration:none !important;
    top:0px;
    left:0px;
}


/*======================== 卡馬 ========================*/

#dash-stats h3  /*背景*/

{
    margin-top:px !important;
    text-align:center !important;
}
#karma_holder {}
.karma_hover
{
    color:#;
    font-size:px;
}
#karma
{
    font-size:px !important;
    text-shadow:0px 0px 4px #ffde00;
    color:#fd9d0b !important;
}

/*隱藏卡馬箭頭*/
.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 {}

#dash-stats table th,  /*項目*/
#dash-stats table td  /*數值*/
{
    color:# !important;
    font-size:px !important;
    line-height:;
    text-align:left !important;
}


/*======================== 小徽章 ========================*/

.award_bar  
{
    width:200px !important;
    padding:0 !important;
    margin-top:10px !important;
}
.award_bar div
{
    padding:0 !important;
    margin:0 !important;
}
.award_bar img  /*透明度變化*/
{
    filter:alpha(opacity=20) !important; opacity:0.2 !important; zoom:1;
}
.award_bar img:hover
{
    filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
    -moz-box-shadow:0px 0px 5px #ddd;
    -webkit-box-shadow:0px 0px 5px #ddd;
    box-shadow:0px 0px 5px #ddd;
}

/*將大徽章換成小徽章*/
.cmp_1
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1194px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -848px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_100000_views
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -117px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10000_invites
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -172px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10000_plurks
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -227px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10000_views
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -282px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_1000_days
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -337px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_1000_invites
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -392px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_1000_plurks
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -447px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_1000_views
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -502px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_100_days
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -557px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_100_invites
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -612px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_100_plurks
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -667px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_100_views
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -722px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10_days
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -777px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10_invites
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -832px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_10_plurks
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -903px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_11
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -958px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_12
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1013px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_13
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1068px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_14
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1123px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_15
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1178px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_2
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1249px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_4
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1304px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_5
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1634px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_50000_comments
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1398px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_5000_comments
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1453px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_500_comments
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1508px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_500_days
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1563px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_50_comments
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1618px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_6
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1689px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_7
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1744px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_8
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1799px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_9
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1854px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_upload_profile_image
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1909px no-repeat;
    width:16px; height:16px; font-size:1px;
}
.cmp_webcam_image
{
    background:transparent url(http://statics.plurk.com/dfcea7c3cd5f2464c34f8e036656c1d7.png) 0 -1964px no-repeat;
    width:16px; height:16px; font-size:1px;
}



/*======================== 朋友粉絲 ========================*/

/*-----------------------------隱藏 朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示*/

#dash-friends p, #dash-friends form,
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;
}


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

a.friend_man
{
    background:# !important;
    border:1px solid # !important;
    color:#fff !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;
    font-size:11px !important;
}
a.friend_man:hover
{
    background:# !important;
    color:#fff !important;
    text-decoration:none !important;
    -moz-box-shadow:0px 0px 5px #eee;
    -webkit-box-shadow:0px 0px 5px #eee;
    box-shadow:0px 0px 5px #eee;
    top:0px;
    left:0px;
}


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

.user_link img  /*透明度變化*/
{
    filter:alpha(opacity=60) !important; opacity:0.6 !important; zoom:1;
}
.user_link img:hover
{
    filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
}
.friend_holder {margin-top:0px;}
.friend_holder table {margin-top:0px; margin-left:auto; margin-right:auto;}
.friend_holder img {width:px;height:px;}
.friend_holder td,
.user_link
{
    padding:0px !important;
    margin:0px !important;
}
.friend_holder .user_link
{
    background:none !important;
    padding:px !important;
    height:px !important;
    width:px !important;
    border:1px solid # !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;
}
.friend_holder .user_link:hover
{
    background:# !important;
    padding:px !important;
    border:1px solid # !important;
    height:px !important;
    width:px !important;
    top:0px;
    left:0px;
}

/*斜角效果*/
.user_link img
{
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
}
.user_link img:hover
{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}


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

div#fan_holder
{
    font-size:11px !important;
    color:#fff !important;
    text-align:left !important;
}
div#fan_holder a
{
    font-size:11px !important;
    color:#fff !important;
    text-decoration:underline !important;
}
div#fan_holder a:hover
{
    color:#fff !important;
    text-decoration:none !important;
}

 

朋友粉絲圖示與相關按鈕的個別設定,請參見:

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

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

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

金羽銀華

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


留言列表 (1)

發表留言
  • 阿偉
  • 你好,請問能不能單獨更改個人圖像的透明度而不被主控台整體的透明度影響呢? 謝謝