http://img1.tiniergoodies.com/_swf/26-09-2010/selfy.swf?faceId=10479133&hairId=10383636&accefId=0&accehId=1033951&topId=10399474&bottomId=0&accenId=10370761&backId=10331803&hatId=0&shoeId=10491551&coatId=0&bgId=10433821&bodycolorId=17000193&dreamId=244750

我的噗浪css語法2

/* 變更 Plurk 生物外觀 */

#dynamic_logo img, #logo a img {

filter: alpha(opacity=0);

opacity: 0.0;

}

#dynamic_logo, #logo {

width: 200px; /* 寬 */

height: 316px; /* 高 */

margin-top: 800px; /* 距離頂部的位置 */

margin-left: 50px; /* 距離右邊的位置 */

background-repeat: no-repeat; /* 不重覆 */

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJkhowAO9ApUxo_8x1xzS3ss2t4zWIPu4n_oCuA22Eix6BwddNFAACZAHGIj2Lm3YNP19VtmQ1ItchyphenhyphenEwtT6PpyQbIpeDmH_Xvy9SePQ1H1MwSvcgaLY1mC6DOsiNrZ5MH9bYT_EST7An/s1600/%25E6%2594%25B6%25E7%2595%2599.gif); /* 圖片網址 */

}

/*時間軸前後返回鈕開始*/

/*時間軸往前往後圖示：左亞蓮右神田*/

.cmp_arrow_right {

background:url();

width: 150px;height: 84px; /*圖片的寬與高*/

}

.cmp_arrow_right:hover {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0gOohCibT9PdPCGpcO7Inv23wR0pjavL3zFbgk_N-_SZvGuqEgVFXs_8gHG7AW4MfzeCt4ZjPkuNFTwtdX7nWigYG9bOE5zyypXxPjoxvjA3lt01UasflegS9WQ8oOno16EwteRCpssR/s1600/29f5a00eee9c32fe7acbe119.jpg);

width: 150px;height: 84px; /*圖片的寬與高*/

}

.cmp_arrow_left {

background: url();

width: 150px;height: 84px;

}

.cmp_arrow_left:hover {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKn8WAR_3iz9kNwDkkb0HvULRqiu10cV95Dcr5ez7rVSmVVCbq8v22z63RpiIY07SmPCaeUy15umXo9y3KdlserRlNf0pyMaHyZhSIoUIsk7nVSRG341JUcMRxTyNfN3qw7JPfyfmSJTS/s1600/d18ef72d2041cd00359bf71d.jpg);

width: 150px;height: 84px;

}

/*到最新：亞蓮*/

.cmp_back_to_today {

background: url();

width: 150px;height: 85px;

}

.cmp_back_to_today:hover {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-8petGkQLs791GaFkiHlQDwNSylUCw8qkUAF5KlXUTz4qmGWuG3t08TkWqT-V-mI3KQLNty7CcwR6C_15nbQqpAL45fM7OYqlG-7yBde1ykIxMGXdzzmq4x6aRQs6DjgyzVUeW7BIWNqA/s1600/ap_F23_20080822113541516.jpg);

width: 150px;height: 85px;

}

/*時間軸前後返回鈕結束*/

/*透明度開始*/

/*資料面板: 透明度變化*/

div#plurk-dashboard {

filter:alpha(opacity=0) !important; (先將主控台資訊隱藏起來，透明度設"0")

-moz-opacity:0!important;

opacity: 0!important;

}

div#plurk-dashboard:hover {

filter:alpha(opacity=100) !important; (滑鼠移過去，讓主控台資訊顯現出來，透明度設"100,1,1")

-moz-opacity:1!important;

opacity: 1!important;

}

/*透明度結束*/

/*噗列表換行*/

.list .plurk_cnt .td_qual{position: absolute;width: auto;overflow: visible;}

.list .plurk_cnt .td_cnt .text_holder{

margin-top: 1.5em;

margin-left: 0.5em;

padding: 0.4em;

width: auto !important;

}

/* 更換發噗按鈕 */

