分类: 主题美化

此分类下的主题美化教程,大部分都以B2主题为基础美化,包括JS功能等。代码基本都是通用的,个别地方可能需要你自己修改,不会的可以在文章下方留言。

  • 【VIP】等级图标

    【VIP】等级图标

    简介

    VIP等级图标,vip1 – vip7

    [content_hide]

    📦 资源下载
    🔐 提取码:
    cVAei



    立即下载

    [/content_hide]

  • 【LV】彩色等级图标

    【LV】彩色等级图标

    简介

    网站等级图标,lv1-lv8
    [content_hide]

    📦 资源下载
    🔐 提取码:
    EXUhz



    立即下载

    [/content_hide]

  • B2子主题修改前的准备工作

    视频教程

    在function.php中 调用子主题要修改的文件

    //以下是我所用到的,没用到的尚未改动,其他页面你有用到就自己改路径
    /******************************************************************************/
    //顶部导航菜单部分
    require_once get_stylesheet_directory() . '/Modules/Templates/Header.php';
    //修改页面右侧工具条(暂时未改)
    require_once get_stylesheet_directory() . '/Modules/Templates/Footer.php';
    
    //修改网格模块的导航
    require_once get_stylesheet_directory() . '/Modules/Templates/Modules/Posts.php';
    
    //修改轮播模块
    require_once get_stylesheet_directory() . '/Modules/Templates/Modules/Sliders.php';
    
    //修改用户登录小工具
    require_once get_stylesheet_directory() . '/Modules/Templates/Widgets/User.php';
    
    //修改用户等级图标
    require_once get_stylesheet_directory() . '/Modules/Common/User.php';
    
    //修改快讯页面
    require_once get_stylesheet_directory() . '/Modules/Common/Newsflashes.php';
    require_once get_stylesheet_directory() . '/Modules/Templates/Widgets/Newsflashes.php';
    
    //修改友链页面(暂时未改)
    require_once get_stylesheet_directory() . '/Modules/Templates/Modules/Links.php';
    
    //修改文章内下载模块
    require_once get_stylesheet_directory() . '/Modules/Templates/Single.php';
    
    //修改文章内评论模块
    require_once get_stylesheet_directory() . '/Modules/Common/Comment.php';
    
    【在function.php中 全局调用 JS 或 CSS 文件】
    
    // css-js外链调用-唯一标识符(纯英文即可)
    
    function bber_css_js() {
    // 输出其他路径的 CSS 文件
    wp_enqueue_style( '唯一标识符', get_stylesheet_directory_uri() . '/diy/dianzan/文件名.css', array(), '1.0' );
    
    // 输出其他路径的 JS 文件
    wp_enqueue_script( '唯一标识符', get_stylesheet_directory_uri() . '/diy/js/文件名.js', array(), '1.0', true );
    }
    
    add_action( 'wp_enqueue_scripts', 'bber_css_js' );
    
    B2正版小白用户,可以联系站长帮你找寻代码位置。破解版/盗版勿扰。站长QQ:49463738
  • 本站广播模块功能

    本站广播模块功能

    简单介绍

    通过获取指定分类下的文章,对文章的标题进行顺序轮播。

    这个功能前前后后优化了N版,通宵熬夜,代码不多,但耗时耗力。

    最终完结,以下是代码的使用方法,可看视频了解。

    视频教程


    [content_hide]

    📦 资源下载
    🔐 提取码:
    NCWZ0



    立即下载

    [/content_hide]

  • 页面底部漂浮星星

    页面底部漂浮星星

    特效介绍

    引用文件后,从网页底部向上漂浮蓝色星星。

    比较好看,但是css代码太长,建议单文件引用,不要复制到style.css里

    还有html代码也比较长,注意不要放错地方,具体的看视频教程吧

    如果div代码过长,影响观感,可以找个html转js的工具,将html代码转换为js代码。

    然后直接在你想展示在的代码内,调用你的转换js文件,输出即可。

    视频教程


    [content_hide]

    📦 资源下载
    🔐 提取码:
    PLB3q



    立即下载

    [/content_hide]

  • 网站滚动进度条

    网站滚动进度条

    代码介绍

    它会在页面顶部显示一个进度条,当用户滚动页面时,进度条的长度会根据用户的滚动位置动态变化。

    注意:当你的页面长度不够时,这个进度条会有一个默认的长度,这与你右侧的滚动条长度基本一致。

    视频介绍


    [content_hide]

    📦 资源下载
    🔐 提取码:
    OL4FS



    立即下载

    [/content_hide]

  • 鼠标点击效果-彩色心

    鼠标点击效果-彩色心

    代码介绍

    这个代码实现了一个点击页面时生成彩色心形动画效果的功能。具体来说,当用户点击页面任意位置时,会在点击位置生成多个彩色的心形图案,这些心形图案会逐渐上升并消失。

    视频介绍


    [content_hide]

    📦 资源下载
    🔐 提取码:
    0OArO



    立即下载

    [/content_hide]

  • 鼠标点击效果 – emoji表情

    鼠标点击效果 - emoji表情

    代码效果

    在页面上点击鼠标时,生成随机的emoji表情,这些表情从鼠标位置开始出现,然后移动并逐渐消失。

    视频介绍


    [content_hide]

    📦 资源下载
    🔐 提取码:
    v4TwX



    立即下载

    [/content_hide]

  • 网站加载进度条

    网站加载进度条

    代码效果

    这个代码实现了页面加载进度条功能。其核心目的是在页面加载过程中显示一个进度条,以向用户展示页面加载的进度情况,让用户在等待加载完成时能够得到视觉上的反馈。

    视频介绍


    [content_hide]

    📦 资源下载
    🔐 提取码:
    Dj3AP



    立即下载

    [/content_hide]

  • 给网站添加一个上吊猫

    给网站添加一个上吊猫

    代码效果

    这是一个返回顶部按钮的功能,被魔改为了一只小猫。

    当用户滚动到页面底部时,点击小猫,即可自动返回到页面顶部

    视频介绍


    [content_hide]

    📦 资源下载
    🔐 提取码:
    n3FwO



    立即下载

    [/content_hide]