查看: 1064|回复: 27

[网站源码] RIPRO主题美化-用户信息修改模块美化

[复制链接]
  • TA的每日心情
    慵懒
    昨天 14:44
  • 签到天数: 426 天

    [LV.9]以坛为家II

    1142

    主题

    512

    回帖

    2万

    积分

    管理员|UID:1

    金钱:7926

    贡献:5000

    威望:5020

    发表于 2023-4-3 10:55:50 | 显示全部楼层 |阅读模式
    Ripro主题 文章右上角 用户信息修改模块,对比原始的样式,更美观,更高大上,比较稳重的效果,有喜欢的,喜欢折腾的朋友就按教程使用吧,记得保存文件哈

    未修改的:
    截图202304031054131973.jpg

    修改后图片:

    截图202304031054307632.jpg

    教程开始:

    首先打开 Ripro主题文件,搜索 widgets.theme.php :

    打开文件,并搜索 widget-userinfo (大概在208行左右) 全部复制替换一下代码
    // 用户信息小工具 CSF::createWidget('cao_widget_userinfo', array( 'title' => 'RIPRO-用户信息展示', 'classname' => 'widget-userinfo', 'description' => 'RIPRO主题的小工具', 'fields' => array( ), )); if (!function_exists('cao_widget_userinfo')) { function cao_widget_userinfo($args, $instance) { if (_cao('close_site_shop','0')) { return false; } if (!is_user_logged_in()) { return false;         } global $current_user; $CaoUser = new CaoUser($current_user->ID); $site_money_ua = _cao('site_money_ua'); echo $args['before_widget']; // start ob_start(); ?> <div class="author-card_content"> <div class="authorinfo-header-title"> <div class="authorinfo-codesign-single"> <?php echo get_avatar($current_user->user_email); ?> </div> <div class="author-info-vip-single"> <div class="authorinfo-header"> <?php echo $current_user->display_name;?> </div> <?php if ($CaoUser->vip_status()) { $tips='<span class="tips">正常</span>'; echo '<span class="label label-warning">'.$CaoUser->vip_name().'</span>'; }else{ $tips='<span class="tips">到期</span>'; echo '<span class="label label-default" style="padding-left:0px;padding-top:0px;">已到期</span>'; } ?> </div> <?php if (_cao('is_qiandao','1')) : ?> <div class="author-qiandao-single"> <?php if (_cao_user_is_qiandao()) { echo '<button type="button" class="btn btn--secondary disabled ripro-qiandao" style="right: -15px;border-radius:50px;background-image: linear-gradient(60deg, #777777 60%, #ffd1ff 100%);"><i class="fa fa-check"></i> 明日继续</button>'; }else{ echo '<button type="button" class="click-qiandao btn btn--secondary ripro-qiandao" style="right: -15px;border-radius:50px;background-image: linear-gradient(60deg, #777777 60%, #ffd1ff 100%);">签到<span>领<span>'._cao('qiandao_to_money','5').'</span>'.$site_money_ua.'</span></button>'; } ?> </div> <?php endif; ?> </div> <div class="author-fields"> <div class="ripro-author-fields"> <span class="ripro-author-yue" style="color:#fff"><?php echo $CaoUser->get_balance();?></span> <span style="color:#bcb7a9">余额(<?php echo $site_money_ua;?>)</span> </div> <div class="ripro-author-fields"> <span class="ripro-author-yue" style="color:#fff"><?php echo $CaoUser->get_consumed_balance();?></span> <span style="color:#bcb7a9">消费(<?php echo $site_money_ua;?>币)</span> </div> </div> </div> <?php echo ob_get_clean(); // end echo $args['after_widget']; } }


    替换后保存,并打开 diy.css 文件(有缓存的记得清理浏览器缓存 / 清理CDN缓存)

    添加:
    /*签到 样式开始*/ .widget-userinfo{ background: url([img]https://img.srcdict.com/VIPZ.png[/img]); background-repeat: no-repeat; background-size: 100% 100%; box-shadow: 0 34px 10px -24px rgba(136,161,206,0.34); } .authorinfo-header-title { margin-bottom: 1.5rem; margin-top: 1.5rem; display: flex!important; } .authorinfo-codesign-avatar { width: 45.6px; height: 45.6px; display: flex; flex-shrink: 0; cursor: pointer; border-radius: 50%; overflow: hidden; } .author-info-vip{ margin-left: 1rem; flex-shrink: 0; border-radius: 500px; cursor: pointer; } .authorinfo-header { font-size: 0.9rem !important; font-weight: 400; line-height: 1.5; color: #fff; } .authorinfo-header-time, .label-default{ font-size: 0.7rem !important; color: #dedbd2; font-weight: 400; line-height: 1.5; background-color:rgba(0,0,0,0) } .authorinfo-codesign-single { width: 40px; height: 40px; display: flex; flex-shrink: 0; cursor: pointer; border-radius: 50%; overflow: hidden; } .author-info-vip-single { margin-left: 0.4rem; flex-shrink: 0; border-radius: 500px; cursor: pointer; } .author-qiandao-single { padding: 0px; padding-top: 0px; height: 40px; line-height: 40px; right: -15px; position: absolute; } .ripro-author-fields{ background-color:rgba(0,0,0,0)!important; color: #fff; } .ripro-author-yue{ font-size: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; } /*签到 样式结束*/



    温馨提示:
    1、在论坛里发表的文章仅代表作者本人的观点,与本网站立场无关。
    2、论坛的所有内容都不保证其准确性,有效性,时间性。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
    3、当政府机关依照法定程序要求披露信息时,论坛均得免责。
    4、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,论坛不负任何责任。
    5、注册会员通过任何手段和方法针对论坛进行破坏,我们有权对其行为作出处理。并保留进一步追究其责任的权利。
    ----------------------------------------------------------------------------------------------------------------------------
    文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
    版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    604

    回帖

    1208

    积分

    金牌会员|UID:480

    金钱:604

    贡献:0

    威望:0

    发表于 2023-4-3 10:58:59 | 显示全部楼层
    酱油党莅临的地方,不仅仅是挽尊,不仅仅是消灭零回复,酱油所过暖意无边
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    606

    回帖

    1212

    积分

    金牌会员|UID:495

    金钱:606

    贡献:0

    威望:0

    发表于 2023-4-3 15:11:31 | 显示全部楼层
    我是火华哥,抢沙发专业户。。。。
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    606

    回帖

    1212

    积分

    金牌会员|UID:482

    金钱:606

    贡献:0

    威望:0

    发表于 2023-4-3 15:24:31 | 显示全部楼层
    看电影,我都不耐烦看文艺片――AV不算,AV是动作片…
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    623

    回帖

    1246

    积分

    金牌会员|UID:493

    金钱:623

    贡献:0

    威望:0

    发表于 2023-4-3 17:59:45 | 显示全部楼层
    我也来顶一下..
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    616

    回帖

    1232

    积分

    金牌会员|UID:483

    金钱:616

    贡献:0

    威望:0

    发表于 2023-4-3 22:16:26 | 显示全部楼层
    我只想安静地做个美男子
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    598

    回帖

    1196

    积分

    金牌会员|UID:477

    金钱:598

    贡献:0

    威望:0

    发表于 2023-4-4 02:18:45 | 显示全部楼层
    要戒烟,早睡,好好的死。
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    615

    回帖

    1230

    积分

    金牌会员|UID:473

    金钱:615

    贡献:0

    威望:0

    发表于 2023-4-4 06:55:34 | 显示全部楼层
    前排顶,很好!
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    598

    回帖

    1196

    积分

    金牌会员|UID:474

    金钱:598

    贡献:0

    威望:0

    发表于 2023-4-4 09:31:48 | 显示全部楼层
    永远有多远?你小子就给我滚多远。
    回复

    使用道具 举报

    该用户从未签到

    39

    主题

    599

    回帖

    1271

    积分

    金牌会员|UID:500

    金钱:633

    贡献:0

    威望:0

    发表于 2023-4-4 11:56:53 | 显示全部楼层
    垃圾内容,路过为证。
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关于我们

    关于我们

    免责声明

    服务条款

    服务支持

    常见问题

    论坛公告

    投诉/建议联系

    jinqike1026@163.com

    论坛仅限于编程技术相关的交流探讨与分享,

    严禁在此发布违规违法帖子,否则后果自负!

    关注微信公众号

    51LA统计|Archiver|手机版|小黑屋|金小颖论坛 ( 浙ICP备2022006091号 )|网站地图

    GMT+8, 2024-3-29 03:44 , Processed in 0.183126 second(s), 78 queries .

    Powered by Discuz! X3.5

    Copyright © 2001-2024 Tencent Cloud.