搜索到
3
篇与
的结果
-
Typecho不同分类文章标题显示不同颜色 如果你想在index页面，让文章标题的颜色根据分类显示，那么就打开你的模板文件夹下的index.php文件,将:<h2 class="entry_title"></h2>替换为 <h2 class="entry_title"> <a href="<?php $this->permalink() ?>" class="<?php echo $this->category; ?>"><?php $this->title() ?></a> </h2>这样就会在index页面的每篇文章里加上class=”分类缩略名”，然后我们就可以用这个来修改css样式了。打开你的主题文件夹下style.css文件来定义css，比如我的一个分类是news，想把分类下文章标题都变成红色的，那么添加代码.news{color:red;}同理，你也可以将archives.php，以及post.php等页面都照此法处理。注意如果一篇文章属于多个分类，那么用：<?php echo $this->category; ?>只能输出一个分类缩略名，暂时还没找到更好的办法。 -
非插件为typecho 文章生成微海报分享 使用方法将文件上传至正使用的主题目录下解压；先在合适的位置插入<a href="javascript:;" class="btn-bigger-cover comiis_poster_a">海报分享</a> <!--样式可以自己改-->再在页脚（ 标签外）插入 <?php if ($this->is('post')) : ?> <!--检查页面是否为内容页--> <?php $this->need('poster.php'); ?> <?php endif; ?>最后一点，poster.php 第 59 行的背景图按需设置，不同主题有不同做法 <div class="comiis_poster_img"><div class="img_time"><?php $this->date('d'); ?><span><?php $this->date('Y'); ?>/<?php $this->date('m'); ?></span></div><img src="此处为你图片的地址" class="vm" id="comiis_poster_image"></div><div class="comiis_poster_tita"><?php $this->title(); ?></div>其他的：默认引入 Mirages.min.js，如果主题自带，可以在 poster.php 注释掉本功能由客户端调用 html canvas 直接生成海报，服务端的压力极小（只需生成一张二维码）。 还是挺不错的，比如说你开发主题就可以直接加上这些（现在带海报分享功能的主题真的不多呢）。文件进Q群3332693或评论下载：{cat_hide}链接：https://pan.baidu.com/s/1Six4r9MLeQpibu_JGE97AQ 提取码：1edj {/cat_hide}
-
typecho评论显示个性化自定义 typecho的官方博客有一篇文章专门讲诉typecho的评论自定义显示的，官方的不够直观，方法如下：在 comments.php 开头部份加入如下方法即可实现自定义。（解说可以查看注释）<?php function threadedComments($comments, $singleCommentOptions) { $commentClass = ''; if ($comments->authorId) { if ($comments->authorId == $comments->ownerId) { $commentClass .= ' comment-by-author'; } else { $commentClass .= ' comment-by-user'; } } $commentLevelClass = $comments->_levels > 0 ? ' comment-child' : ' comment-parent'; ?> <li id="<?php $comments->theId(); ?>" class="comment-body<?php if ($comments->_levels > 0) { echo ' comment-child'; $comments->levelsAlt(' comment-level-odd', ' comment-level-even'); } else { echo ' comment-parent'; } $comments->alt(' comment-odd', ' comment-even'); echo $commentClass; //以上部份 不用理会，是判断一些奇偶数评论和作者类的，下面的才是需要修改的，根据需要修改吧， php部份不需要 修改，只需要修改 HTML 部分，下面是我现在用的 ?>"> <div class="comment-author"> <?php $comments->gravatar($singleCommentOptions->avatarSize, $singleCommentOptions->defaultAvatar); //头像 只输出 img 没有其它标签 ?> <div class="comment-info"> <cite class="fn"><?php $singleCommentOptions->beforeAuthor(); $comments->author();$singleCommentOptions->afterAuthor(); //输出评论者 ?> </cite> <em class="comment-meta"> <a href="<?php $comments->permalink(); ?>"><?php $singleCommentOptions->beforeDate(); $comments->date($singleCommentOptions->dateFormat); $singleCommentOptions->afterDate(); //输出评论日期 ?></a> </em> </div> <div class="comment-reply"> <?php $comments->reply($singleCommentOptions->replyWord); //输出 回复 链接?> </div> </div> <?php $comments->content(); //输出评论内容，包含 <p></p> 标签 ?> <?php if ($comments->children) { ?> <div class="comment-children"> <?php $comments->threadedComments($singleCommentOptions); //评论嵌套?> </div> <?php } ?> </li> <?php } ?>下面是对应的CSS代码：{cat_hide}.comment-list{margin:0;list-style:none; padding: 5px 0} ol.comment-list li{ margin: 10px 0;padding: 10px 10px 5px;border:1px solid #e3e3e3;background-color:#FAFAFA;-moz-border-radius:5px; -webkit-border-radius:5px;} ol.comment-list li.comment-odd{background-color: #F4F9FF; border-color: #D0DDF6; } ol.comment-list li.comment-even{background-color:#fff; border-color: #E3E3E3;} ol.comment-list li.comment-by-author{border-color: #b8cdf6;} ol.comment-list li.comment-by-user {} ol.comment-list li .comment-reply{float: right; margin-top: -3px;} ol.comment-list li .comment-reply a{font-size:12px;border:none;color:#aaa;} ol.comment-list li .comment-reply a:hover{color:#444;} .comment-body{overflow:hidden;} .comment-body p{ margin: 5px 0} .comment-author{border-bottom: 1px solid #ECECEC;height: 36px;padding-bottom: 5px;width: 100%;} ol.comment-list li.comment-odd .comment-author { border-bottom-color:#D0DDF6} .avatar{float:left;border:1px solid #E3E3E3; padding: 2px; background-color: #fff;} .comment-info {color: #888;float: left;line-height: 16px;padding-left: 5px;} .comment-info .fn{font-style:normal; display: block; margin-top: 4px} .comment-info .comment-meta{color:#999;font-size:10px;}{/cat_hide}
