最新公告
  • 欢迎您光临站壳网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • RIPRO主题美化-会员中心全宽梦幻动态美化教程

    RIPRO主题美化-会员中心全宽梦幻动态美化教程 最后编辑:2021-01-01
    增值服务: 自动发货 使用说明 安装指导 环境配置二次开发BUG修复

    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文件夹内整体文件替换即可

    效果展示:

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

    猜你在找

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

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

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    站壳网
    一个高级程序员模板开发平台
    • 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),我们会及时删除,给您带来的不便,我们深表歉意!

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

    联系作者
    • 491会员总数(位)
    • 896资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 907稳定运行(天)

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

    立即发布 我的资源