RIPRO主题美化-会员中心全宽梦幻动态美化教程-91源码屋

资源介绍
更新记录

1、找到wp-content/themes/ripro/assets/css/diy.css并将下方代码内容的diy.css内容整体复制进去并保存

/*会员中心开始*/

/*个人中心板块阴影*/
.user-profile .sidebar-card {
    box-shadow: 4px 6px 10px #3a4f7017;
}
.user-profile .edit--profile-area {
    box-shadow: 4px 6px 10px #3a4f7017;
}
/*个人中心导航菜单*/
.edit--profile-links li a.active {
    -webkit-box-shadow: 0 8px 10px rgba(32,160,255,.3);
    box-shadow: 0 8px 10px rgba(32,160,255,.3);
  }
  /*个人中心顶部*/
  /*内页上方波浪*/
.lang {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: -60px;
    background: rgba(0, 0, 0, 0) none repeat scroll !important;
}
.ripro-dark .lang{
	background: rgba(0, 0, 0, 0) none repeat scroll !important;
}

.lang__1 {
    background: url(https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/wave_05.png) repeat-x;
    width: 7000px;
    height: 60px;
    animation: langs 18s infinite linear;
    position: absolute;
    top: 8px;
}

.lang__2 {
    background: url(https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/wave_04.png) repeat-x;
    width: 7000px;
    height: 60px;
    animation: langs 12s infinite linear;
    position: relative;
    top: 0;
}

.lang__3 {
    background: url(https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/wave_03.png) repeat-x;
    width: 7000px;
    height: 60px;
    animation: langs 18s infinite linear;
    position: absolute;
    top: 0;
}
.ripro-dark .lang__1{
	background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) ), url('https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/wave_05.png');

}
.ripro-dark .lang__2{
	background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) ), url('https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/wave_04.png');
}
.ripro-dark .lang__3{
	background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) ), url('https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/wave_05.png');
}


.footer  .lang {
    margin-top: -55px;
}

@keyframes langs {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1938px;
    }
}

@-webkit-keyframes langs {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1938px;
    }
}
.site-content {
    background-color: rgb(246,246,246);
}
.menghuan {
    animation: mymove 10s ease infinite;
    -webkit-animation: mymove 10s ease infinite;
    -moz-animation: mymove 10s ease infinite;
    width: 100%;
}
  .header-center .jinbi i {
    background: url(https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/jinbi.png) no-repeat center;
    background-size: cover;
}
.header-center .dou i {
    background: url(https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/dou.png) no-repeat center;
    background-size: cover;
}
.header-top {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cecece;
}
.author-card .author-infos .author p {
    line-height: 30px;
    padding-top: 6px;
    font-size: 12px;
    margin: 0;
    color: #555;
    font-weight: 500;
}
.card-box .author-info h3 {
    color: #2d3039;
    font-weight: 700;
    margin-top: 44px;
    font-size: 34px;
    margin-bottom: 6px;
}
.card-box .author-info {
    position: relative;
    text-align: left; 
    padding: 22px 24px 20px;
}
.card-box .author-info p {
    text-align: right;
    color: #627079;
}
.pcolorbg,.mcolorbg4,.scolorbg {
    background: #ffffff;
}
.card-box .author-info small {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    font-weight: 600;
    color: #66737c;
    opacity: 1;
}
.form-control, textarea.form-control {
    color: #2d3039;
    background-color: #f8f8f8;
    border: 1px solid #eeeeee;
}
.card-box .author-info small{
    left: 8px;
    top:20px;
    text-align: left;
}
.author-info scolorbg2{
    left: 8px;
    top:20px;
    text-align: left;
}
i.fa.fa-ticket {
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 20px;
    color: #f9c009;
    background: #fcf6d9;
    padding: 16px;
    border-radius: 50%;
}
i.fa.fa-shopping-cart{
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 20px;
    color: #0390ff;
    background: #d9ecfc;
    padding: 16px 17px;
    border-radius: 50%;
}
i.fa.fa-rmb{
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 20px;
    color: #ff6262;
    background: #fcd9d9;
    padding: 16px 21px;
    border-radius: 50%;
}
.mcolorbg2,.pcolorbg2,.scolorbg2 {
    background: #ffffff;
}
/*会员中心*/
.term-bar:before {
    background-color: #c77ffe;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s cubic-bezier(0.77,0,0.175,1);
}
.lazyloaded {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.77,0,0.175,1);
}
.photo{
	border-radius: 50px;
}
/*会员中心*/
/**cosy-user**/

