标签:CSS

最新文章

网站右键菜单显示优化【纯代码】

 2019-02-24 蝈蝈要安静阅读 (1454) 评论(3)

网上有很多修改右键菜单的教程,看了下很多教程代码要么有很多莫名其妙的部分,要么无法使用,想来是由于转载以及随意删减代码导致的。看了下这个功能觉得还不错,遂将其集成到了自己网站上。同时为了避免自己调试网站无法使用“审查元素”、“查看代码”等功能,特加了个判断,用以判断用户身份。

了解更多

WordPress 如何实现导航菜单固定项目高亮显示?

 2018-12-05 蝈蝈要安静阅读 (1775) 评论(0)

前两天有网友在博客群(716252710)里询问这个功能,当时以为是要修改鼠标悬停时的效果,便回复的是 CSS : hover 选择器。今天突然想起来,觉的可能理解错了,应该是像下面这样高亮某一菜单项目的效果。于是决定发这么篇文章,希望能帮助到同样需要此功能的朋友们。

了解更多

博客“NEW”、“置顶”图标样式调整为按指定角度倾斜

 2018-11-06 蝈蝈要安静阅读 (2119) 评论(4)

之前博客发布过一篇名为“DUX主题为新发布的文章添加 NEW 图标”的文章,最开始的时候使用的是 gif 图片实现的效果,后来我所使用的 DUX 主题增加了置顶文章的功能,显示置顶文章的图标是纯文字的于是我也将“NEW”图标的样式调整为了纯文字的形式。今天更新了下 Erphpdown 插件,在修改插件前端显示样式的时候将“已购买”的显示调整成了按角度倾斜的样式,于是决定将“NEW”图标与“置顶”图标也改成同样的样式,于是便有了这篇文章。

了解更多

网站引入 JS/CSS 的几种方式

 2018-10-16 蝈蝈要安静阅读 (985) 评论(0)

网页制作过程中,难免需要用到 CSS 以及 JS。一般情况下我们为了便于代码维护都会将 CSS、JS 分别写在不同的文件中以实现结构、样式、行为的分离,但是对于一些特殊情况,我们可能需要直接在元素中内嵌样式,或者直接在文档中内嵌脚本,这里就简单整理一下 CSS 与 JS 的几种引入方式,做个简单的对比,方便理解。

了解更多

DUX 主题首页焦点图显示标题

 2018-05-10 蝈蝈要安静阅读 (2389) 评论(0)

DUX 主题首页有个小型的焦点图,针对每个焦点图我们都可以设置相应的链接引导用户前往对应的页面,但是仅仅通过焦点图并不能清晰地表现出其所对应的文章内容,如果每个焦点图能够配以相应的文字说明就会好的多,主题后台有设置标题的选项却没显示出来很是奇怪,最终查看相关文件终于将其调用出来了,具体效果如下:

了解更多

弃用 TablePress,纯 CSS 样式美化表格

 2018-04-12 蝈蝈要安静阅读 (7362) 评论(13)

因为自己平时学习的过程中喜欢整理知识点,而对于很多知识点的整理表格无疑是最简单明了的方式,之前博客上一直使用的是一款名为 TablePress 的插件来进行整理的,当初使用这款插件感觉还不错,可自定义样式、支持表格的独立管理,而且可以将做好的表格导出成 JSON 、CSV 或者是 HTML 格式,就我目前所接触到的 WordPress 表格插件来说,TablePress 无疑是最好的。

了解更多

WordPress 文章页添加左右翻页效果

 2018-02-25 蝈蝈要安静阅读 (2571) 评论(0)

一个很小的功能,但是对于提升网站美观性与交互性感觉还是很有用处的,网上有很多相关的文章,代码也大同小异,这里权当对自己主题修改及 WordPress 学习的一个小小的记录。其实对于一些包含上一篇下一篇按钮的主题来说,其实现方法与该方法相同,都是通过 previous_post_link('上一篇%link') 与 (next_post_link('下一篇%link') 获取的当前文章前后两篇文章的链接,然后通过修改对应的样式来实现不同的展示的。既然如此我们只需要修改single.php 文件与 css 样式文件即可,同样的修改之前还是希望大家备份一下文件以防误操作引起的网站故障。

了解更多