因應網友"冉"的留言,將自己所知的單一噗浪頁面的語法列出來讓大家參考~**911更新版**


/*單一Plurk頁面--------------------------------------*/
/*************本則訊息區*************/

/*使用者名稱*/
.bigplurk .user-nick { }
.bigplurk .user-nick:hover { }

/*內容區*/
div.bigplurk h1.content {
background-color:#;
border-right:1px solid #;
}

/*時間區*/
div.bigplurk div.time {
font-size:;
text-align:right;
background-color:#;
color:#;
border-right:;
border-bottom: ;
margin:0 70px 0 0;
padding:0 4px 4px 0;
}

/*使用者區*/
div.bigplurk div.user {
padding-left:390px;
margin:-12px auto 0;
}

/*使用者圖片*/
div.bigplurk div.user img {
border: ;
padding: ;
background-color:#;
}

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

/*暱稱區*/
#dashboard_holder .message a.user {font-weight:700;}
#dashboard_holder .message a.user {color:#;}
#dashboard_holder .message a.user:hover  {color:#;}

/*使用者名稱標示*/
.highlight_owner a {color:#  !important;text-decoration:underline!important;}
.highlight_owner a:hover {color:#  !important;}

/*回應區*/
#plurk_responses {color:#  ;}
#plurk_responses a {color:#  ;}
#plurk_responses a:hover {color:#  ;}
#plurk_responses ul.responses {margin:0 10px;}
#plurk_responses ul.responses li {min-height:49px;margin:20px 0;}

/*回應內容*/
#plurk_responses ul.responses .message {
background:#  ;
color:#  ;
border-right:  ;
border-bottom:  ;
margin:-45px 0 0 54px;padding:6px;
}
#plurk_responses ul.responses .message a:hover  {color:#  !important;}
#plurk_responses ul.responses .message a.ex_link {color:#   !important;}
#plurk_responses ul.responses .message a.ex_link:hover {color:#  !important;}

/*回應區使用者圖片*/
#plurk_responses ul.responses li .avatar { }
#plurk_responses ul.responses li img.avatar{ }

/*回應時間標示*/
span.time {color:#   ; }

/*影音圖片*/
.youtube img,.pictureservices img {border:none;}

/*************發噗面板區*************/

/*回應框背景*/
#reply {margin-top:40px;}
#reply h2 {margin-bottom:8px;padding:8px;}
#reply .char_updater {color:#  ;}
#reply #reply_box,#reply h2 {background:#  ;}
#reply #reply_box {padding:8px;}
#reply .dd_img {margin-bottom:-4px;}

/*噗輸入區*/
textarea#input_big, textarea#input_permalink {
background:#  ;
border: 1px solid #  ;
border-right:   ;
border-bottom:   ;
color:#  !important;
}
textarea#input_big.content { height:100px; } /*加高*/

/*分享連結*/
#plurk_responses div.feed-link {
margin:4px 10px 0 0;
font-size:  ;
color:#  !important;
}

/*上一則下一則*/
#next_plurk {width:50%;font-size:  ;color:#  !important;}
#prev_plurk {width:50%;text-align:right;font-size:  ;color:#  !important;}

__________________________________________________________________

還有頁首"我的資料、我的朋友、通知"前方的小圖~

/*頁首小圖*/

#top_bar .content {
background: url(http://) no-repeat transparent;  /*放要替換的圖檔網址*/

background:none; /*讓小圖消失*/

}

設計噗佈景很有趣,會發現很多會讓人開心的安排方式,多嘗試、多練習、多看、多分享,就能開心玩噗~ ^ ^

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