img[src="http://static.plurk.com/button/plurk.png"] /*原按鈕透明*/

{

filter:alpha(opacity=0);

-moz-opacity:.0;

opacity:.0;

}

.submit_img /*替換按鈕圖片網址*/

{

background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowMCfIxHdxPvPkLG76B3x60NegjdY1yDPh_jfKoA0aP3Gsir2x10nqBe3P3vOsgAFlh8HuR5ng6QatvwM9Q1jjLjjhGG05w0OOPrHxObsed0gRQoNw6N0wM1Xjt4ovd1obhR0NZpKyeq9/s1600/%25E6%258C%2589%25E9%2588%2595.jpg) no-repeat scroll top left;

height: 74px;

padding-left: 100px;

width: 30px;

overflow: hidden;

margin-top: -20px;

}

/*發文的字體為標楷體*/

textarea#input_big, textarea#input_permalink {font-family: 標楷體, Verdana;}

/*頁首頁尾：左白字（預設）；右、頁尾都為藍字*/

#top_bar, #top_bar a {font-family: 微軟正黑體, Verdana;font-weight: regular;}

#top_login, #top_login a {color:#89aeda;font-size:11px;}

#top_login a:hover {color:#bfe2ff;}

#footer, #footer a {color:#89aeda;font-size:11px;}

#footer a:hover {

color:#fff;

background:#89aeda;

-khtml-border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

}

/*編輯文字：河道上“編輯“二字大小10；顏色為綠色*/

#top_bar .content a#edit_link {color:#7eb097;font-size:10px !important;}

#top_bar .content a:hover#edit_link {color:#64896a;background:none;}

/*通知數字（看不出有變的傢伙）*/

#alert_beacon {color:#ee9b93;font-size:11px;margin:0 2px;}

/*標題：文字白色；大小15；預設字型微軟正黑體*/

#page_title{color:#FFFFFF; font-size:15px; font-weight: bold;!important; font-family:微軟正黑體,Verdana; }

/*換日線（原本是醜死人的一條直線掛在河道上）*/

#timeline_bg .day_bg .div_inner {

background:#000000;

font-size: 10px;

-khtml-border-radius:10px;

-moz-border-radius: 10px;

-webkit-border-radius:10px;

width: 0px;height:4px;

border:0;

}

/*時間分隔線：原本會有背景色*/

#bottom_line {

background: transparent;

border:none;

}

.bottom_start , .bottom_end {

background: transparent;

color:#ffffff;

font-size: 12px;

}

/*更新通知*/

#updater {

background:#000000;

filter: alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;

border: 1px solid #7eb097;

-khtml-border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

font-size: 12px;

color:#fefefe;

}

#updater a {color:#fefefe;}

#updater #noti_np #noti_np_text{color:#fefefe; }/*左*/

#updater #noti_np a{color:#fefefe; }

#updater #noti_re #noti_re_view #noti_re_text {color:#fefefe; }

#updater #noti_re #noti_re_view a{color:#e98b9d; }

/*背景圖開始*/

/*河道背景*//*

#timeline_holder {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdRSjw4nyvKGlsVbXrb05Oc3EieYxQvsp1mCy28TsEzhPgW97lsyZt75HKMdphkm6LgHMwaOCEUOE7zVfPqRDFprb_s-4ofn6XcE1TjL8yF9kSFUuw72aHxuv-05FE4ZRHs2W1aAOoQBT/s1600/robopanda.jpg);

background-repeat: repeat;

border: 1px solid #CCCCCC;

}*/

/*網頁背景*//*

body, html {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdRSjw4nyvKGlsVbXrb05Oc3EieYxQvsp1mCy28TsEzhPgW97lsyZt75HKMdphkm6LgHMwaOCEUOE7zVfPqRDFprb_s-4ofn6XcE1TjL8yF9kSFUuw72aHxuv-05FE4ZRHs2W1aAOoQBT/s1600/robopanda.jpg);

background-repeat: repeat;

color: #FFFFFF;

}*/

/*全背景*/

