- 资源介绍
- 更新记录
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文件夹内整体文件替换即可
效果展示:
猜你喜欢
猜你在找
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!yuanmawu2020@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
91源码屋 » RIPRO主题美化-会员中心全宽梦幻动态美化教程
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
91源码屋 » RIPRO主题美化-会员中心全宽梦幻动态美化教程
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 91源码屋
- 2021-01-01Hi,初次和大家见面了,请多关照!