产品项目 第121页
WordPress网站顶部导航栏添加背景图片的教程 - 鹿泽笔记

WordPress网站顶部导航栏添加背景图片的教程

/*导航栏图片背景*/ .header-layout-1{position:relative;background-image:url(图片链接);background-position:center right;background-size:auto 100%;} 说明:图片背景是透明的,可以自己弄...
2024-05-31 17:58:36
1300
WordPress网站文章页面添加文章字数和阅读时间的教程 - 鹿泽笔记

WordPress网站文章页面添加文章字数和阅读时间的教程

1、在主题目录下functions.php文件把下面的代码添加进去: // 文章字数和阅读时间 function count_words_read_time () { global $post; $text_num = mb_strlen(preg_replace('/s/','',html_enti...
2024-05-31 17:56:31
1210
WordPress网站底部可爱底线提示的教程 - 鹿泽笔记

WordPress网站底部可爱底线提示的教程

在主题目录—>footer.php的“<footer class….>”上方加入以下代码: <!--底部可爱底线提示--> <div class='app_normal window' style='padding-top:' data-reactroot=''><div clas...
2024-05-31 17:53:13
1390
WordPress网站顶部添加彩色进度条的代码教程 - 鹿泽笔记

WordPress网站顶部添加彩色进度条的代码教程

CSS代码: /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius...
2024-05-31 17:47:20
2330
WordPress网站添加复制提示框的教程 - 鹿泽笔记

WordPress网站添加复制提示框的教程

样式一、 //复制提示 document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处!',showConfirmButton: false,timer: 2000});...
2024-05-31 17:44:41
1890
WordPress首页文章列表浮出的代码教程 - 鹿泽笔记

WordPress首页文章列表浮出的代码教程

CSS代码: /*列表依次进入*/ posts{display: none}.fadeIn{display: block; animation: fadeIn 3s;}@keyframes fadeIn{0%{opacity: 0; transform: translate3d(0, 50px, 0);} 100%{opacity: 1; ...
2024-05-31 17:40:16
1820
WordPress网站首页主内容上方添加跑马灯公告小工具的教程 - 鹿泽笔记

WordPress网站首页主内容上方添加跑马灯公告小工具的教程

网站后台—>外观—>小工具—>自定义HTML,然后添加到合适位置即可。 <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #f...
2024-05-31 17:38:31
2250
WordPress设置网站动态标题的教程 - 鹿泽笔记

WordPress设置网站动态标题的教程

我们经常逛别人的网站,有些网站当我们离开该页面浏览其它页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/...
2024-05-31 17:36:23
1140
WordPress添加侧边彩色滚动条的代码 - 鹿泽笔记

WordPress添加侧边彩色滚动条的代码

WordPress默认的浏览器侧边栏滚动条是非常丑陋的,当然,有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化,有些WordPress主题是没有美化侧边滚动栏的,那么这时就需要我们去美化...
2024-05-31 17:32:57
1370
WordPress网站点击彩色效果的代码教程 - 鹿泽笔记

WordPress网站点击彩色效果的代码教程

理论上支持大部分网站,Worderss主题一般都在后台主题设置里的自定义JS代码里添加,其它大同小异。 这一个很简单的网站点击彩色的效果,采用js来实现的,首先创建JS文件,复制下面的代码,粘贴...
2024-05-31 17:29:51
1260