[经验] 分享仿微信朋友圈个人空间美化-嘟嘟社区

本帖最后由 xiaomao252 于 2024-6-7 22:58 编辑

上班摸鱼改的，灵感来源于@lixiaofei https://hostloc.com/thread-1313846-1-1.html

1L放代码，布局选择1：3，模块选择个人资料、头像、最近访客

头像下方文字为兴趣爱好，可在设置进行更改

本帖最后由 xiaomao252 于 2024-6-7 17:49 编辑

背景图可自行更改

#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 p a {color: #5b6c92;}.mls span.xg2{position:absolute;left:90px;top:70px;}

复制代码

没人会看的，浪费时间

你这个更厉害些

lixiaofei 发表于 2024-6-7 17:47
你这个更厉害些

你的也不差

我记得以前版主会封这种遮挡太多信息了

能做个3.5版本的吗……

找不到地方可以修改

修改好了

默默收藏，太有个性了！这让你老板看到一定想：这小子摸了多久的鱼！