WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 博客主题 › BlueBox – 淘宝UED风格WordPress主题

BlueBox – 淘宝UED风格WordPress主题

PCDotFan10年前

BlueBox - 淘宝UED风格WordPress主题-WP酷

来自博友 Banri 的主题,主题模仿淘宝 UED,代码完全进行重写,尽力做到了每一个细节的精致。BlueBox 只支持使用第三方社会化评论工具。

参考多说 CSS 样式

#ds-thread #ds-reset .ds-sort, #ds-thread #ds-reset #ds-bubble, #ds-thread #ds-reset .ds-powered-by, #ds-reset .ds-logo, #ds-wrapper #ds-reset .ds-dialog-footer, .ds-post-likes, .ds-post-report, #ds-smilies-tooltip ul.ds-smilies-tabs { display: none !important;}
#ds-thread #ds-reset li.ds-tab a { background: none !important; border: 0 !important; font-size: 12px !important; color: #999 !important;}
#ds-thread #ds-reset a.ds-comment-context { color: #999 !important;}
#ds-thread #ds-reset ul.ds-comments-tabs .ds-highlight, #ds-notify #ds-reset ul.ds-notify-unread li a, #ds-wrapper #ds-reset .ds-unread-list li a, #ds-wrapper #ds-reset .ds-unread-list li a:hover, #ds-thread #ds-reset .ds-paginator a.ds-current { color: #2CB4BF !important;}
#ds-wrapper #ds-reset .ds-unread-list li a:hover, #ds-thread #ds-reset .ds-login-buttons .ds-more-services:hover { text-decoration: underline;}
#ds-thread #ds-reset li.ds-post { border-top: 1px dotted #DDD !important;}
#ds-thread #ds-reset .ds-comments, #ds-thread #ds-reset .ds-paginator { border-bottom: 1px dotted #DDD !important;}
#ds-reset .ds-avatar img { width: 30px !important; height: 30px !important; border-radius: 0 !important; box-shadow: none !important;}
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body { padding-left: 40px !important;}
#ds-thread #ds-reset ul.ds-children { margin-left: 50px !important;}
#ds-reset .ds-highlight, #ds-thread #ds-reset .ds-login-buttons .ds-more-services, #ds-thread #ds-reset .ds-login-buttons .ds-more-services:hover { color: #999 !important;}
#ds-thread #ds-reset .ds-time, #ds-thread #ds-reset .ds-comment-body p, #ds-thread #ds-reset .ds-textarea-wrapper textarea, #ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text { font-size: 12px !important;}
#ds-thread #ds-reset .ds-post-self { padding: 20px 10px !important;}
#ds-notify #ds-reset ul.ds-notify-unread { margin: 0 !important;}
#ds-thread #ds-reset .ds-replybox { padding: 0 0 0 50px !important;}
#ds-thread #ds-reset .ds-replybox .ds-avatar { margin: 0 0 0 10px !important;}
#ds-smilies-tooltip .ds-smilies-container { margin-left: 0 !important; height: auto !important;}
#ds-thread #ds-reset .ds-textarea-wrapper { background: none !important;}
#ds-reset .ds-gradient-bg { background: #F5F5F5 !important;}
#ds-thread #ds-reset .ds-post-button { position: absolute !important; left: 0 !important; top: 45px !important; font-weight: normal !important; font-size: 12px !important; text-shadow: none !important; border: 0 !important; height: 23px !important; line-height: 23px !important; width: 52px !important; background: #2CB4BF !important; color: #FFF !important;}
#ds-thread #ds-reset button:hover, #ds-thread #ds-reset button:active { background: #40C8C9 !important; color: #FFF !important; box-shadow: none !important;}
#ds-thread #ds-reset .ds-textarea-wrapper textarea:focus { background: #FFF !important; color: #333 !important;}
#ds-thread #ds-reset .ds-comment-body p { color: #333 !important;}
#ds-thread #ds-reset .ds-textarea-wrapper, #ds-thread #ds-reset .ds-post-options, #ds-thread #ds-reset .ds-post-button { border-radius: 0 !important;}
#ds-thread #ds-reset .ds-post-options { margin-right: 0 !important; border: 1px solid #CCC !important;}
#ds-smilies-tooltip, #ds-thread #ds-reset .ds-account-control ul { border-radius: 0 !important; box-shadow: none !important;}
#ds-thread #ds-reset .ds-inline-replybox { margin: 8px 0 38px 0 !important;}
#ds-thread #ds-reset .ds-post-self { border: 0 !important;}

主题设置说明

自定义文本:按照红色方框内设置,注意每一行后都要有个空格,否则会被默认覆盖

工具 – 获取代码:找到其中的 short_name,填入 common.js 的第一行

设置 – 基本设置 – 自定义 css(可选):将参考多说 CSS 中所有内容粘贴至此。

 

主题截图

1、首页截图

BlueBox - 淘宝UED风格WordPress主题-WP酷

2、文章页截图

BlueBox - 淘宝UED风格WordPress主题-WP酷

#Banri#CSS#logo#多说#淘宝UED

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

0
分享
PCDotFan 站长
文章 435评论 859
相关文章
  • [WP酷专享特惠] november – 功能爆炸强大的轻社区 / 淘宝客 WordPress 主题
  • TigerMaterial – Material Design 与 WordPress 的巧妙碰撞
  • [WP酷专享特惠] Panda PRO – 昼夜双版 WordPress 双栏科技资讯主题
  • Tony – Vue.js 单栏 WordPress 博客主题
  • Origami – 简洁轻快的 WordPress 博客主题
  • RnMaterial – Material Design 与 WordPress 的巧妙碰撞
  • Grace – 简而不凡 更好看的 WordPress 博客主题
  • [持续更新]Diaspora – 素色响应式单栏 WordPress 博客主题
评论 (8)
再想想
  • 楚狂人网赚

    漂亮的主题~

    10年前
  • 免费资源部落

    主题没有下载不?

    10年前
    • WP酷

      @免费资源部落 看来做得太不显眼了……在标题的下方

      10年前
  • 面子至上

    收藏了~~~谢谢!

    10年前
    • WP酷

      @面子至上 不谢不谢,欢迎常来

      10年前
  • 迟帅

    无法安装这个包。 主题缺少style.css样式表。
    这个是什么意思呢?我解压看了,明明有style.css的哇

    9年前
    • WP酷

      @迟帅 之前有位朋友也是这个问题,检查一下PHP的版本吧

      9年前
  • vinceok.com

    百度云被屏蔽了 重发一个呗

    8年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
Origami – 简洁轻快的 WordPress 博客主题
4年前
FengYing – 灰黑配色国人WordPress博客主题
9年前
多说提速:使用七牛云存储实现多说静态文件CDN
8年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1