技术知识分享

DUX-for-typecho 1:1精仿分类路径

宝塔面板永久版优惠券

昨天做了dux主题的面包屑扒皮。今天又看到分类路径居然与原版不一样。干脆也把它加上去吧。

首先来看一下DUX-for-typecho 原版的分类路径样式:
DUX
再看一下改造后的样式,也就是原版DUX主题的样式。(在最下面)

下面直接上教程:

  • 打开主题文件夹下的/css/main.css
  • 在最下面添加以下代码:
    .catleader{background-color:#fff;border:1px solid #eaeaea;border-radius:4px;margin-bottom:15px;padding:15px 20px;}
    .catleader h1{font-size:22px;margin:0;padding:0;line-height:1;border-left:5px solid #45B6F7;padding-left:10px;}
    .catleader h1 small{color:#999;font-size:14px;position:relative;top:-2px;margin-left:5px;}
    .catleader-desc{font-size:14px;color:#999;margin-top:10px;}
    @media (max-width:640px){
    .catleader{padding: 12px 15px 10px;margin-bottom: 5px;border: none;}
    .catleader h1{font-size: 14px;font-weight: bold;}
    .catleader-desc{margin-top: 5px;font-size: 12px;}
    }
  • 打开主题文件夹下的archive.php
  • 找到下面代码,就在最前面:
      <div class="pagetitle">
        <h3><?php $this->archiveTitle(array(
            'category'  =>  _t('%s'),
            'search'    =>  _t('搜索 %s'),
            'tag'       =>  _t('标签 %s'),
            'author'    =>  _t('作者 %s')
        ), '', ''); ?></h3>
  • 修改成以下:
      <div class="catleader">
        <h1><?php $this->archiveTitle(array(
            'category'  =>  _t('%s'),
            'search'    =>  _t('搜索 %s'),
            'tag'       =>  _t('标签 %s'),
            'author'    =>  _t('作者 %s')
        ), '', ''); ?></h1>
  • OJBK已经完成了。

查看下,完美跟原版一毛一样!
DUX

未经允许不得转载:pc6a学习分享 » DUX-for-typecho 1:1精仿分类路径
腾讯云服务器秒杀

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这里也不显示代码

    钧言4个月前 (05-12)回复
    • 已修复,顺便还把图迁移了。

      小白4个月前 (05-14)回复