0°

柒比贰开通会员界面右侧开通说明修改样式

水文,也是之前我网站的付费会员老哥需求的,找了个图,说别人的改了,他也想弄成这样,问我怎么改,当时我说出个教程,拖了一两天,今天给他发出来了,其实在样式上根本没啥修改,无非就是价格图标,反正也就是让会员介绍内容多一些!另外打个广告!代扒css代码,看难度收费,私聊客服QQ即可!另最新暗黑版日主题已经美化一部分工作,演示站http://www.5kan.cc

水文,也是之前我网站的付费会员老哥需求的,找了个图,说别人的改了,他也想弄成这样,问我怎么改,当时我说出个教程,拖了一两天,今天给他发出来了,其实在样式上根本没啥修改,无非就是价格图标,反正也就是让会员介绍内容多一些!另外打个广告!代扒css代码,看难度收费,私聊客服QQ即可!另最新暗黑版日主题已经美化一部分工作,演示站http://www.5kan.cc

教程也算不上吧,就是相当于告诉大家在那个位置修改这个东西,我的修改界面展示如下图

修改样式截图:

演示地址:https://www.6fwq.com/vips

 

修改思路

01.主要修改思路就是必须会添加图标,具体添加图标教程在下方,另外自己录的视屏也附上地址

wordpress或网站中阿里图标库引用彩色图标的方法介绍(精)

2815435

视屏在文章的最后!

柒比贰主题美化汇总文章(含细节提问修改)

146081

2.修改位置:

seven/sidebar/sidebar-vips.php的10-15行之间的代码,添加svg图标和柒比贰主题自带的会员头衔图标,我的修改图标和位置如下,图标js放到后面的,下载之后加到自己child.js里面,或者直接引用这个字体图标

<li class="hh_sidebar_vips_righg_list vip1">
<b class="hh_sidebar_vips_righg_title"><i class="zrz-icon-font-vip iconfont"></i>月费会员</b>
<p><svg class="icon" aria-hidden="true"><use xlink:href="#iconfabu-"></use></svg>时长:30天</p>
<p><svg class="icon" aria-hidden="true"><use xlink:href="#iconhuo"></use></svg>价格:60元</p>
<p><svg class="icon" aria-hidden="true"><use xlink:href="#iconfabu-1"></use></svg>说明免费下载月费会员资源</p>
</li>

 

 

3.我的修改文件,php文件+js文件,图标选用地址   https://www.6fwq.com/font_hh/demo_index.html     参考css文件如下,加到子主题的style.css里面

已有6人支付

已有6人支付

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论
在线图床 网址缩短 积分获取 积分素材
官方客服
  • 官方客服:205432983一键联系
  • 扫一扫加站长微信
    官方QQ群