body, html {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7uKmc8ap0kR2ZYpZegvqKBo3k9hUn5b7E9FXczZX2a94g-N8FLe-Axn1CyLR-wkISck8ypkqiwnJ05K4kLpkR0xHVDGlDTH9tkuXqkQy2xFQq7NebIlFbvmldT_u-6i3lgQW6bPVF2RpA/s1600/201102191054.jpg);

border:hidden; margin: 0;}

#plurk-dashboard, #plurk_form ,#toggle_tab {opacity: 1; filter: alpha(opacity=100);}

#timeline_holder {background:none; border:hidden;}

.day_bg .div_inner{background: none;border:hidden;}

#plurk-dashboard{background:none; border:hidden;}

#bottom_line {background:none; border:hidden;}

/*搜尋面板：網頁背景變透明*//*

.plurkaction,#toggle_tab li.tt_selected,#more_options_link {

background: transparent;

border: 0 !important;

}*/

/*搜尋面板：網頁背景半透綠，跟主控台習習相關，這語法是兩個一起變*/

#toggle_tab li {

background: transparent;

color: #3cb371 !important;

}

.plurkaction{clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{

border: 0px solid #3cb371;

background: url(http://i43.tinypic.com/33m0cwm.jpg);

color:#3cb371 !important;

}

/*主控台：網頁背景變半透黑*/

#plurk-dashboard h2{

color: #3f3f3f;

font-family: Denise Sans;

font-size: 27px;

border-bottom: 0px solid #83DF45;

text-transform: capitalize;

text-shadow: #fff 1px 1px 0;

}

/*主控台：網頁背景變透明、字變成綠色 + 橘色*//*

#plurk-dashboard{

opacity: 0!important;

color:#64896a;

background: transparent;

border: none;

padding: 2px;

}*/

#dash-stats h2, #dash-friends h2, #dash-fans h2{

color: #64896a;

font-size: 14px;

line-height: 110%;

border: 0;

font-weight: bolder;

text-align:center !important;

background: transparent !important;

}

#main_poster{color:#64896a; font-wight: bold; font-size: 12px; }

#main_poster .qual_holder{color:#64896a; font-size:22px; font-family:微軟正黑體,Verdana; }

/*大Loading：好快閃過的神亞西裝圖*/

.cmp_loading {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcngXpOVnrnMfufaNDSnENJf0tIa53UB9bKFYu_Brqs3WpuwMJjzCKlce16-fYnJhyphenhyphen35-IsuhIiz57HoOmXre3aO1veqIu0cf84oRe1CwkASjLfWdyXaWjsLoGXqut0c_7zYWC0ixUFmzw/s1600/yullen661025.jpg) !important; /*圖片*/

height: 251px; /*依據圖片的高度做設定*/

width:300px; /*依據圖片的寬度做設定*/

background-repeat: no-repeat;/*是否重複*/

background-position: 2px 17px; /*圖片的 x 座標 和 y座標*/

/*不建議使用 left center right 或帕數(%)來決定圖片的 x 和 y 座標*/

}

/*小Loading：亞蓮跟神田睡在一起（咦，呀比*/

.loading img {

filter:alpha(opacity=0); opacity: 0.00;

height: 0px; width: 0px;

}

.loading {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH9DFQmZrAwOJNpPDYuZHtHUKHjTdOuahrYOnUdGLhSClZFDf8nDbR5hiOag4ciK824GwRlBYgbc4eoNs0IwdjxNg5ghpL6MeXB0-2dvgTKBm6jPJ7Ts1TeYz1lhI5dZs_tbH6Mvyah539/s1600/5231303024_d040ba70cc.jpg); /*圖片*/

height: 150px; /*一般值為 150px ，這同時也是圖片的最高高度*/

/*如果不介意載入時旁邊會出現捲軸來影響圖片位置，可以超過建議數值*/

background-repeat: no-repeat; /*是否重複*/

/*詳細: http://css.1keydata.com/tw/background.php#repeat */

background-position: center 28px; /*圖片的 x 座標 和 y座標*/

/*不建議使用 left center right 或帕數(%)來決定圖片的 y座標*/

}