.apollo-user-meta {
    position: relative;
    margin-top: 4rem;
    padding-bottom: 1.5rem;
}
.w-96 {
    width: 96px;
}
@media (min-width: 768px){
.user-d-flex{
    align-items: center;
    flex-direction: row;
    display: flex;
}
}
.user-d-flex{
    display: flex;
    flex: 1 1 auto;
}
@media (min-width: 768px){
.mb-md-0, .my-md-0 {
    margin-bottom: 0!important;
}
}
.rounded {
    border-radius: 6px;
}
.ml-md-4, .mx-md-4 {
    margin-left: 1.5rem!important;
}
.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
.text-lg {
    font-size: 1.25rem !important;
    text-align:left;
}
.text-white {
    color: #ffffff!important;
}
.apollo-user-meta .name .badge {
    position: relative;
    top: -2.5px;
}
.badge-primary {
    background-color: #11999e;
}
.badge {
    border-radius: 2px;
    font-weight: normal;
}
.text-xs {
    font-size: 0.75rem !important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
.font-theme {
    font-family: nicetheme, Arial, sans-serif;
}
.apollo-user-meta .data small {
    position: relative;
    top: -1px;
}
.text-light {
    color: #ebedf3 !important;
}
.data{
    text-align:left;
}
@media (max-width:767.98px){
    .text-white{
        padding-top:18px;
    }
}
.navbar-apollo{
	position: relative;
}
.navbar-apollo .nav-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.nav-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-apollo .nav-user-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}
.nav-user-link {
    display: block;
    padding: 1rem 1rem;
}
.d-block {
    display: block!important;
    width: 30PX;
}
.nice-apollo-two .text-xl {
    font-size: 1.5rem !important;
}
.nice-icon {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.nice-icon {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.text-xl {
    font-size: 1.625rem !important;
}

.navbar-apollo .nav-user-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}
.nav-user{
	flex-wrap: nowrap;
	overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 5px;
	    position: relative;
    margin-bottom: 18px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    height: 0px;
    line-height: 30px;
    background: #ffffff;
    padding: 36px 0;
    border-radius: 100px;
    margin-top: 20px;
}
.menghuan{
    animation: mymove 10s ease infinite;
    -webkit-animation: mymove 10s ease infinite;
    -moz-animation: mymove 10s ease infinite;
    width: 100%;
}
.nav-user::-webkit-scrollbar {
    display: none;
}
@media (max-width:768px){
	.apollo-user-meta{
		    padding-left: 10px;
	}
}
.payvip-box .vip-info{
	opacity: 0.7;
}


@keyframes langs {
	0% {
	margin-left:0
}
100% {
	margin-left:-1938px
}
}@-webkit-keyframes langs {
	0% {
	margin-left:0
}
100% {
	margin-left:-1938px
}
}
/*会员中心结束*/

2、找到/wp-content/themes/ripro/pages/user.php并将下方代码内的user.php文件替换

<?php

/**
 * template name: 用户中心(/user)
 */
date_default_timezone_set('Asia/Shanghai');
if(!is_user_logged_in() || !is_site_shop_open()){
	header("Location:".home_url());
	exit();
}
global $current_user;
$part_action = (isset($_GET['action'])) ? strtolower($_GET['action']) : '' ;
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	<link href="<?php echo _cao('site_favicon') ?>" rel="icon">
  <title><?php echo _title() ?></title>

	<?php wp_head(); ?>
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="<?php echo get_stylesheet_directory_uri() ?>/assets/js/html5shiv.js"></script>
      <script src="<?php echo get_stylesheet_directory_uri() ?>/assets/js/respond.min.js"></script>
    <![endif]-->
     <script src="//at.alicdn.com/t/font_1169726_u1uoi1l1g9q.js"></script>
     <link rel='stylesheet' href='//at.alicdn.com/t/font_1575172_o74aqw4vxeb.css' type='text/css' />
</head>

<body <?php body_class(); ?> style=" background-color: #fff; ">

<div class="site">
    <?php
        get_template_part( 'parts/navbar' );
    ?>
    
<div class="site-content" style="padding-top: 0px;">
	
<div class="term-bar visible lazyloaded menghuan" style="background-image:url(https://mobanweb.oss-cn-hangzhou.aliyuncs.com/image/RiPro-XIU/full.jpg);background-size: cover;background-repeat: no-repeat;background-position: 15% 15%;background-color: rgba(0, 0, 0, 0.2);text-align:left;display:block">
	<div class="container">
		<div class="apollo-user-meta py-4 mt-4 mt-md-5">
	    	<div class="user-d-flex">
	        	<div class="mb-3 mb-md-0">
		            <div class="flex-avatar w-96 rounded">
		            	<?php echo get_avatar($current_user->user_email); ?>
		            </div>
	        	</div>
		        <div class="text-white mx-md-4 flex-fill">
		            <div class="name text-lg"><span class=""></span><?php echo $current_user->display_name;?> 
		                <?php 
		                global $current_user;
						$CaoUser = new CaoUser($current_user->ID);
			                if ($CaoUser->vip_status()) {
			                	echo '<span class="wp wp-VIP"><i class="fa fa-diamond"></i> '.$CaoUser->vip_name().'用户</span>';
			                	echo '<div class="data mt-2"><span class="mr-3"><span class="font-theme text-lg text-white">'.$CaoUser->vip_end_time().'</span><small class=" text-xs text-light mx-1">  会员到期</small></span></div>  ';
			                }else{
			                	echo '<span class="wp wp-VIP"><i class="fa fa-user"></i> '.$CaoUser->vip_name().'用户</span>';
			                	echo '<div class="data mt-2"><span class="mr-3"><span class="font-theme text-lg text-white">'.$CaoUser->vip_end_time().'</span><small class=" text-xs text-light mx-1">  暂无特权</small></span></div>  ';
			                }
		                ?>
		        	</div>
		    	</div>
			</div>		
		</div>
	</div>
</div>
<div class="lang"><div class="lang__1"></div><div class="lang__2"></div><div class="lang__3"></div></div>

<?php get_template_part( 'pages/user/header');?>


<!-- #user-profile
============================================= -->

<div class="container">
    <section id="user-profile" class="user-profile">
        <div class="row">
            <?php
            if ($part_action != 'addproduct') {
               get_template_part( 'pages/user/nav');
            }?>
            <!-- .col-md-4 -->
            <?php
	            if ($part_action) {
					get_template_part( 'pages/user/'.$part_action);
				}else{
					get_template_part( 'pages/user/index');
				}
			?>
            
        </div>
    </section>
</div>
<!-- #user-profile  end -->



<?php get_footer(); ?>

3、找到/wp-content/themes/ripro/pages/user/并将下方代码内的user文件夹内整体文件替换即可

效果展示：

猜你在找

91源码屋

ripro

1. 本站所有资源来源于用户上传和网络，因此不包含技术服务请大家谅解！如有侵权请邮件联系客服！yuanmawu2020@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性，资源仅供下载学习之用！如有链接无法下载、失效或广告，请联系客服处理，有奖励！
3. 您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容资源！如用于商业或者非法用途，与本站无关，一切后果请用户自负！
4. 如果您也有好的资源或教程，您可以投稿发布，成功分享后有站币奖励和额外收入！
91源码屋 » RIPRO主题美化-会员中心全宽梦幻动态美化教程

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。

91源码屋: 一个高级程序员模板开发平台

柠檬@ SVIP

分享到：

2021-01-01Hi,初次和大家见面了,请多关照！

售后服务范围	1、商业模板使用范围内问题免费咨询
	2、源码安装、模板安装（一般 ¥50-300）服务答疑仅限SVIP用户
	3、单价超过200元的模板免费一次安装，需提供服务器信息。

付费增值服务	1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
	2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务

	3、服务器环境配置（一般 ¥50-300）
	4、网站中毒处理（需额外付费，500元/次/质保三个月）
售后服务时间	周一至周日（法定节假日除外） 9:00-23:00
免责声明	本站所提供的模板（主题/插件）等资源仅供学习交流，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担，有部分资源为网上收集或仿制而来，若模板侵犯了您的合法权益，请来信通知我们（Email: 80027422@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！

RIPRO主题美化-会员中心全宽梦幻动态美化教程

猜你喜欢

猜你在找

常见问题FAQ

柠檬@ SVIP

售后服务：

Hi, 如果你对这款模板有疑问，可以跟我联系哦！

升级SVIP会员

工作时间

2023年4月
一	二	三	四	五	六	日
« 2月
					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

猜你喜欢

猜你在找

常见问题FAQ

柠檬@ SVIP

售后服务：

Hi, 如果你对这款模板有疑问，可以跟我联系哦！

欢迎您免费注册发布自己的优质资源，利用平台的海量用户流量，获取丰厚销售提成！

升级SVIP会员

工作时间