惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - Franky
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
小众软件
小众软件
人人都是产品经理
人人都是产品经理
罗磊的独立博客
博客园 - 聂微东
雷峰网
雷峰网
量子位
美团技术团队
V
V2EX
The GitHub Blog
The GitHub Blog
大猫的无限游戏
大猫的无限游戏
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
IT之家
IT之家
The Cloudflare Blog
爱范儿
爱范儿
T
Tailwind CSS Blog
博客园 - 三生石上(FineUI控件)
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
Last Week in AI
Last Week in AI
Jina AI
Jina AI

eallion's Blog

春假清明自驾游 Ubuntu 25.10 安装和配置 秋假 彩礼 2025 博客变化 预制菜 联邦礼仪之一 重拾写博客的乐趣 少儿 TED - 时间管理大师 n8n 之同步博客到 Mastodon n8n 之备份 Mastodon 嘟文 如何备份 Mastodon Docker 部署 Mastodon NAS 折腾记 Windows 11 安装软件 博客排版 - 挤压中文标点符号 Hugo 博客集成 Mastodon 独立博客自省问卷 15 题 Chrome 插件更新:网址净化器 在 Hugo 中使用 Shiki 炒菜万能公式 uBlacklist 订阅合集 读《中文互联网正在加速崩塌》 CSS 和 JS 实现博客热力图 受灾小记 那,他吃什么?! Mastodon 同步到 Memos Hugo 外部链接跳转提示页面 联邦宇宙及 Mastodon 简介 2024 博客变化
多说 CSS 分享
Charles Chin · 2015-01-12 · via eallion's Blog

出色的自定义效果展示:

设计达人: http://www.shejidaren.com/use-css3-to-create-a-beautiful-comment-ui.html
罗磊的独立博客: http://luolei.org/2012/08/duoshuo-css
V 说: http://www.vsay.cn/one-more-custom-css-lets-you-say-comments-city.html
沈超飞的 IT 博客: http://shenchaofei.cn/duoshuo-comment-box-css-custom/328.html

#ds-thread .ds-powered-by {font-size: 0px !important; padding: 0; }
#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current {border:0px;color:#fff;text-shadow:none;background:#6cbfee}
#ds-thread #ds-reset .ds-highlight {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#fff !important;}
#ds-thread #ds-reset li.ds-tab a.ds-current {background:none;border:none;}
#ds-thread #ds-reset .ds-sort {display:none;}

#ds-thread {padding-left:30px;}
#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset #ds-hot-posts {overflow:visible}
#ds-thread #ds-reset .ds-post-self {padding:10px 0 10px 10px;}
#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset .ds-post-self {border:0 !important;}
#ds-reset .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar {position:absolute;top:26px;left:-14px;padding:5px;width:36px;height:36px;box-shadow:-1px 0 1px rgba (0,0,0,.15) inset;border-radius:46px; background:#AFDCF8;}
#ds-thread #ds-reset ul.ds-children .ds-avatar {left:-23px;}
#ds-thread .ds-avatar a {display:inline-block;padding:1px; width:32px;height:32px;border:1px solid #6cbfee;border-radius:50%; background-color:#fff !important}
#ds-thread .ds-avatar a:hover {border-color:#fff}
#ds-thread .ds-avatar > img {margin:2px 0 0 2px}
#ds-thread #ds-reset .ds-replybox {box-shadow:none;}
#ds-thread #ds-reset ul.ds-children .ds-replybox.ds-inline-replybox a.ds-avatar,
#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar {left: 0;top: 0; padding: 0;width: 32px !important;height: 32px !important; background: none;box-shadow: none; } 
#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar img {width: 32px !important;height: 32px !important; border-radius:50%;} 
#ds-reset .ds-replybox a.ds-avatar,
#ds-reset .ds-replybox .ds-avatar img { padding:0;width:50px !important;height:50px !important; border-radius:5px; }
#ds-reset .ds-avatar img {width:32px !important;height:32px !important;border-radius:32px;box-shadow:0 1px 3px rgba (0, 0, 0, 0.22);
                            -webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;transition:.4s all ease-in-out;
                            }
.ds-post-self:hover .ds-avatar img {-webkit-transform:rotate (360deg);-moz-transform:rotate (360deg);-o-transform:rotate (360deg);-ms-transform:rotate (360deg);transform:rotate (360deg);}

#ds-thread #ds-reset .ds-comment-body {background:#6cbfee;padding:15px 15px 12px 32px;border-radius:5px; box-shadow:0 1px 2px rgba (0,0,0,.15), 0 1px 0 rgba (255,255,255,.75) inset;}

#ds-thread #ds-reset .ds-comment-body p {color:#fff;}
#ds-thread #ds-reset .ds-comment-body a {color:#fff;}
#ds-thread #ds-reset .ds-comment-body a:hover {color:#fff;}
#ds-thread #ds-reset    .ds-time {color:#fff;}
#ds-thread #ds-reset .ds-comments a.ds-user-name {font-weight:bold;color:#fff !important;}
#ds-thread #ds-reset .ds-comments a.ds-user-name:hover {color:#fff !important;}
#ds-thread #ds-reset .ds-sync {display:none !important;}
#ds-thread#ds-reset    { border-radius: 5px;}

#ds-thread #ds-reset #ds-hot-posts {border:0}
#ds-reset #ds-hot-posts .ds-gradient-bg {background:none;}
#ds-reset #ds-bubble {display:none;}

#ds-recent-comments .ds-avatar {font-size:16px;color: #fff !important;}
#ds-recent-comments .ds-meta {font-size:16px;color: #fff !important;}
#ds-recent-comments .ds-thread-title  {color: #fff !important;}
#ds-recent-comments .ds-time {color: #fff !important;}
#ds-recent-comments .ds-excerpt {font-size:16px;color: #fff !important;}