1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | /**======== 頭貼名片 ========**/ /*=名片整體高度=*/ #plurk-dashboard .dash-segment-content #dash-profile { height: 173px; } /*=頭貼尺寸=*/ #plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic { width: 173px;/*名片頭貼圖片原始整體高度,可自行調整,圖片會以左上為對準點,自動符合較長邊*/ height: 173px;/*名片頭貼圖片原始整體寬度,可自行調整,圖片會以左上為對準點,自動符合較長邊*/ padding-top: 173px;/*放置時的名片頭貼圖片原始整體高度,基本上要跟height數值一致。設定小於height圖片會從上面被往下壓縮,小於height的話height會失效*/ /*=放置時的頭貼圖片=*/ background: url(); background-size: cover; transition:0s; /*漸變秒數可自行調整*/ } /*=滑鼠移至時的頭貼圖片=*/ #plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic:hover { background: url(); background-size: cover; transition:0.2s; /*漸變秒數可自行調整*/ } /*=滑鼠長按時的頭貼圖片=*/ #plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic:active { background: url(); background-size: cover; transition:0.2s; /*漸變秒數可自行調整*/ } /*=暱稱資訊位置=*/ #plurk-dashboard .dash-segment-profile #dash-profile #full_name { margin-left: 190px;/*左右位置*/ width: 90px;/*寬度*/ height: 173px;/*高度*/ padding-top: 5px;/*距離最上面的位置*/ } /*=隱藏年齡資訊=*/ #plurk-dashboard .dash-segment-profile #dash-profile .profile-info { display: none; } /*個人資料區整體*/ .dash-segment-profile .segment-content { width: 310px; height: 180px; } |
Direct link: https://paste.plurk.com/show/ljBmwUyj7qJEcomKpTfs