车贷问答
  • php中批量替换文件名的实现代码

    在PHP开发程序过程中,我们都会遇到批量替换文件名,很多时候,我们程序中的各种问题也是由于文件的原因造成的,那么php中批量替换文件名的实现代码大家知道吗?下面就让小编带你一起来了解一下吧!  代码如下: $dir = 'D:\Program Files\resource\application\Skin\PNG\\';//注意这里的路径,最后要加两个\,第一个表示转意,但是这样容易遇到其他特定转义,还要仔细判断,可以写为如下方式 $dir = 'D:/Program Files/resource/application/Skin/PNG/';//写成这样的路径,就不用担心转义问题了。最后面的/不要漏写 if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { if ($file != "." && $file != "..") { if(filetype($dir . $file) == 'file') { $newfile = str_replace(array('_PNG','_XML','_ICO'),array('.PNG','.XML','.ICO'), $file); var_dump($file.' =======> '.$newfile.' '); rename($dir . $file, $dir . $newfile); } } } closedir($dh); } 以上就是php中批量替换文件名的实现代码 ...

    标签:php,批量替换文件名

    2019-03-01 09:57

  • 纯代码添加WordPress网站侧边栏文章作者信息小工具

    当前无论是个人博客还是自媒体平台都会在文章页侧边栏显示文章作者信息,这样一来能够给作者更多的曝光,也让网站显得更具亲和力。且如果网站是多编辑的话,也能跟很清晰的将作者进行区分,这显然是目前自媒体流行的氛围下一种潮流。 赵斌自媒体博客是基于WordPress搭建的,跟大多数博主一样,笔者想增加这个功能第一件事就是去搜索一下有没有类似的小工具。这里插一句,笔者是非常青睐调用小工具的,可视化的操作使各项功能都简单快捷,也便于维护代码。 非常遗憾,笔者没有找到现成的小工具,很多的站长采用的是直接用文本小工具写静态html,这样缺点很明显,作者信息并不能跟随着文章作者的变化而改变;或者搭配支持PHP的文本小工具动态加载作者信息,但这样维护代码却令人头疼。所以最合适的就小工具了,既然找不到,那索性就自己写一个吧。 对于前端效果,在看了不少样式后,笔者决定做一个稍微时尚一点的效果,参考了很多优秀的主题,最终效果如下: 作者信息小工具代码 <?php /* Widget Name:本文作者 Description:显示当前文章的作者信息 Version:1.0 Author:赵斌自媒体博客 Author URI:http://www.zbzmtbk.com */ add_action('widgets_init', create_function('', 'return register_widget("Authorinfo");')); class Authorinfo extends WP_Widget { function Authorinfo() { $widget_ops = array('description' => '显示当前文章的作者信息!'); $this->WP_Widget('Authorinfo', '本文作者', $widget_ops); } function update($new_instance, $old_instance) { return $new_instance; } function widget($args, $instance) { extract( $args ); echo $before_widget; echo widget_authorinfo(); echo $after_widget; } } function widget_authorinfo(){ ?> <div class="author-info"> <img class="zuozeipc" src="<?php%20bloginfo('template_url');%20?>/images/post-lz.png"> <div class="author-avatar"> <a href=""><?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '80' ); }?></a> </div> <div class="author-name"> <?php the_author_posts_link(); ?> <a href="<?php%20echo%20get_author_posts_url(%20get_the_author_meta(%20'ID'%20)%20)%20?>" target="_blank"> (<?php the_author_posts(); ?>篇文章) </a> <span> /* 判断作者的身份信息*/ <?php $user_id=get_post($id)->post_author; if(user_can($user_id,'install_plugins')) { echo '博主'; }elseif(user_can($user_id,'edit_others_posts')) { echo '编辑'; }elseif(user_can($user_id,'publish_posts')) { echo'作者'; }elseif(user_can($user_id,'delete_posts')) { echo'投稿者'; }elseif(user_can($user_id,'read')) { echo'订阅者'; } ?> </span> </div> <div class="author-des"> <?php the_author_description(); ?> </div> <div class="author-social"> <span class="author-blog"> <a href="<?php%20the_author_url();%20?>" rel="nofollow" target="_blank"><i class="icon-home"></i>博客</a> </span> <span class="author-weibo"> <a href="<?php%20the_author_meta('weibo');%20?>" rel="nofollow" target="_blank"><i class="icon-weibo"></i>微博</a> </span> </div> </div> <?php } ?> PS:也可以直接下载笔者做好的文件 widget-authorinfo.php css代码(放入主题样式表中,一般都是主题文件下的style.css文件) /* 本文作者小工具 */ .author-info{ width: 100%; color: #888; font-size: 12px; /* 这里改成自己的背景图片路径 */ background: url(/images/author-banner.png) #fff center top no-repeat; position: relative; } .zuozeipc { width: 50px; position: absolute; top: -1px; left: 10px; } .author-avatar{ padding-top: 30px; } .author-avatar a{ display: block; width: 80px; height: 80px; margin: 0 auto; background: #C9C9C9; border-radius: 50%; border: 3px solid #fff; -webkit-border: 3px solid #fff; -moz-border: 3px solid #fff; } .author-avatar .avatar { width: 74px; height: 74px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .author-name { height: 26px; line-height: 26px; margin: 10px 0; font-weight: bold; font-size: 16px; text-align: center; } .author-name span { font-size: 12px; background: #F00; color: #FFFFFF; padding: 2px 6px; margin-left: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } .author-des { padding: 10px; background: #DFDBDB; text-indent: 2em; } .author-social { text-align: center; padding:20px 10px; } .author-social span{ margin-right: 10px; border-radius: 2px; display: inline-block; } .author-social span:hover { background-color: #1b1b1b; } .author-social span a { padding: 4px 15px; font-size: 14px; color: #fff; } .author-social span a i { margin-right: 5px; } .author-social .author-blog { background-color: #ff5e5c; } .author-social .author-weibo { background-color: #19b5fe; } 使用方法: 将上述php代码放入你的小工具文件中(一般在主题文件夹下widgets文件夹下),因为每个主题调用小工具的形式不尽相同,笔者也无法详细的解释! 然后将上述小工具部署在你的主题中,只需要在function.php添加如下代码即可: //调用作者信息小工具 require_once get_stylesheet_directory() . '/widgets/widget-authorinfo.php'; 然后在后台就可以看到‘本文作者’小工具了: 然后在后台调用小工具,前台刷新即可看到效果了。 本小工具亮点 使用简单,直接部署就可使用;样式时尚大气,也可根据自己喜好修改样式表;动态加载,实时调取文章作者信息,特别适用于多作者网站;代码集成,比使用文本框输出有显著优势,便于维护和升级改版。 下半部分两个按钮是调取后台用户个人资料填写的站点和微博,有人会问,为何我的后台资料处没有微博这个选项呢?这个是可以自定义个人信息选项的,只需要在function.php添加如下代码即可,同理可以添加诸如电话、地址等信息;所以本小工具需要自定义一下微博。 //增加个人简介信息 function my_new_contactmethods( $contactmethods ) { $contactmethods['weibo'] = '微博'; return $contactmethods; } add_filter('user_contactmethods','my_new_contactmethods',10,1); 特别提醒:由于各个主题不尽相同,笔者不能保证完美展现.有疑问欢迎留言一起交流。 本小工具用到的图片文件(自行下载调用):...

    标签:WordPress侧边小工具,作者信息小工具

    2019-02-21 14:41

  • 简单html实现支付宝微信QQ收款码三合一整合系统

    qq微信支付宝三合一在线生成 自定义收款码颜色 二维码简化 演示网站:http://skm.zbzmtbk.com/ 下载地址: 链接: https://pan.baidu.com/s/1xdprpUNnBEzzaDtN1fwgWg 提取码: je7q 前言 最初接触到收款码三合一是芝麻收款,刚开始是免费的,后来价格变成了5rmb生成一次。之后用过两个收款码生成系统,一个是收款啦 ,还有一个是优启梦收款码,前面一个用起来挺方便的,就是二维码识别得比较慢,自己想改接口但是没学过php也做不了什么。后面一个是买的源码,用了一段时间提示什么小媳妇让我把你站禁了( ̄▽ ̄)~*,找了作者之后前一段时间又提示让买源码。。。想把他这个限制给取消了,但是刚看完html+css教程的我只能束手无策,于是就萌生了自己搞一个生成系统的想法。 前前后后弄了几个星期,基本上是在边百度边看文档中度过的,因为刚学这个,很多东西也没接触过。把这个系统功能分析了一下,觉得这个全靠html+css+js可以实现,然后就开始百度一步一步实现需求了。 原理 分析之后发现只需要两个页面。 生成页面 这个就是网站主页面,有两个功能,一个是上传qq、微信、支付宝收款码并将它们解析成链接,还有一个是将这几个链接合起来,然后生成合并之后的二维码。解析和生成都是用了jQuery的qrcode插件,为了美观,用canvas绘制收款码的样式。 收款页面 当移动设备扫描了之前生成的收款码,这个页面被打开并会获取收款码中传入的三个参数(qq、微信、支付宝链接),然后根据浏览器UA判断当前是什么软件扫的二维码,qq和微信不能直接唤起支付,这时显示二维码界面供用户长按付款,支付宝可以直接进去转账页面。 这样的话这个网站就做好了,生成页面借鉴了收款啦 和 优启梦收款码,为了不太单调而且不把他们的功能生搬硬套的弄过来,想了一会就弄了个换色的功能(感觉没什么用,完全是凑内容的哈哈),如果需要其他样式的话,可以去他们的网站生成。还有因为这三个收款码链接加起来特别长,生成的二维码比较密集(也就是丑),然后就通过suo.im将长网址缩短,这样生成的二维码就会简单一点。 使用 下载源码,上传到自己的服务器或虚拟主机。 在/js/index.js中更换自己的支付宝红包码和红包口令,如不需要生成界面的红包广告则删除相关代码,文件中已标明。 如果遇到什么问题的话请反馈,虽然我也不一定能解决ヾ(๑╹◡╹)ノ" ...

    标签:三合一收款码

    2019-02-21 11:45

  • wordpress网站代码实现站点地图sitemap的html和xml的方法

    今天介绍的就是不使用插件完成wordpress代码实现网站地图sitemap的html和xml的方法,本站以前一直用的百度地图插件,今天心血来潮,想着还是直接代码吧,少用插件的好! 下面我就直接说教程吧,当然现在开始你就可以卸掉了wordpress百度地图的插件了! 首先我先提供下sitemap.php的文件吧:传送门 将文件下载下来,上传到当前wordpress主题文件夹的根目录,然后新建页面,选择站点地图模板即可!这样一个html的站点地图就OK了。 具体效果:http://www.zbzmtbk.com/sitemap 然后我说下xml站点地图的实现方法吧 在空间wordpress的根目录下创建xmlmap.php文件,内容为下面内容 <?php require('./wp-blog-header.php'); header("Content-type: text/xml"); header('HTTP/1.1 200 OK'); $posts_to_show = 1000; // 获取文章数量 echo '<?xml version="1.0" encoding="UTF-8"?>'; echo '<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">'; ?> <!-- generated-on=<?php echo get_lastpostdate('blog'); ?>-->   <url>       <loc>http://www.zbzmtbk.com/</loc>       <lastmod><?php echo get_lastpostdate('blog'); ?></lastmod>       <changefreq>daily</changefreq>       <priority>1.0</priority>   </url> <?php header("Content-type: text/xml"); $myposts = get_posts( "numberposts=" . $posts_to_show ); foreach( $myposts as $post ) { ?>   <url>       <loc><?php the_permalink(); ?></loc>       <lastmod><?php the_time('c') ?></lastmod>       <changefreq>monthly</changefreq>       <priority>0.6</priority>   </url> <?php } // end foreach ?> </urlset> 上传到根目录后,就是设置url转发规则了,目的是让http://www.zbzmtbk.com/sitemap.xml能够被访问,当然这个sitemap.xml内容就是xmlmap.php的 根据不同的服务器环境来设置url转发规则! 首先是apache下的规则: RewriteEngine On RewriteBase / RewriteRule ^sitemap.xml$ xmlmap.php 将以上代码加入到.htaccess文件即可,接下来是nginx下规则: rewrite ^/sitemap.xml$ /xmlmap.php; 现在,wordpress的xml站点地图也OK了,这样就可以剩下一款插件了!...

    标签:sitemap,wordpress网站,网站地图

    2019-02-21 10:04

  • 简洁在线新浪图床上传源码分享

    新浪图床一直以高速稳定以及不限流量深受站长朋友的喜爱,今天给大家分享一款简洁的新浪图床程序,使用LayUI加Layer开发的图床,界面简洁易用、自适应界面。 这个图床程序源码是由 教书先生 分享的,感谢无私分享! 程序说明: 图片支持多张,远程上传,程序上传即用。 支持粘贴上传(Ctrl+V)粘贴时请点击空白处粘贴。 使用新浪API接口,请勿上传违反图片,违者后果自负。 新浪CDN图床源码: 演示站:http://img.zbzmtbk.com 下载地址: https://pan.baidu.com/s/1p4MTHs2lDVytSnpCoTCtFQ 提取码: g4e3 ...

    标签:在线新浪图床

    2019-02-20 15:15

  • WordPress如何实现复制文章内容弹出版权提示框?

    经常在浏览一些网站的时候会发现,当我们复制网站内容的时候会弹出一条警示信息,一般是提醒用户尊重作者版权的信息。对于这个功能的实现其实没什么,就是一句简单的 JS 代码。 实现该功能的方法有两种,具体如下: 代码一、通过 SweetAlert 美化的提示框 将下面代码添加到当前主题模板函数 functions.php 文件最后即可: function zm_copyright_tips() { echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >'; echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>'; echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>'; } add_action( 'wp_footer', 'zm_copyright_tips', 100 ); 效果如图: 上述代码直接外链调用的公共库,也可以将外链的 JS 和 CSS 下载到本地,进一步美化修改样式。不过发现上面代码在火狐中不能复制内容,chrome 和 IE 可以,其它浏览器没试。 代码二、简单的提示框 如果认为加载 JS 和 CSS 会影响速度,也可以直接用下面的代码,调用浏览器自带提示框。只需要将下面代码添加到当前主题模板函数 functions.php 文件最后即可: function zm_copyright_tips() { echo '<script>document.body.oncopy=function(){alert("复制成功!转载请务必保留原文链接,申明来源,谢谢合作!");}</script>'; } add_action( 'wp_footer', 'zm_copyright_tips', 100 ); 效果如图: ...

    标签:WordPress,版权提示框

    2019-02-14 13:53

  • WordPress 如何有效拦截和过滤垃圾评论

    WordPress垃圾评论一直都是比较烦人的,如果你没有采用有效的拦截方式,你会发现,仅仅一天时间,你的WordPress站点就会有数以万计的垃圾评论!那么,如何有效地拦截过滤垃圾评论? 倡萌之前已经介绍了不少方法,一起回顾一下: WordPress代码将垃圾评论拒之门外 这是倡萌一直在用的方法,可以过滤绝大多数垃圾评论,当然,是不是会有几个漏网之鱼,推荐使用。 WordPress自动拒绝包含特定关键词的垃圾评论 WordPress防垃圾评论插件:Akismet Akismet虽然很强大,效果很好,但是会写入很多数据库信息,而且很好 CPU 资源,所以倡萌很早前就不用了。 WordPress 评论过滤插件:wp-itluren-comment-filter WordPress垃圾评论过滤可以以昵称 IP 邮箱 网址 内容片断为根据指定评论人员黑名单,并阻止他们提交评论。同时,评论次数超过设定的范围就会暂时禁止评论。当然,还将全英文、全部复制文章内容作为内容的评论进行过滤。最后为了安全起见,还提供了禁止特定IP用户访问站点! WordPress 验证码插件:SI CAPTCHA Anti-Spam WordPress 文章评论滑动解锁插件:myQaptcha 使用验证码过滤评论也是一种不错的方法,但是不太利于用户体验。 由于绝大多数的垃圾评论都是英文的,所以国内不少朋友在使用 Some Chinese Please 插件,它可以有效地拦截内容中不带有中文字的comment和trackback(pingback),不写入数据库中,可有效地减小spam对blog服务器的无谓使用。虽然已经 2 年多没有更新,但还是可用的。 其实还可以简化下,直接将下面的代码添加到主题的 functions.php 文件,效果与使用 Some Chinese Please 插件相同: /* refused spam */ function refused_spam_comments( $comment_data ) { $pattern = '/[一-龥]/u'; if(!preg_match($pattern,$comment_data['comment_content'])) { err('评论必须含中文!'); } return( $comment_data ); } add_filter('preprocess_comment','refused_spam_comments');   源代码:http://www.kuqin.com/zhanz/20120326/319460.html,原代码使用wp_die函数显示错误HTML信息,会造成模版错位,由 @知更鸟 http://zmingcx.com/refused-spam.html 稍改进。 @Teddysun http://teddysun.com/ 经过实测反馈,Wordpress中并没有err这个函数(这个函数也许是存在于 @知更鸟 的主题里)。因此不会有提示信息出现。最好还是用wp_die函数,这样就会有提示信息。所以,上面的代码如果不生效,可以使用以下代码: /* refused spam */ function refused_spam_comments( $comment_data ) { $pattern = '/[一-龥]/u'; if(!preg_match($pattern,$comment_data['comment_content'])) { wp_die('评论必须含中文!'); } return( $comment_data ); } add_filter('preprocess_comment','refused_spam_comments'); 方法进阶:WordPress评论中禁止或必须包含指定内容 针对那些使用技术手段,比如GET、POST等方式不填写前台表单,直接读取后台程序文件的spam,只有屏蔽IP才能缓解疯狗一样的攻势,其它什么验证码、滑动解锁等等都没用。 可以在.htaccess文件中添加: Order Deny,Allow Deny from xxx.xxx.xxx.xx Deny from xxx.xxx.xxx.xx 禁止某些IP访问。 好了,希望本文能为你提供帮助,如果你还知道其他更有效的方法,欢迎和我们一起分享!...

    标签:垃圾评论

    2019-02-13 13:03

  • WordPress博客使用pure-highlightjs插件,实现显示代码行号

    今天闲来无事,给博客安装了pure-highlightjs插件,实现显示代码行号!下面就来分享下这款代码高亮插件! Pure-Highlightjs 插件来实现代码的高亮,就是因为它可以在编辑器中可视化地插入代码,不用手动添加标签,特别方便。 v3 Prism 版下载地址: https://pan.baidu.com/s/1gKyBTb23hmufBocWZXUylw 提取码: nh56...

    标签:pure-highlightjs插件,代码高亮

    2019-02-13 12:01

  • 汇多赚一条龙建站系统:5年磨一剑,打造最出色的广告任务网站源码

    5年磨一剑,打造最出色的广告任务网站源码 汇多赚广告体验建站程序是目前国内最专业的从事广告任务、游戏试玩、广告体验源码开发定制的专业程序。经过5年时间的不断努力,汇多赚程序日趋完美。 六大特色: ①插件化框架。汇多赚采取插件话的框架,站长可以一键安装插件对接任务。我们拥有数十种任务类型的插件。这些插件包括游戏试玩、广告体验、问卷调查、广告任务等(更多内容联系客服了解) ②搭配自由化。用户可以根据自己的实际需求合理的选择插件搭建属于自己的体验平台 ③联运新模式。很多建站新人都有这种苦恼,网站搭建之后却找不到任务。汇多赚充分考虑到并了解新手站长的痛处,因此有了联运模式。汇多赚为用户提供了海量任务,这样就能让站长无需为任务来源担心,把更多的经历放到推广中去。 ④结算自动化。做体验站的站长都了解,每天给会员结算会占据站长很多的时间,采用汇多赚联运之后,每日结算将会由系统完成,站长只需要负责处理会员的提现就可了。 ⑤在线升级。汇多赚持续不断的优化,及时推送更新,修复bug并更新新的功能。保证安全稳定好用。 ⑥私人订制。如果您有更好的想法和对网站独特的需求,都可以告诉我们,我们将会为您量身打造您需要的的特色插件。 功能简介 会员系统:登陆和注册支持用户名、邮箱、手机号码, 货币系统:内置金币和游戏币,可设置兑换人民币比例,金币和游戏币可互换 充值系统:支持支付宝在线充值,工单充值,充值卡充值(可配合其他发号发卡平台做为充值渠道) 提现系统:后台管理会员提现,可设置最低体现额 验 证  码:支持3种方式:图片验证码、邮箱验证码、手机验证码 签到系统:可单独按日期设置奖励、也可按连续签到天数奖励 等级系统:内置Job和Vip等级,后台设置所需经验值;VIP可用金币购买;VIP可发每日工资 推广系统:内置5级下线提成,下线提现奖励、新下线注册奖励 邮件系统:批量发送邮件给注册会员 管理员组:一个系统管理员、无限添加副管理员,可分配后台管理权限 在线升级:不定时推送新版,更新功能、修复BUG 插件扩展:在线安装插件、升级插件 环境需求 VPS、云服务器(需要在windows里执行安装,虚拟主机权限不支持) 为了节省您的建站成本我们也提供香港虚拟主机,168元/1年/1G空间/200IIS/asp/access,而且会帮您安装网站 服务器:windows2003/2008 数据库:access / sqlserver2005/2008/2012 ps:有兴趣的可以去看看,汇多赚的网址:www.hdzhuan.com,也有测试地址,可以登录测试后台的账号上去试试! 案例/演示 演示站网址:http://demo.hdzhuan.com/ 演示描述:广告体验演示站,包含注册,下载等体验功能 这是一款追求完美、不断超越的系统。你在等风,我们让你站在风口飞的更高!...

    标签:建站系统,汇多赚,网站源码

    2019-01-31 16:56

  • 畅言怎么去掉版权信息?彻底清除办法献上

    畅言是一个评论插件,使用的人群很多,不少大站、主流媒体的网站用的都是畅言评论插件,主要还是因为它功能强大,便于管理。畅言评论这个插件的好处我们就不多说了,今天主要是分享一下安装了畅言插件后,畅言自带的版权信息如何彻底去除。 ①去畅言版权,要先了解畅言插件安装的方法 安装畅言插件的方法不外乎2中,一种是用模版网站安装,一种是自建网站安装。模版网站很多,主流的有WordPress、DedeCMS、帝国CMS、Discuz等等,这类网站在后台可以直接安装畅言插件,自建网站需要到畅言官网去复制代码,然后粘贴到文章页面的代码里。具体方法这里就不多介绍了,畅言官网点帮助中心,里面有很详细的教程,有不懂的伙伴可以去看一下。 ②去畅言版权,分析其版权所在的路径 我在百度里搜索了一下,看到很多人在提问这个畅言去版权的信息,其中有一条是向官方提问的,官方的回复直接就是不可以去除<多么尴尬的微笑^_^>,既然官方不提供方法,那就只能自己想办法了,通过对比网络上一些站长的心得和相关资料,我发现一个共同点,那就是修改我们网站的css样式,通常的话畅言插件是显示在文章的最下面的,所以这里要修改文章页所调用的这个css样式文件。有的亲可能会问,畅言调用的是畅言网站的css文件,你修改自己文章页的css管用吗?答案是管用。因为我们可以在修改后的css后面加一个!important表示覆盖该条css样式之前的配置,请看具体操作流程。 ③去畅言版权,需要修改css和下载几张图片 第一步,打开你的文章页面,在畅言评论插件位置鼠标右键,审查元素(或者是检查,不同浏览器取名不一样,不碍事的),可以看到几乎每个标签都有css的引用class=""这个就是引用,那我们要做的就是看下你需要去掉的位置所引用的css是怎么写的,然后我们给它重新写一下,覆盖掉之前的。相信大家和我一样,首先看到的是3处版权,如图 经查看源码,前两个版权是引用了图片,第一个是背景图,对应的处理方法是自己作图替换掉,也可以用css取消显示,我推荐后者。第二个是一个PNG图片,处理办法是下载下来自己P一下图,不会P图的直接用我文章末尾的下载链接里面做好的吧。第三个是文字,直接css取消显示即可。 上图中左上角的登录按钮,点击以后会弹出登录界面,这里面的版权更多了,主要是手机登陆页面 和 微信授权登陆 页面,其他的微博和QQ登录是点击以后弹窗的,没广告,不用理会。这里重点说一下手机登录页面的版权去除方法,还是用上面的方法,看到源代码以后修改文章页css文件覆盖样式,网络上分享的那些教程不是只去除上图中的版权,就是连同手机登录和微信授权登陆2个页面一起隐藏了,我认为有些不妥,我建议大家保留手机登陆页面,请看下图 默认的显示有两处版权信息,上面那个好改,下面登录畅言这个比较棘手,我原以为这是张图,替换就可以了,没想到是用<span>标签打的文字,是在畅言的源代码里,css覆盖不了。仔细想了一下,最后还是找到了一个方法,下面我把我添加的css样式贴上来给大家看下,把这段内容复制到你文章页的css文件里保存就行了。 /*chang yan*/ #SOHUCS #SOHU_MAIN .module-cmt-notice{display:none !important;} .section-service-w{display:none !important;} #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main{background:none !important;} #SOHUCS{position:relative;z-index:0 !important;} #SOHUCS #SOHU_MAIN .changyan-login-dialog-wrapper .platform-login .split-hr{width:340px;margin:17px auto 0;text-align:center;border-top:1px solid #e5e5e5;position:relative;} #SOHUCS #SOHU_MAIN .changyan-login-dialog-wrapper .platform-login .split-txt {display:none !important;} #SOHUCS #SOHU_MAIN .changyan-login-dialog-wrapper.changyan-login-dialog-wrapper-main{background:none;height:474px;width:384px;} #SOHUCS #SOHU_MAIN .changyan-login-dialog-wrapper .phone-login .login-btn {background: url(../changyan/login-btn.png) !important;text-indent: -9999px !important;} #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw{background:none;background-image:url(../changyan/post-btn.png) !important;} #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w, #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w, #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w a{height:0px !important;overflow:hidden !important;}   由于以上css引用了2张图,所以你可以根据你文章页css所在的路径,来修改这2张图的路径 接下来我们说一下 微信授权登录 这个页面的问题,修改当然是可以的,但是我感觉没必要去动这个页面,因为如果你去掉文字版权或者是把二维码换成你自己的,那用户扫码就无法登录了,如果保留二维码只修改文字,又显得很生硬,非常唐突,不如就让它保留原有的信息吧。 大家要若要坚持修改 微信授权登录 这个页面,可以参照我上面的css。或者我这里还有一个办法,那就是直接让这个登录的图标不显示,下面把隐藏这个图标的css贴上来。 #SOHUCS #SOHU_MAIN .changyan-login-dialog-wrapper .platform-login .login-group .login-item .login-logo-wechat{display:none !important;}   若隐藏了这个图标,那你注意一下图标这一行的排版,我建议还是居中好看,但是因为只是不显示,并不是微信这个图标不存在,所以你写css的时候就不是居中了,而是偏向于左边一点位置,具体操作这里就不在赘述了。 ③去畅言版权,其他几个注意事项 上面教给了大家去掉微信授权登录按钮的方法,如果你不需要手机登录,用下面这个css隐藏掉即可。 #SOHUCS #SOHU_MAIN .changyan-login-dialog-wrapper .platform-login .login-group .login-item .login-logo-phone{display:none !important;}   但是,去掉手机登录按钮以后,并没有去掉上面默认显示的登录框和验证码那些,如果要去除,可以对.changyan-login-dialog-wrapper-main这个样式重定义,方法和上面都雷同,这里就不再啰嗦了。 下面是去除版权以后的截图 相关文件素材下载,请点击下面的文字 畅言彻底去除版权   密码: c6ri...

    标签:畅言去版权

    2019-01-27 17:57

  • 最新WordPress5.0.3版本修复了37个错误以及7项性能优化

    WordPress 5.0.3 已经发布,一共修复了37个错误,以及7项性能优化。该版本的主要目的是微调新的区块编辑器,以及修复一些错误。主要修复内容如下: 已经在捆绑主题中添加了15个块编辑器相关的错误修复和改进。请务必更新这些内容以获得改进的区块编辑体验。 已修复2个区块编辑器相关的国际化(I18N)错误 禁用JavaScript的用户现在在尝试使用块编辑器时会看到通知。 在外观定制器中的一些PHP错误已得到修复。 上传常见文件类型(如CSV)的一些问题已得到修复。 要了解更多更新细节,可以查看官方日志:https://make.wordpress.org/core/2019/01/09/wordpress-5-0-3/ 现在已经可以在后台看到新版本推送了,需要的朋友们可以自行更新。...

    标签:WordPress5.0.3

    2019-01-18 09:00

  • WordPress仿卢松松博客侧边回顶部,投稿,评论随页面滚动效果

    WordPress仿卢松松博客侧边回顶部,投稿,评论随页面滚动效果!其实很简单就是一个普通的随页面滚动代码稍作修改! 下面贴上代码(直接放到底部文件): <!--调用随页面滚动置顶,投稿,评论代码开始--> <script> $(function(){ $(window).scroll(function(){ if($(window).scrollTop()>100){ $("#side-bar .gotop").fadeIn(); } else{ $("#side-bar .gotop").hide(); } }); $("#side-bar .gotop").click(function(){ $('html,body').animate({'scrollTop':0},500); }); }); </script> <ul id="side-bar" class="side-bar"> <a href="#" class="gotop" style="display:none;"><s class="g-icon-top"></s></a> <a href="/tg" target="_blank"><s class="g-icon-tg"></s><span></span></a> <a href="#comments"><s class="g-icon-pinglun"></s><span></span></a> </ul> <!--调用随页面滚动置顶,投稿,评论代码结束--> 样式(把代码复制到你的样式文件里面): /* 随页面滚动置顶,投稿,评论样式 */ .side-bar { position: fixed; left: 50%; margin-left: 260px; /* 右边距离,根据自己博客主题修改宽度 */ z-index: 99 border-bottom: none; bottom: 100px; /* 底部距离,根据自己博客主题修改宽度 */ } .side-bar a s { display: block; } .g-icon-top { height: 57px; width: 15px; margin-top: 10px; background-image: url(http://www.zbzmtbk.com/img/btn_top.gif) /* 回顶部图 */ } .g-icon-tg { height: 52px; width: 15px; margin-top:10px; background-image: url(http://www.zbzmtbk.com/img/btn_tougao.gif)/* 投稿图 */ } .g-icon-pinglun { height: 57px; width: 15px; margin-top: 10px; background-image: url(http://www.zbzmtbk.com/img/btn_comment.gif) /* 评论图 */ } 怎么样是不是很简单啊!...

    标签:仿卢松松博客

    2019-01-17 10:47

  • WordPress主题-阿里百秀5.6主题-xiu主题(破解版无域名限制)

    XIU主题是一款清新扁平风格、13种颜色、多设备支持、SEO优化、各种提速优化的Wordpress主题. 功能展示 清新·扁平:前端展示小清新,扁平化设计风格 SEO优化:你能想到的各种SEO优化,这里都做到了 速度优化:排除你的主机慢和安装超多插件,它的速度绝对给力 图片和头像提速:文章列表和头像都使用了lazyload做按需异步加载,你会发现访问速度上提升一大截 2种可选框架:支持3栏和2栏 13种可选颜色风格:基本上小清新的颜色都有了 3种列表模式:多图展示、单图展示、无图展示 7种连接符:设置你自己的很重要 文章来源:后台编辑文章有来源,前台有来源展示,尊重原创很重要 新窗口打开文章:有这个开关,说多了都是2 分享:让百度分享和网站更和谐 置顶焦点图:绝美展示,可自行设置置顶文章,且第一章大图可自定义 近期热门排行榜:最近多少天的评论热门文章排行,可设置天数和显示数量 独立页面:点赞最多的文章排行 导航多级菜单:不管你听不听,我是建议你最多二级就行 社交账号展示:微博、腾讯微博、微信(支持微信二维码展示)、订阅 导航图标自定义:优化后的搜索 jQuery加载:可设置在头部或者底部加载,底部有助于提高页面内容显示速度 文章小部件开启:可选择开启:阅读量、点赞、列表评论数、列表作者名字前加网站名称 首页近期发布文章数目:告诉用户最近你发布了多少文章 网站整体变灰:这个不解释,不好的日子或许会用到 分类url去除category字样:整合了no-category插件,只需选择就行,无需再安装 网页最大宽度:你可以调整页面显示的宽度了,不过默认是很不错的 首页关键字和描述:设置你自己的很重要,更有利于SEO 网站底部信息:你可以增加网站底部显示信息,比如:网站地图 侧栏随动:每种页面可设置不同的侧栏随动模块,首页、分类/标签/搜索页、文章页、页面可以不一样 更简洁的评论:想说:评论本该如此 默认字符修改:基本上全站所有的文章你都可以自定义了 广告位:首页3个、文章页3个,可设置各种广告自定义代码或联盟代码 自定义CSS样式:添加自己的css样式 自定义头部和底部代码:添加自己的头尾代码,如广告联盟等 注意必看:此主题是完整的官方原版,功能未受到任何影响,小编亲测,绝不存在“无法安装”或“无法使用的问题‘’如果你是一名新手,或者你不懂源码,可以先学习了解后再来购买,请不要购买后因自己不懂,又不去钻研又不舍得花钱请人,最后敬言一句:人品乃是生存的基石,无德之人,不要浪费你我的时间。 wordpress主题XIU使用方法: 安装XIU主题: 方法1:进入网站后台(一般是:域名/wp-admin),点击左侧菜单中的外观,然后点击主题,右侧会有“添加”按钮,点击“上传主题”并选择你要安装的主题压缩包。 方法2:将下载的主题解压后得到 xiu 文件夹,使用FTP软件上传 xiu文件夹到服务器的 wp-content/themes 目录下。 启用XIU主题: 进入后台 – 外观 – 主题,找到XIU主题并启用。 XIU主题设置: 进入后台 – 外观 – XIU,XIU主题的所有相关设置都在这里,设置好保存即可生效 如果有安装缓存插件,请先关闭插件并清除缓存文件后再保存 页面模板设置: 进入后台 – 页面 – 新建页面 – 选择对应页面模版,保存后访问该页面即可看到效果 阿里百秀主题5.6更新: 更加美观的手机端文章页相关文章图文展示 更加美观的手机端文章页上一篇和下一篇展示 修复JS文件加速中的百度不支持https的问题 新增文章打赏功能,支持支付宝和微信二维码,主题设置-文章页中可开启 新增分类页面显示分类描述的功能,主题设置-列表中可开启 新增文章列表显示文章来源,主题设置-列表中可开启 移除JS文件加速中的360加速 下载地址: 链接: https://pan.baidu.com/s/1tcO9iICd3RUCiPwqU6fS6Q  提取码: 2c24...

    标签:WordPress主题,xiu主题

    2019-01-14 09:36

  • 发送邮件WP插件-WP SMTP汉化版【v1.1.9】

    WP插件介绍 WP SMTP插件是国人制作的,设置页面的顶部包含了 Gmail邮箱、微软邮箱、163邮箱、QQ邮箱的设置示例,可以点击对应的图标查看示例截图,其他邮箱设置方法也差不多。 WP适用版本 WordPress4.1+ WP插件截图 百度网盘下载地址: https://pan.baidu.com/s/11l7kj1MZcLtFdVB8U7XVuA  提取码: 74m1 注意:不要更新到1.1.10 版本,更新之后设置里面会空白显示不了内容! ...

    标签:WP SMTP插件,WP SMTP汉化版,发送邮件插件

    2019-01-14 08:59

  • 【WordPress教程】为自己的博客增加说说功能即微语功能

    wordpress说说功能,简单实用。很适合发一些语录、一句话文章等。这个功能也为博客起到了一个很好的点睛的作用。 当博客搭建起来后,只得要对博客进行功能上的优化和界面上的美化。这个“说说”功能,也就是类似于微博,一句话文章。更简单地可以说也像我们微信的朋友圈。 说说功能,可以简单地实现不想长篇大论而是只言片语地表达。这个再合适不过了。 请稳步查看效果:http://www.zbzmtbk.com/shuoshuo 简单教程 首先在主题的functions.php里面加入以下代码: //新建说说功能  add_action('init', 'my_custom_init'); function my_custom_init() { $labels = array( 'name' => '说说', 'singular_name' => '说说', 'add_new' => '发表说说', 'add_new_item' => '发表说说', 'edit_item' => '编辑说说', 'new_item' => '新说说', 'view_item' => '查看说说', 'search_items' => '搜索说说', 'not_found' => '暂无说说', 'not_found_in_trash' => '没有已遗弃的说说', 'parent_item_colon' => '', 'menu_name' => '说说' ); $args = array( 'labels' => $labels, 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'show_in_menu' => true, 'exclude_from_search' =>true, 'query_var' => true, 'rewrite' => true, 'capability_type' => 'post', 'has_archive' => false, 'hierarchical' => false, 'menu_position' => null, 'taxonomies'=> array('category','post_tag'), 'supports' => array('editor','author','title', 'custom-fields','comments') ); register_post_type('shuoshuo',$args); } 然后新建一个shuoshuo.php文件放到你正在使用的主题根目录里把下面代码放入shuoshuo.php; <?php /* Template Name: 说说碎语 */ get_header(); ?> <style type="text/css"> #shuoshuo_content { background-color: #fff; padding: 10px; min-height: 500px; } /* shuo */ body.theme-dark .cbp_tmtimeline::before { background: RGBA(255, 255, 255, 0.06); } ul.cbp_tmtimeline { padding: 0; } div class.cdp_tmlabel > li .cbp_tmlabel { margin-bottom: 0; } .cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } /* The line */ .cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: RGBA(0, 0, 0, 0.02); left: 80px; margin-left: 10px; } /* The date/time */ .cbp_tmtimeline > li .cbp_tmtime { display: block; /* width: 29%; */ /* padding-right: 110px; */ max-width: 70px; position: absolute; } .cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; } .cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size: 0.9em; color: #bdd0db; } .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.2em; color: #9BCD9B; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: RGBA(255, 125, 73, 0.75); } div.cbp_tmlabel > p { margin-bottom: 0; } /* Right content */ .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 45px 65px; background: #9BCD9B; color: #fff; padding: .8em 1.2em .4em 1.2em; /* font-size: 1.2em; */ font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; transition: all 0.3s ease 0s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursor: pointer; display: block; } .cbp_tmlabel:hover { /* transform:scale(1.05); */ transform: translateY(-3px); z-index: 1; -webkit-box-shadow: 0 15px 32px rgba(0, 0, 0, 0.15) !important } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background: RGBA(255, 125, 73, 0.75); } /* The triangle */ .cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #9BCD9B; border-width: 10px; top: 4px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: RGBA(255, 125, 73, 0.75); } p.shuoshuo_time { margin-top: 10px; border-top: 1px dashed #fff; padding-top: 5px; } /* Media */ @media screen and (max-width: 65.375em) { .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.2em; } } .shuoshuo_author_img img { border: 1px solid #ddd; padding: 2px; float: left; border-radius: 64px; transition: all 1.0s; } .avatar { -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; box-shadow: inset 0 -1px 0 #3333sf; -webkit-box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; } .zhuan { transform: rotateZ(720deg); -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg); } /* end */ </style> </head> <body> <div id="primary" class="content-area" style=""> <main id="main" class="site-main" role="main"> <div id="shuoshuo_content"> <ul class="cbp_tmtimeline"> <?php query_posts("post_type=shuoshuo&post_status=publish&posts_per_page=-1");if (have_posts()) : while (have_posts()) : the_post(); ?> <li> <span class="shuoshuo_author_img"> <img src="http://www.zbzmtbk.com/wp-content/uploads/2016/08/20160827085803609-150x150.jpg" class="avatar avatar-48" width="48" height="48"> </span> <a class="cbp_tmlabel" href="javascript:void(0)"> <p></p> <p><?php the_content(); ?></p> <p></p> <p class="shuoshuo_time"><i class="fa fa-clock-o"></i> <?php the_time('Y年n月j日G:i'); ?> </p> </a> <?php endwhile;endif; ?> </li> </ul> </div> </main> <!-- .site-main --> </div> <script type="text/javascript"> $(function () { var oldClass = ""; var Obj = ""; $(".cbp_tmtimeline li").hover(function () { Obj = $(this).children(".shuoshuo_author_img"); Obj = Obj.children("img"); oldClass = Obj.attr("class"); var newClass = oldClass + " zhuan"; Obj.attr("class", newClass); }, function () { Obj.attr("class", oldClass); }) }) </script> <?php get_sidebar(); ?> <?php get_footer();?> 然后在wordpress后台新建单页模板选择说说,头像地址在代码里修改,在哪发说说你自己找,发说说不用填标题!! 注意上面代码第148行处是你头像的地址,修改即可! 对于功能优化和美化,本着实用为原则,不能是人云亦云。就好像插件,安装多了最后会影响到博客的整体速度。...

    标签:functions.php,WordPress,wordpress美化,代码,教程,说说

    2019-01-11 13:54

  • 【WordPress教程】给文章编辑器增加彩色边框代码

    在很多博客都看到这种彩色美化框,非常好看,而且把文章分得很有层次感,体验大方,小编的博客也用上了,效果不错哦,这里也分享给大家。 效果展示: 输入文字 输入文字 输入文字 输入文字 输入文字 输入文字 输入文字 输入文字 输入文字 输入文字 使用方法 如何实现上面的编辑器添加这些彩色框插入标签按钮? 1.将以下代码添加到主题目录的function.php里面。 //添加HTML编辑器自定义快捷标签按钮 add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce'); function bolo_after_wp_tiny_mce($mce_settings) { ?> <script type="text/javascript"> QTags.addButton( 'v_notice', '绿框', '<blockquote id="sc_notice">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_error', '红框', '<blockquote id="sc_error">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_warn', '黄框', '<blockquote id="sc_warn">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_tips', '灰框', '<blockquote id="sc_tips">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_blue', '蓝框', '<blockquote id="sc_blue">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_black', '黑框', '<blockquote id="sc_black">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_xuk', '虚线', '<blockquote id="sc_xuk">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_lvb', '绿边', '<blockquote id="sc_lvb">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_redb', '红边', '<blockquote id="sc_redb">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_organge', '橙边', '<blockquote id="sc_organge">输入文字</blockquote>\n', "" ); </script> <?php } 2.添加以下CSS到主题目录的style.css里 /*彩色美化框*/ #sc_notice { color: #7da33c; background: #ecf2d6 url('images/sc_notice.png') -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 10px 15px; width: 98%; font-weight: bolder; } #sc_warn, .post-password-form { color: #ad9948; background: #fff4b9 url('images/sc_warn.png') -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 10px 15px; width: 98%; font-weight: bolder; } #sc_error { color: #c66; background: #ffecea url('images/sc_error.png') -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 10px 15px; width: 98%; font-weight: bolder; } #sc_tips { color: #888888; background: #f1f1f1 url('images/sc_tips.png') -1px -1px no-repeat; border: 1px solid #bbbbbb; padding: 10px 15px; margin: 10px 0; width: 98%; overflow: hidden; font-weight: bolder; } #sc_blue { color: #1ba1e2; background: rgba(27, 161, 226, 0.26) url('images/sc_blue.png') -1px -1px no-repeat; border: 1px solid #1ba1e2; overflow: hidden; margin: 10px 0; padding: 10px 15px; font-weight: bolder; } #sc_black { border-width: 1px 4px 4px 1px; border-style: solid; border-color: #3e3e3e; margin: 10px 0; padding: 10px 15px; font-weight: bolder; } #sc_xuk { border: 2px dashed rgb(41, 170, 227); background-color: rgb(248, 247, 245); margin: 10px 0; padding: 10px 15px; font-weight: bolder; } #sc_lvb { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3; border-left: 2px solid #05B536; background: #FFF; font-weight: bolder; } #sc_redb { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3; border-left: 2px solid #ED0505; background: #FFF; font-weight: bolder; } #sc_organge { margin: 10px 0; padding: 10px 15px; border: 1px solid #e3e3e3; border-left: 2px solid #EC8006; background: #FFF; font-weight: bolder; } 修改上面CSS里面的5个图片URL地址url('img/sc_error.png') 下载后把图标上传到主题目录下面的img文件夹就可以了,至此,你刷新下页面,就可以看到编辑器文本模式有这些彩色框标签添加按钮了。 图标素材下载:链接: https://pan.baidu.com/s/14lAKbf3rGjpN_zYiMXkgww 提取码: z834...

    标签:css,functions.php,WordPress,wordpress美化,代码,教程

    2019-01-11 09:39

  • 【WordPress教程】为文章正文H标签一级标题、二级标题、三级标题增加底色

    今天就给大家说说wordpress网站给文章H标签标题添加背景色和样式。 为文章增加正文标题、二级标题、三级标题的底色。这样做的目的就是为了增加文章内容的层次感,以达到增强用户体验的目的。 为了增加文章内容的层次感,增强用户体验,我们可以把文章正文标题、二级标题、三级标题增加不同的底色这样的wordpress美化效果以示区分。 /* h1 标签背景颜色 */ .article-content h1{ position: relative; font-size: 20px; font-size: 2.0rem; font-weight: bolder; line-height: 30px; margin: 35px -20px 0 -20px; padding: 5px 20px; height: auto; color: #fff; text-transform: inherit; background-color: #1ba1e2; border-bottom: 1px solid #ddd; border-left: 5px solid #e40000; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* h2 标签背景颜色 */ .article-content h2{ font-size: 18px; font-size: 1.8rem; font-weight: bolder; line-height: 190%; margin: 10px -20px; padding: 0 18px; border-left: 5px solid #e40000; background-color: #ebebeb; border-bottom: 1px solid #e40000; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* h3 标签背景颜色 */ .article-content h3{ font-size: 16px; font-size: 1.6rem; font-weight: bolder; line-height: 190%; margin: 2px -20px 10px -20px; padding: 0 16px; border-left: 5px solid #3690cf; background-color: #ebebeb; border-bottom: 1px solid #3690cf; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* h4 标签背景颜色 */ .article-content h4{ font-size: 15px; font-size: 1.5rem; font-weight: bolder; line-height: 190%; margin: 2px -20px 10px -20px; padding: 0 15px; border-left: 5px solid #00F; background-color: #ebebeb; border-bottom: 1px solid #00F; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* h5 标签背景颜色 */ .article-content h5{ font-size: 14px; font-size: 1.4rem; font-weight: bolder; line-height: 190%; margin: 2px -20px 10px -20px; padding: 0 14px; border-left: 5px solid #F0F; background-color: #ebebeb; border-bottom: 1px solid #F0F; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* h6 标签背景颜色 */ .article-content h6{ font-size: 13px; font-size: 1.3rem; font-weight: bolder; line-height: 190%; margin: 2px -20px 10px -20px; padding: 0 13px; border-left: 5px solid #0F0; background-color: #ebebeb; border-bottom: 1px solid #0F0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } 把上面的代码复制到 外观→主题设置→自定义代码→自动以CSS样式(如下图) 里面就可以了! 注意:每个博客主题不一样,你需要找到你文章内容所在的标签的class值,把上面的article-content换成你的文章内容标签的class值!(右键自己文章页查看源码就能看到自己文章内容所在标签的class值) 本博客效果展示实例: H1实例效果 H2实例效果 H3实例效果 H4实例效果 H5实例效果 H6实例效果 以上是本站的展示效果,大家需要不用的背景颜色可以自己设置!...

    标签:

    2019-01-10 16:47

  • 支付宝,QQ,微信三合一收款码在线生成PHP版源码

    源码简介 所谓二维码,其实就是包含了一系列字符串的图片罢了。无论是支付宝还是微信的收款码,其本质上是一个包含了收款链接的二维码。所以我们的思路是:检测如果是支付宝浏览页面,就给出支付宝的付款链接、如果是微信,就给出微信链接 安装说明:1、PHP >= 5.6 + MySQL2、将应用程序部署到你的服务器中3、将public子目录设置为对外公开目录4、将根目录pay.sql导入你的数据库中5、修改application\database.php为自己数据库信息6、设置网站伪静态为thinkPHP7、修改根目录中config.php中的相关信息8、输入你的域名进行访问 图片预览 下载地址: 链接: https://pan.baidu.com/s/1gX0VX91NXl6zXkxsl5gKnQ 提取码: cwba...

    标签:三合一收款码,在线生成

    2019-01-08 23:06

  • 给博客添加TTS语音朗读 简单快速版

    很多人不解为什么要加这个功能,我说我自己会用你可能不相信,哈哈。。我自己有收藏文章,有时候会听一下。 另外,我发现很多人没办法看完整篇文章,有的只是看看标题就马上去评论,有这个现象吧?那这个朗读完全可以让你边做其他事情,边听完文章。 至少我经常这样,曾经还特意用具有tts朗读功能的rss订阅器,一边做事情,一边听完文章,效果还是不错的,刚听可能会感觉声音比较机器,但现在的语音效果比微软的好太多了,很多机器人都用这个语音。 为了加上这个功能,在这方面花了不少心思,上次的方法代码太多,影响文章页加载时间,为了提高速度,我突然想用ajax方式,当我传递参数到function一切准备就绪的时候,JavaScript代码无法在function里面运行。 当然还有其他更专业的方法,我不是专业,折腾不来,不过,要说精简代码,及时是最简单的js播放器也要117行代码,我发现在我能折腾的范围内,还是最初研究的那个方法最简单。 后来还发现,可以不用官方的那些复杂代码,直接用之前的方式,不是百度语音不稳定,是之前没有对文章进行去除特殊代码造成的某些文章无法播放,js获取文章内容也行的,甚至分割去除特殊字符等等,但在这里还是选择php处理。 http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=后面加上900字以内的内容就可以正常朗读 这回声音也是女的,直接点击上面就可以听。 好吧,废话完了,代码很少,你几乎直接粘贴在content前面就OK ,这回加载速度很快,几乎没影响。 以下代码加在single.php页面的任何你想插入的地方: <?phpfunction mbStrSplit ($string, $len = 1) { //对内容进行分割$start = 0;$strlen = mb_strlen($string);while ($strlen) {$array[] = mb_substr($string,$start,$len,”utf8″);$string = mb_substr($string, $len, $strlen,”utf8″);$strlen = mb_strlen($string);}return $array;} function match_chinese($chars,$encoding = ‘utf8’) //过滤特殊字符串{$pattern = ($encoding == ‘utf8′)?’/[\x{4e00}-\x{9fa5}a-zA-Z0-9,,。 ]/u’:’/[\x80-\xFF]/’;preg_match_all($pattern,$chars,$result);$temp = join(”,$result[0]);return $temp;}$str=$post->post_content;$str = strip_tags($str);$str = str_replace(“、”,”,”,$str); //保留顿号$str = match_chinese($str);$zishu = mb_strlen(preg_replace(‘/\s/’,”,html_entity_decode(strip_tags($str))),’UTF-8′);$r = mbStrSplit($str, 900);$qian = “http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=”;?><?php if ($zishu <= 2700): ?><video id=”langdu” style=”display:none”><source id=”source” src=”<?php%20echo%20$qian.$r[0];%20?>” type=”video/mp4″></video><script type=”text/javascript”>function playPause() {var music = document.getElementById(‘langdu’);var music_btn = document.getElementById(‘music_btn01’); if (music.paused) {music.play();music_btn.src = ‘<?php bloginfo(‘template_url’); ?>/images/zanting.png’; //播放图片var aud = document.getElementById(“langdu”);aud.onended = function() {aud.src = “<?php echo $qian.$r[1]; ?>”aud.play();aud.addEventListener(“ended”, function() {aud.src = “<?php echo $qian.$r[2]; ?>”aud.play();aud.addEventListener(“ended”, function() {aud.pause();}, false);}, false);}; } else {music.pause();music_btn.src = ‘<?php bloginfo(‘template_url’); ?>/images/bofang.png’; //暂停图片}} </script> <span? class=”du”><a href=”javascript:playPause();”><img src=”<?php bloginfo(‘template_url’);?>/images/bofang.png” width=”25″ height=”25″ id=”music_btn01″ border=”0″></a></span> <?php endif; ?> 按钮图片自己下载本站的,按钮的位置css调整: .du {float: left;margin-right: 10px;cursor: pointer;} 最后,写代码确实得心细和逻辑思考,否则会有很多不必要的服务器请求,那么就造成运行速度上的差别。...

    标签:TTS语音朗读

    2019-01-04 20:52

  • 帝国cms仿捧腹网-搞笑gif图片/笑话/内涵段子网站源码[带手机版]

    帝国 cms7.0 内核,编码语言为 UTF8,运行环境要求 php+MySQL,适合用来做笑话网站、内涵图片网站、邪恶漫画网站、搞笑 gif 视频网站等,是一份做工精细的帝国 cms 笑话网站模板主题。 程序主要功能特色介绍: 1.带有会员系统,用户可以进行注册登录,整合 QQ、微博登陆功能; 2.会员可以进行投稿,投稿需在后台审核,用户也可以参与审稿; 3.带有社会化分享按钮,用户可以顶踩以及分享每条笑话; 4.带有会员积分等级制度,支持站内短信功能,支持站内添加好友; 5.支持站内搜索、tag 标签、可以使用伪静态,搜索引擎友好度高; 6.带有用户个人空间,支持评论打赏功能。 程序安装说明: 1.先配置好伪静态规则,伪静态文件在下载包里; 2.在浏览器中访问 http://你的域名/e/install/index.php,然后按照提示一步步进行安装; 3.登录网站后台,进行数据库的恢复,完成后重新登录网站,网站用户名:92game,密码:92game.net; 4.配置网站基本设置、扩展变量、更新缓存、生成网页。 演示站:https://www.pengfu.com/ 源码下载地址: 链接: https://pan.baidu.com/s/1sukdVM0s02OurQRrwFncYQ 提取码: fipm...

    标签:仿捧腹网,帝国cms,网站源码

    2019-01-03 20:33

猜你喜欢