标签「即时设计」下的文章,共找到 1 篇文章
即时设计:在线设计SVG格式LOGO
在这篇博客中,我分享了使用即时设计网站初体验设计SVG格式LOGO的过程。从选择模板到最终导出,即时设计提供了直观的界面和强大的功能,使得LOGO设计变得简单而有趣。无论你是设计新手还是寻求高效工具的专业人士,即时设计都值得一试。
上午好!
15/03
毂则异室,死则同穴。谓予不信,有如皎日。
——《诗经》
热门文章
最新评论
子夜歌:
子夜歌:
因为主题侧栏没有标签云模块我增加了一个,,大佬看怎么样<?php/**
标签云(所有标签)- 紧凑微圆角版(完美适配深/浅主题) *@author 您的名字@link https://example.com@update 2025-02-24 */if (!defined('__TYPECHO_ROOT_DIR__')) {
exit;}?>/ 标签云专属样式 - 使用主题变量,自动适配深色模式 /.tagcloud-list {
list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.3rem;}.tagcloud-item {
margin: 0;}.tagcloud-link {
display: inline-block; padding: 0.1rem 0.3rem; background: var(--bg-color-primary); /* 使用主题次级背景色(浅灰/深灰) */ border-radius: 0.5rem; font-size: 0.85rem; color: var(--font-color-main); /* 使用主题主文字颜色(黑/白) */ text-decoration: none; transition: all 0.2s ease;}.tagcloud-link:hover {
background: var(--color-primary); /* 使用主题主色(蓝色) */ color: #fff !important; /* 悬停时文字强制变白,确保清晰可读 */}.tagcloud-count {
font-size: 0.75rem; margin-left: 0.2rem; opacity: 0.7; color: var(--font-color-main-light); /* 使用主题浅色文字(深色下自动变浅) */}.text-center {
text-align: center; color: var(--font-color-muted); /* 使用主题柔和文字 */}
标签云 <div class="widget-content tagcloud-widget scroll-cover"> <?php $limit = 20; $db = Typecho_Db::get(); $tags = $db->fetchAll($db->select('mid', 'name', 'slug', 'count') ->from('table.metas') ->where('type = ?', 'tag') ->order('count', Typecho_Db::SORT_DESC) ->limit($limit)); if (!empty($tags)): ?> <ul class="tagcloud-list"> <?php foreach ($tags as $index => $tag): $tagUrl = Typecho_Common::url('/tag/' . $tag['slug'] . '/', $this->options->siteUrl); ?> <li class="tagcloud-item"> <a class="tagcloud-link" href="<?php echo $tagUrl; ?>" title="<?php echo htmlspecialchars($tag['name']); ?> 共 <?php echo $tag['count']; ?> 篇文章"> <span class="tagcloud-name"><?php echo htmlspecialchars($tag['name']); ?></span> <span class="tagcloud-count">(<?php echo $tag['count']; ?>)</span> </a> </li> <?php endforeach; ?> </ul> <?php else: ?> <div class="text-center">暂无标签</div> <?php endif; ?> </div>