搜 索

Cuteen美化教程

  • 156阅读
  • 2022年08月21日
  • 0评论
首页 / 分享 / 正文

侧边栏MAC样式

<link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/macstyle.css">

网站在QQ分享成卡片

    <meta itemprop="name" content="刘泽奇博客"/>
    <meta itemprop="image" content="https://res.liuzeqi.com/liuzeqi/images/tx.png" />
    <meta name="description" itemprop="description" content="这辈子,人潮汹涌,感谢遇到你." />

添加在线人数统计

在functios.php最后加这段代码

function online_users() {
        $filename='online.txt'; //数据文件
        $cookiename='Nanlon_OnLineCount'; //Cookie名称
        $onlinetime=30; //在线有效时间
        $online=file($filename); 
        $nowtime=$_SERVER['REQUEST_TIME']; 
        $nowonline=array(); 
        foreach($online as $line){ 
            $row=explode('|',$line); 
            $sesstime=trim($row[1]); 
            if(($nowtime - $sesstime)<=$onlinetime){
                $nowonline[$row[0]]=$sesstime;
            } 
        } 
        if(isset($_COOKIE[$cookiename])){
            $uid=$_COOKIE[$cookiename]; 
        }else{
            $vid=0;
            do{
                $vid++; 
                $uid='U'.$vid; 
            }while(array_key_exists($uid,$nowonline)); 
            setcookie($cookiename,$uid); 
        } 
        $nowonline[$uid]=$nowtime;
        $total_online=count($nowonline); 
        if($fp=@fopen($filename,'w')){ 
            if(flock($fp,LOCK_EX)){ 
                rewind($fp); 
                foreach($nowonline as $fuid=>$ftime){ 
                    $fline=$fuid.'|'.$ftime."\n"; 
                    @fputs($fp,$fline); 
                } 
                flock($fp,LOCK_UN); 
                fclose($fp); 
            } 
        } 
        echo "$total_online"; 
    } 

在footer.php 你想加入的地方加入这一行

    在线人数: <?php echo online_users() ?>人

人生倒计时侧方美化

这段代码加入 sidebar.php里 可以根据自己喜好加入

         <div class="sidebar-box classListBox">
     <div class="aside aside-count">
        <div class="p-3">人生倒计时</div>
        <div class="content">
            <div class="item" id="dayProgress">
                <div class="title">今日已经过去<span></span>小时</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-1"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
            <div class="item" id="weekProgress">
                <div class="title">这周已经过去<span></span>天</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-2"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
            <div class="item" id="monthProgress">
                <div class="title">本月已经过去<span></span>天</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-3"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
            <div class="item" id="yearProgress">
                <div class="title">今年已经过去<span></span>个月</div>
                <div class="progress">
                    <div class="progress-bar">
                        <div class="progress-inner progress-inner-4"></div>
                    </div>
                    <div class="progress-percentage"></div>
                </div>
            </div>
        </div>
    </div>
    </div>

后台头部自定义内容加

    <link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/timeinfo.css">
    <script src="https://res.liuzeqi.com/blog/js/timeinfo.js"></script>

字体美化

后台头部自定义内容加

    <link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/font.css">

电脑鼠标美化

后台头部自定义内容加

    <link rel="stylesheet" href="https://res.liuzeqi.com/cursor/cat/css/cursor.css">

logo美化动态&

后台头部自定义内容加

    <link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/fonts/logo/logo.css">
    <link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/logo.css">

在navbar.php中的第13行的代码删除 然后加上 下面代码 可以把刘泽奇修改为你自己名字 即可

<span class="logolink miao">
        <a href="https://blog.liuzeqi.com/">
        <span class="sakuraso">刘泽奇</span>
        <span class="no">の</span>
        <span class="shironeko">博客</span>
        <i class="up-new" style="display:inline-block;vertical-align: middle;height: 35px;"></i></a>
    </span>
</li>

评论区添加动态猫
后台头部自定义内容加

    <link rel="stylesheet" type="text/css" href="https://res.liuzeqi.com/blog/css/plbj.css">

滚动条显示位置百分比
打开navbar.php文件,将以下代码添加到第10行下方即可,在

无标签
打 赏
  • 支付宝
  • 微信
  • QQ
Alipay
WeChatPay
QQPay
评论区
评论已关闭