利用CSS为网站添加透明渐变效果的背景图,以及如何用 Typecho-Plus 来简化这一步骤,实现快速切换单页的背景图,以及随机背景图的设计思路


想为网页添加背景图,我们只需要使用CSS的 background-image: url(图片地址) 即可,还可以通过 background-position background-repeat 等属性控制图片的位置、重复等参数。
若是想设置背景图透明度的话,则可以使用CSS3的linear-gradient参数,为背景图添加一个透明渐变层来实现。

比如我们想为 Typecho 添加背景图,除了可以在模板页的CSS中添加数据之外,还可以通过 Typecho 的魔术方法 !!! 来直接将html代码写入到一个文章内,这样即可为每个单独的文章或者页面添加独特的背景图。
(非Typecho博客请自行查询插入HTML代码的方法

- 阅读全文 -

Typecho Plus (v0.6.2) - 一款 Typecho 权限与解析增强插件

正式版 v0.6.2 已经发布
修正过时提醒的时区错误
修正Login块参数为0时无法设置为仅限管理员的错误
删减部分标签前后的BR标签,现在样式将会更加集中,不再有额外的BR换行了
基于CHROME的视频自动播放规则,现在自动播放视频前,脚本会将视频的属性调整为 Muted
TODO 图标资源细微调整,增加一个 DO NOT 新功能,代码为 - [dn] 不要做XXX
自定义UBB解析功能实装,请在选项中开启,并在 tpluscustom.php 中设置自定义的UBB解析方法

- 阅读全文 -

Typecho Plus (v0.6.2) 教程

最强Typecho插件就在这里!
用户文章浏览权限,如在首页隐藏、在索引页隐藏、指定会员才能浏览部分内容
文章首页摘要、过期提醒、禁止搜索引擎索引、外链优化等等
花样繁多的美化样式,支持一些流行的MD与伪MD语法,支持UBB(BBCode)解析,让你的页面不再单调
一键复制URL到Picbox中,自动将图片链接解析为图集
独家后台编辑界面优化,让你异步提交编辑,不用反复多次打开编辑界面

更多教程与介绍,戳进来看看!

- 阅读全文 -

Typecho-Plus 的自定义DIV、SPAN包装,以及预设风格

最近频繁更新 Typecho Plus,而在 0.6.0 版中我添加了一个新的块级标签DIV,和一个普通标签SPAN。
看名字就知道,这两个标签是对于HTML的DIV与SPAN的包装,它们会将内容包装成一个可扩展的、简单的Div与Span元素。
既然它们只是简单的包装,那我为何要添加这两个标签呢?它们又有什么“神奇”的效果呢?

- 阅读全文 -

为网站添加了左右键快速翻页的功能

因为我用的 Typecho 模板没有自动翻页的功能,所以自己写了一个。
主要的功能是当焦点不在输入控件时,按下键盘的左、右键就可以自动跳转到索引的上下页、文章内部分页的上下页……

示例代码中用到了两种判断方式,一种是利用 keydownkeyup 事件参数来判断目标的NodeName,另一种则直接获取当前的焦点元素,通过TagName来判断。
至于要用到哪一种,请你自行抉择……

而对于跳转地址的JQuery查询,请自定义为你模板中的上、下页查询代码!!!

- 阅读全文 -

Typecho自动删除冗余、空白字段

Typecho的插件钩子似乎并没有对自定义字段有过多支持,仅有一个 Widget_Abstract_Contents->isFieldReadOnly 可以用来过滤某些只读字段。

然而若是你通过模板在文章编辑器内插入了某些自定义字段,即便没有输入数值,这些字段也会被更新到数据库中,造成冗余和空白数据。

梳理了一下流程,我通过修改 var/Widget/Abstract/Contents.php 内的源码,终于解决了这个问题。

- 阅读全文 -

將頁面轉換爲繁體

Google Translate

公告

欢迎您光临鄙人的小站,虽然没什么太专业的东西,不过如果本站的文章能让您有所收获、或者仅仅是博您一笑,那么也不枉费我建站的辛苦了!

您可以使用邮件订阅来获得邮件更新提醒。

瞎哔哔

    服务器后台更新,已使用了服务商内置的CDN,缓解最近老是断连的问题。

  • 查看更多...

最新文章

随机文章

最近回复

分类

标签