站长图库

7B2主题美化之右上角投稿美化+加上搜索

 发布时间 2019-12-31 12:30:05 热度 280

 Tag标签:  7B2主题主题美化投稿

鉴于7b2主题美过于的稀少,同时为了备份,分享如下方法。

首先在

incfunctions-templates.php ~~121行添加

<button class="head-vip text" @click="showWriteBox"><i class="zrz-icon-font-dengpao iconfont"></i><br>投稿</button>
<button class="sousuo text" @click="showSearchBox('search')"><i class="iconfont zrz-icon-font-sousuo"></i><br>搜索</button>

可以 删除手机版本的 发起 + 购物车 ~135行

<div class="mobile-icon hide b-b">~~~~ 自己找


在CSS的添加,代码以下:

/* 右上角 投稿+搜索 美化 */
.sign-button-r .head-vip {
    display: block;
    width: 36px;
    height: 58px;
    color: #fff;
    font-size: 12px; 
    background-color: #2f318b;
    border-radius: 0 0 6px 6px;
    top: -12px;
}
.sign-button-r .sousuo {
    left: -45px;
    width: 36px;
    height: 58px;
    color: #fff;
    font-size: 12px; 
    background-color: #ff9900;
    border-radius: 0 0 6px 6px;
    top: -70px;
}

可以在会员窗口添加 我的购物车/任务链接

incfunctions-templates.php ~144行

<a href=""</span><?php echo esc_url(home_url('/cart')); ?>"" class="hd-avatar">
<i class="zrz-icon-font-haofangtuo400iconfont2gouwu iconfont"></i><?php echo __('我的购物车','7b2'); ?>
</a>
 
<a href="<?php echo esc_url(home_url('/task')); ?>" class="hd-avatar">
<i class="zrz-icon-font-liwu iconfont"></i><?php echo __('积分任务','7b2'); ?>
</a>

以上只是我的网站修改, 其中的数值请自己调整!!!

px:

可以在会员窗口添加 我的购物车/任务链接

incfunctions-templates.php ~144行

<a href="<?php echo esc_url(home_url('/cart')); ?>" class="hd-avatar">
<i class="zrz-icon-font-haofangtuo400iconfont2gouwu iconfont"></i><?php echo __('我的购物车','7b2'); ?>
</a>
<a href="<?php echo esc_url(home_url('/task')); ?>" class="hd-avatar">
<i class="zrz-icon-font-liwu iconfont"></i><?php echo __('积分任务','7b2'); ?>
</a>


评论(0)条

    站长图库

    站长素材 - 建站资源分享平台

    猜你喜欢
    92kaifa仿《ucbug软件站》源码 电脑手机应用软件游戏下载站模板带手机站+同步生成移动端 帝国CMS7.5内核

    92kaifa仿《ucbug软件站》源码 电脑手机应用软件游戏下载站模板带手机站+同步生成移动端 帝国CMS7.5内核

    行业整站 587 2019-11-02

    仿《ucbug软件站》源码 简单电脑手机应用软件游戏下载站模板 带手机站+TGA+同步生成采用帝国CMS7.5内核,带手...

    扁平化网页设计块状界面PSD素材下载

    扁平化网页设计块状界面PSD素材下载

    网页模板 134 2020-01-26

    扁平化网页设计块状界面PSD素材适用于博客网页设计使用。

    jQuery滑动导航插件sliding

    jQuery滑动导航插件sliding

    菜单导航 196 2020-01-28

    jQuery滑动导航插件sliding是一款和移动端导航一样,列表样式,响应的滑动导航。

    18个交通工具图标设计素材下载

    18个交通工具图标设计素材下载

    UI元素 171 2020-01-25

    18个交通工具图标设计素材,适用于交通行业网站设计,APP设计使用。