-
优化阅读体验网站全局字体CSS最佳写法
英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端性能,只好使用系统自带的默认字体,然而我们有 Windows 和 Mac OS 两个系统,这两个系统的默认字体是不同的,那么 CSS 中的 font-family、字体大小、颜色、行距如何设置才是最美、最好看的呢?作为网页设计师,对这方面也有所研究,下面是设计达人(公众号 ID:she…- 1
- 0
-
纯CSS代码将整个网站页面变成黑白色整站灰色
对于南京大屠杀这样需要悼念的日子,一般在全国哀悼日,大地震的日子,清明节,我们都会让自己的网站全站灰色,以表示对逝者的悼念。以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。还有其他特殊原因(比如汶川大地震)对部分事件表示哀悼,所以需要把整个网站设置为灰色或者黑白…- 3
- 0
-
网站侧边添加梅花飘落特效
给网站左右两侧添加梅花飘落特效,花瓣从空中飘落,想雪花一样非常漂亮,刚开始耍博客的时候,比较热衷于这些,其实就是给网站加上一些特效,稍微的美化下带来一点异样的感觉,如果看起来感觉还可以,并且有兴趣的话,那我们继续看下怎么操作: 步骤一 首先,在 body 中,添加一个 div,来放置梅花树枝的图片 <div id="meihua"></div> 步骤二 …- 4
- 0
-
如何给自己的网站添加WEB社交分享按钮
我们注意到,很多的网站都有 WEB 分享按钮,可以一键分享到很多的网站平台,如:分享到微博、微信、人人网等等。 以前我们做这种 WEB 分享按钮使用的是百度分享,但现在百度分享已经停用了。下面介绍另一种自己做网站时添加 WEB 分享按钮的方法。 方法/步骤 第一步:打平网页分享平台:http://www.bshare.cn/ 第二步:选择自己需要的网页分享样式,可以根据自己网站的需求选择按钮的大小…- 5
- 0
-
Darkmode – 网站支持炫酷暗黑模式/夜间模式
Darkmode.js 这个东西还是挺好玩的,非常易于使用,只需一段代码就可以让你的网站支持暗黑模式,安装好之后,在网页的右下角有一个圆形按钮,点击即可切换白天/夜晚模式。Darkmode.js 是开源的项目,所以可以免费玩耍 ,不过如果想玩的好,还是需要点技术的。这篇文章就来看看如何安装这个 Darkmode.js。 官网:https://darkmodejs.learn.uno/ Github…- 5
- 0
-
网站实现a标签直接下载pdf文件不在浏览器打开
默认情况下 pdf 文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让 pdf 文件点击后,自动下载而不是打开呢?其实让网站点击 a 标签直接下载 pdf 而不是在浏览器打开浏览方法很简单,只需要在 a 标签添加 download 属性即可,代码如下: <a href="wendang.pdf" download="文档.pdf"&…- 7
- 0
-
Font Awesome 网站字体图标不显示的解决方法
在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在这些网页中被修改了。解决方法也很简单,只需要在字体图标不正常的网页上面,加上以下的 CSS 样式代码即可。 <style> .fa { font: norm…- 8
- 0
-
手机网站实现左边弹出导航菜单点击一级分类展开二级分类
手机网站实现左边弹出导航菜单点击一级分类展开二级分类,下面介绍一下手机网站常见的左边弹出导航菜单,并且点击一级分类展开二级分类的功能实现方法。 HTML 代码: <ul id="topmeau" class="wap_menu hidden-md hidden-lg"><li class="current-menu-item me…- 13
- 0
-
网站Video标签播放大视频卡顿解决方法(m3u8流媒体)
自从 HTML5 推出之后,网站上的视频可以像图片一样使用 video 标签直接播放了。但使用 video 播放视频有一个缺点就是只能播放小视频,如果视频比较大就会出现卡顿的问题。因为它需要先把视频加载完才会播放。 下面就介绍一下网站 Video 标签播放大视频卡顿解决方法,就是将普通的 MP4 视频转成 m3u8 流媒体,然后再使用 video 标签进行播放。可以彻底解决 Video 标签播放大…- 20
- 0
-
解决absolute绝对定位高度塌陷无法撑开父元素
网站上某个元素设置了 absolute 绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种 absolute 绝对定位高度问题呢?让 absolute 绝对定位的高度自动添加到父元素上。 解决 absolute 绝对定位高度问题,一般有二种方法。 第一种就是给父元素添加一个固定的高度值,这样就不会有父元素高度为 0 的情况了。 第二种是使用 JQUERY 来获取 …- 7
- 0
-
使用样式修改你的网站默认的鼠标样式
访问云落网站的时候,可能大家都发现了,云落网站鼠标比较不错,其实是云落修改了网页默认的鼠标,使用简单的 CSS 就可以做到了。 例如下图: CSS 代码: <style type="text/css">* {cursor: url(你的域名/cur.cur), default!important}</style> 上面那句代码很好理解,就是下载一… -
WordPress 建站是否会影响网站 SEO 排名优化?
经常听到很多做网站的人吐槽用 WordPress 搭建的站点没排名,有的还举例说 WordPress 站点一周都没排名,用织梦、帝国、或者 phpcms 几天就有收录排名了,作为一个 WordPress 资深用户,同样更是一个 SEOer,网站没有排名真的是 WordPress 的锅? 浅谈 WordPress 很多人对 WordPress 程序的第一印象就是博客,甚至给很多人的定义就是 Word… -
网页调启用qq对话聊天客服窗口的链接地址方法大全(包含移动端)
今天在改网站的时候发现网页跳转qq聊天的链接有些变化,在一番查找后发现有几种链接方式。 在PC端,腾讯的QQ软件还是应用最为广泛的即时通讯工具了,除了网站自动的一些对话软件外,qq可以有效的将用户留存下来,长线发展,所以在网站添加qq对话聊天窗口的链接尤为重要,尤其是对一些半商业型的网站来讲,所以微码盒今天给大家推荐一下多用的qq聊天唤醒链接方法具体链接如下,只需要调整下qq号即可,方便实用。 P…- 46
- 0
-
WordPress教程之不用插件使用七牛云存储加速网站
网站使用七牛云存储的好处? 加速网站的css、js、图片等内容,提升用户体验。 在我们运营网站时多多少少会用到图片存储,七牛云存储注册认证通过标准用户就可以得到10G的免费存储空间和免费10G的月流量,10G空间对于一般个人博客或小型站点基本上就够用了。 wordpress七牛云存储的插件也有很多,假如你不想用插件便可以使用七牛云存储加速网站,那么下面的一段代码可以帮你实现。 //七牛镜像存储 i…- 98
- 0
-
宝塔面板怎么给一个网站配置两个SSL证书
有时候同一个网站绑定了多个域名,为了保证所有的域名都能够实现 https 访问,就需要配置多个 SSL 证书,那么在宝塔面板下该如何实现呢?一个网站需要配置多个 SSL 证书么?遇到了这个情况,近期雅兮网主站逐步更换为新域名 www.yaxi.net,并且部署了 SSL 证书实现 https://www.yaxi.net 的访问,而旧域名 www.iyaxi.com 则做了 301 跳转到 htt… -
WordPress判断文章发布时间输出提示
今天走访博客时发现一个小功能挺好的,就是判断文章发布时间是否超过一个月时输出一段声明。因为百影阁是一个技术型、分享型网站,发布的文章时间久了可能有些技术功能已经过时、图片失效或者下载资源失效,当有访客再次阅读文章时,就应当设定一个友善的提醒,告诉他们正在阅读一个老帖子,已经发布 1 年以上或者更久,不是最新的文章,特别是当文章不显示发布日期时,这个功能更为有用,下面一个非常简单的方案可以实现这个提… -
如何将 WordPress 网站完全静态化
WordPress 作为世界上最流行的博客建站软件,不管是从界面还是功能上来说都非常成熟,不过有一点比较遗憾,Wordpress 建立的主要是动态网站页面,其性能消耗比较大,用 WordPress 建立较大的网站,对服务器端资源占用较多,而很多时候,我们需要的是一个完全静态的网站。完全静态的网站只有 HTML 文件,对服务器资源消耗极低,很多地方提供免费托管静态网站的服务,因此静态网站运行成本非常… -
网站集成打字震动特效JS代码改进版
这又是一个拖欠了很久的分享,很早就有朋友留言问评论打字炫彩、震动特效怎么实现的。这功能其实网上早就有人分享 N 遍了,有点搜索技巧和 DIY 能力的站长同学也早就实现了。这里还是继续分享一下我这边的一些改进,也许有朋友可以用得到。 简单的改进: 1、移动端关闭震动,移动端震动会显得很卡; 2、添加震动开关,方便不喜欢的朋友进行关闭,采用 Cookie 记忆同一个浏览器点击关闭一次即可。 Ps:没什…- 11
- 0
-
WordPress邮件发信PHPMailer暴露网站IP地址
想必很多站长都认为,隐藏网站服务器真实 ip 的最佳方式就是套上 CDN,这样指向我们网站服务器的 ip 就变成了 cdn 提供商的服务器 ip。 我以前就认为加上 cdn 我的 ip 就安全了,知道昨天无聊刷头条时看到有位技术爱好者发了一篇关于邮件发送 PHPMailer 暴露服务器 ip 的文章,邮件会带有发送地址的 ip 这个我知道,但是我们采用的是阿里云或者腾讯云提供的发信服务,发信地址应…- 268
- 0
-
lightgallery 给你的网站快速实现图片灯箱效果
对于图片站来说,有图片灯箱效果比没有要好得多。好在 WordPress 插件够多,图片灯箱插件还不少,但这些插件还是不能让所有站长满意。这里我找到一款 lightgallery 图片灯箱,个人觉得效果最好,写下这篇快速集成到 WordPress 的教程,帮助大家快速实现自己想要的效果。ightGallery 是一款轻量级、可定制、响应式、模块化的 jQuery LightBox 图片画廊插件。它支…- 119
- 0
-
WordPress网站添加个性输入礼花及震动特效
作为 WordPress 用户的一员,真是为了装逼费心费力(虽然 js 文件不是我写的)。WordpPress 输入框的一个礼花及震动特效效果,由于是调用的 js 文件,所以不仅仅可以用于 WordPress,其它网站上一样可以正常使用。js 特效中包含礼花及震动特效,你可以分别启用或禁用某个效果。 安装方法: 第一步下载 JS 文件:activate-power-mode.js(你可以点它下载)…- 155
- 0
-
如何优化wordpress网站加载速度
相信使用过 WordPress 程序的 SEO 站长都知道,网站的加载提速优化确实是一大问题,一般普遍来说打开一个网页都需要 5 秒左右,甚至有的还会更长。那么 wordpress 既然存在这么大的问题,为什么还会有这么多网站使用 wordpress 程序呢?如果有认真关注过阿南博客的小伙伴肯定发现了,以前打开一篇文章可能需要 5 秒钟只需要 2 秒了,这个速度可能不是非常快,但是从整体上来说还算…- 63
- 0
-
WordPress网站SEO优化的基本建议
SEO 意思是搜索引擎优化。简而言之,SEO 通过向搜索引擎证明您的内容是针对当前主题的最佳结果而起作用。您可能想知道为什么这很重要,答案很简单,您的内容在搜索引擎中的排名越高,您的内容获得的观看次数就越多。这是一种营销的东西。因此,当您尝试改善 WordPress 网站的 SEO 时,以下是一些不错的建议。 1.提交网站地图到搜索引擎 sitemap.xml 是一个包含网站内部网址的归档文件,可…- 15
- 0
-
网站添加输入密码才能访问功能
为你的网站添加 php 输入密码访问网站功能,这个功能其实很简单,在应用中的场景也是往往为内部或是个人使用的页面里面,在登陆的时候可以弹出一个窗口,做隐私保护,以下的代码可以满足大家的这个功能,同时可以在代码里自定义密码。同时只要在现有代码的上下添加好加密的代码就可以。记得要调整一下默认密码。不然会被入侵的。 <?php $password = "1234"; // 这里…- 11
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!