因應網友"冉"的留言,將自己所知的單一噗浪頁面的語法列出來讓大家參考~**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; /*讓小圖消失*/
}
設計噗佈景很有趣,會發現很多會讓人開心的安排方式,多嘗試、多練習、多看、多分享,就能開心玩噗~ ^ ^
留言列表