/*背景圖結束*/

/*個人簡介：除姓名以外的字體顏色為藍，姓名為粉紅*/

#dash-profile{color: #89aeda; line-height: 20px; font-family:微軟正黑體,Verdana;padding:2px;}

#full_name {font-size:17px;color:#ee9b93 !important;}

#dash-profile img{

border: 2px solid #ee9b93;

-khtml-border-radius:8px;

-moz-border-radius:8px;

-webkit-border-radius:8px;

padding:2px;

}

#dash-profile:hover img{width: auto;}

#dash-additional-info{color:#89aeda; font: 12px; line-height: 18px; }

#dash-additional-info #about_me, #dash-additional-info #about_me a{color: #89aeda; text-decoration: none; }

#dash-additional-info #about_me a:hover{color: #999; text-decoration: none; }

/*隱藏功能列開始*/

/*隱藏噗浪生物*//*

#dynamic_logo ,#logo img {filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; }

img#creature{ filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; } */

/*發噗區透明度變化*/

div#plurk_form

{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}

div#plurk_form:hover

{filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}

/*plurk-搜尋標籤透明度變化*/

#toggle_tab li

{filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;}

#toggle_tab li:hover

{filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;}

/*粉絲區: 隱藏分享連結*/

div #sharePlurk {filter:alpha(opacity=0)!important; opacity:0!important;}

/*粉絲區: 隱藏社交小圖示*/

.dash-icon {filter:alpha(opacity=0)!important; opacity:.0!important;}

/*朋友區: 隱藏搜尋區*/

#dash-friends p, #dash-friends form {

filter:alpha(opacity=0) !important;

-moz-opacity:0 !important;

opacity: 0 !important;

}

/*朋友區: 隱藏入門說明*/

div #tw_help {

filter:alpha(opacity=0) !important;

-moz-opacity:0 !important;

opacity: 0 !important;

}

/*朋友區: 隱藏邀請朋友*/

div a#dashboard-invite {filter:alpha(opacity=0)!important; opacity:0!important;}

/*隱藏功能列結束*/

/*河道上的噗：綠邊圓圓的*/

.plurk_cnt {

font-size:12px;

letter-spacing:.1em;

line-height:18px;

-khtml-border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

border: 1px solid #7eb097;

}

/*回應列表標題：綠底白字*/

.plurk_box .caption {background:#7eb097;color:#fefefe;}

/*回應數：回應過的，透明底綠字，新的，綠底白字*/

.response_count {

-khtml-border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

background:none;

filter:alpha(opacity=80) ; -moz-opacity:0.8; opacity:0.8;

color:#7eb097 !important;

margin-left:4px;

padding:4px;

font-size:12px;

}

.new .response_count {

-khtml-border-radius: 8px;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

background:#7eb097;

color:#fefefe !important;

font-size:12px;

filter:alpha(opacity=100) ; -moz-opacity:1; opacity:1;

padding:4px;

}

.dots .inner {color:#7eb097;border:0;background:none;}

/*影音圖片*/

.youtube img,.pictureservices img {border: none;}

.youtube:hover img,.pictureservices:hover img {border:1px solid #7eb097;}

.video:hover img,.pictureservices:hover img{border:1px solid #7eb097;}

/*噗上的連結：河道上人的暱稱是綠色，連結變成粉藍色*/

.plurk a.ex_link {color:#89aeda;font-weight: bold;text-decoration:normal;}

.plurk a.ex_link:hover {color: #92bced;font-weight: bold;border-bottom: 0px;

text-decoration:normal;}

a:link {color: #7eb097;text-transform: normal;}

a:visited, a:active {color: #7eb097;text-transform: normal;}

a:hover {border:0;color:#64896a;text-transform: normal;}

loading小圖

左邊按鈕

下次要放的背景就決定是他了（喂

可惜下面要1070（而且我不知要改成怎樣（喂；所以拉比就被俺卡掉了 OAO

這是原圖

辛苦這位改圖的大大了，好讚，給你一個拇指 b

前後返回鈕 右

前後返回鈕 左