wordpress WordPress 主题美化 – 美化文章页面的标签 美化文章页面的标签 css 代码如下: /** 文章页面彩色标签 */ .post-tags-icon {display:none;} .post-tags{margin-bottom: 10px} .post-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;font-weight:bo…
wordpress WordPress 主题美化 – 底部菜单美化 底部菜单美化的 css 代码如下: /** 底部菜单美化 */ .menu-footer-list { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff !important; line-height: 15px; margin-bottom: 5px; } .men…
wordpress Corepress 主题美化友链模块 1. 友链申请按钮美化 对于友链模块,阿蛮君首先觉得友链申请应该让别人觉得按钮是可以点击的,我的美化 css 如下: /* 按钮美化 */ .friend-links-apply { padding: 5px 10px; color: white !important; text-decoration: none; border-radius: 50px; background: linear-g…
wordpress WordPress 主题美化 – 评论框添加背景图 添加如下 css,可给评论框添加背景图: /*评论背景图*/ textarea#comment { background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(/wp-content/uploads/2023/03/comment.png) right 1…
wordpress WordPress 主题美化 – 头像添加呼吸光环以及旋转和放大 鼠标悬停时头像旋转和放大的 css 代码如下: /*头像呼吸光环和鼠标悬停旋转放大开始*/ .widget-admin-author-avatar img { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; height: 65px; width: 65px; } .widget-adm…
wordpress WordPress 主题美化 – 给代码块添加 mac 风格样式 之前写过 WordPresss 主题美化-给代码块添加 mac 风格的背景图片,这方式虽然能实现,但是由于使用了背景图片,操作还是稍微有点麻烦。 今天这个代码直接插入代码即可实现美化代码块,阿蛮君现在用的就是这个,css 代码如下: .post-content-post pre::before { content: ""; display: block; background:…
wordpress WordPress 主题美化 – 文章页图片悬浮效果 要让图片悬浮,添加如下 css 即可。因为阿蛮君觉得图片具体文字太近,加了一个 margin 属性,不需要的可以去掉。 /*文章图片悬浮效果*/ .post-content-content img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0….
wordpress WordPress 主题美化 – 添加彩色滚动条 插入css 代码即可,彩色滚动条 css 代码如下: /**彩色滚动条*/ ::-webkit-scrollbar { width: 8px; height: 1px; } ::-webkit-scrollbar-thumb { background-color: #12b7f5; background-image: -webkit-linear-gradient(45deg, rgba(255,…
wordpress WordPress 主题美化 – 首页文章悬浮效果 如果使用的是 corepress 主题,加入以下代码即可,其他主题根据具体情况稍作修改。 /*首页动态效果*/ [cp-post-item]:hover { background: #edededba; transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform:…
wordpress WordPress 主题美化 – 美化导航栏添加背景图和透明效果 首先下载背景图,右键保存。 然后将图片上传到 wordpress,再加入以下 css 代码: header { background-color: rgba(255, 255, 255, 0.96); background-image: url(https://www.amjun.com/img/uploads/2023/04/643e056187339.png); background-posi…
wordpress Corepress 切换暗黑模式和明亮模式同时修改底部背景颜色 Corepress 原来底部的背景色是暗黑色的,但是阿蛮君把它修改为了白色背景,css 代码如下: /** 修改底部颜色 */ .footer-plane { background: #fff; color: #999; box-shadow: 0 0.5px 0.5px 1px rgb(0 0 0 / 10%); padding: 20px 30px 30px 30px; } .footer-p…