分享仿微信朋友圈个人空间美化

查看 36|回复 1
作者:xiaomao252   
   

上班摸鱼改的,灵感来源于@lixiaofei 网址
1L放代码,布局选择1:3,模块选择个人资料、头像、最近访客
头像下方文字为兴趣爱好,可在设置进行更改

头像, 访客, 可在

xiaomao252
OP
  
背景图可自行更改
[ol]#toptb,#hd,.title,#friend,#thread,#statistic,#profile_content .ul_list,#ft,#personalinfo_content p,#pprl li,#pprl li em,.mls em.gol,.ct2 .mn,.ct2 .sd{display:none;}body{margin:0;padding:0;font-size:14px;font-family:Arial,sans-serif;background:#353535;display:flex;justify-content:center;align-items:center;overflow:hidden;}#ct{padding-top:0;width:677px;height:100vh;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}#ct,.n,.w{background:#fff !important;}#ct::-webkit-scrollbar{display:none;}#frame1_left,#frame1_center{width:100% !important;margin-top:-5px;}.block,.column,#share,body#space .block,.block .dxb_bc,.area{margin:0;padding:0;background:none;border:0;overflow:initial;}#profile_content{position:relative;width:100%;height:300px;background:url('https://hostloc.com/static/space/t1/images/header.jpg') no-repeat center center;background-size:cover;}#profile_content .hm a img{position:absolute;bottom:-40px;right:20px;width:100px;border-radius:10px;}#profile_content .mbn{margin-bottom:0;}#profile_content .mbn a{position:absolute;right:130px;bottom:10px;color:#fff !important;font-size:30px;font-weight:bold;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,0.5);}#profile_content .mbn a:hover{text-decoration:none;}#personalinfo{position:relative;}#pprl li:nth-child(4){position:absolute;right:20px;bottom:-75px;color:#737373;font-size:16px;display:block;}.bbda{border-bottom:0;}#frame1_center{margin-top:60px;}#frame1_center .ml li{float:none;position:relative;text-align:left;}#frame1_center.ml span,#frame1_center .ml span a{color:#b2b2b2;}.mls li{padding:5px 0;width:100%;height:100px;border-bottom:1px solid #e5e5e5;}.mls li:last-child{border-bottom:none;}.mls .avt{position:absolute;left:25px;top:15px;}.mls img{border:0;border-radius:7px;}.mls p{position:absolute;left:90px;top:13px;height:100px;color:#5b6c92;font-size:16px;font-weight:bold;}.mls p:after{content:"666";position:absolute;left:0;top:25px;color:#191919;font-weight:initial;}.mls span.xg2{position:absolute;left:90px;top:70px;}[/ol]复制代码
您需要登录后才可以回帖 登录 | 立即注册

返回顶部