响应式 Typecho博客主题模板 自适应手机端

<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?> <?php $GLOBALS['z'] = $this->options->CDNURL; function threadedComments($comments, $options) { $commentClass = ''; if ($comments->authorId) { if ($comments->authorId == $comments->ownerId) { $commentClass .= ' comment-by-author';$idcard="本文作者"; } else { $commentClass .= ' comment-by-user';$idcard="其他编辑"; } }else{$idcard=""; } $commentLevelClass = $comments->levels > 0 ? ' c_c' : ' c_p'; if ($comments->url) { $author = '<a href="' . $comments->url . '" target="_blank" rel="external nofollow">' . $comments->author . '</a>'; } else { $author = $comments->author; } ?> <li id="li-<?php $comments->theId();?>" class="<?php echo $cl;?>"> <div id="<?php $comments->theId(); ?>"> <?php $host = 'https://cdn.v2ex.com'; $url = '/gravatar/'; $size = '100'; $rating = Helper::options()->commentsAvatarRating; $hash = md5(strtolower($comments->mail)); $email = strtolower($comments->mail); $sjtx = Typecho_Widget::widget('Widget_Options')->motx; $qq=str_replace('@qq.com','',$email); if(strstr($email,"qq.com") && is_numeric($qq) && strlen($qq) < 11 && strlen($qq) > 4) { $avatar = '//q.qlogo.cn/g?b=qq&nk='.$qq.'&s=100'; }else{ $avatar = $host . $url . $hash . '?s=' . $size . '&r=' . $rating . '&d='.$sjtx; } ?> <img class="avatar" src="<?php echo $avatar ?>" alt="<?php echo $comments->author; ?>" width="<?php echo $size ?>" height="<?php echo $size ?>" /> <div class="cp"> <?php get_comment_at($comments->coid); ?> <?php $cos = preg_replace('#</?[p|P][^>]*>#','',$comments->content); echo $cos; ?> <div class="cm"><span><?php echo $author ?><?php echo '<span class="idcard">'.$idcard.'</span>';?></span> <?php $comments->date(); ?><span class="cr"><?php $comments->reply(); ?></span></div> </div> </div> <?php if ($comments->children){ ?><div class="children"><?php $comments->threadedComments($options); ?></div><?php } ?> </li> <?php } ?> <div id="comment"> <?php $this->comments()->to($comments); ?> <h4><?php $this->commentsNum(_t('暂无评论'), _t('仅有 1 条评论'), _t('已有 %d 条评论')); ?></h4><br> <div id="<?php $this->respondId(); ?>" class="respond"> <div class="ccr"><?php $comments->cancelReply(); ?></div> <h3 class="response">发表新评论</h3> <form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" role="form"> <?php if($this->user->hasLogin()): ?> <span>已登入<a href="<?php $this->options->profileUrl(); ?>"><?php $this->user->screenName(); ?></a>. <a href="<?php $this->options->logoutUrl(); ?>" title="Logout">退出 &raquo;</a></span> <?php else: ?> <?php if($this->remember('author',true) != "" && $this->remember('mail',true) != "") : ?> <span>欢迎【<?php $this->remember('author'); ?>】的归来 | <small style="cursor: pointer;" onclick = "tg_c('ainfo','hinfo');"> 编辑资料</small></span> <div id ="ainfo" class="ainfo hinfo"> <?php else : ?> <div class="ainfo"> <?php endif ; ?> <div class="tbox"> <input type="text" name="author" id="author" class="ci" placeholder="称呼" value="<?php $this->remember('author'); ?>" required> <input type="email" name="mail" id="mail" class="ci" placeholder="邮箱" value="<?php $this->remember('mail'); ?>" <?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?>> <input type="url" name="url" id="url" class="ci" placeholder="http://" value="<?php $this->remember('url'); ?>" <?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?>> </div> </div> <?php endif; ?> <div class="tbox"><textarea name="text" id="textarea" class="ci" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};" placeholder="在这里输入你的评论" required ><?php $this->remember('text',false); ?></textarea></div> <button type="submit" class="submit" id="submit">提交评论 (Ctrl + Enter)</button> </form> </div> <?php if ($comments->have()): ?> <?php $comments->listComments(); ?><?php $comments->pageNav('&laquo;', '&raquo;'); ?> <?php endif; ?> </div> <script type="text/javascript"> (function () { window.TypechoComment = { dom : function (id) { return document.getElementById(id); }, create : function (tag, attr) { var el = document.createElement(tag); for (var key in attr) { el.setAttribute(key, attr[key]); } return el; }, reply : function (cid, coid) { var comment = this.dom(cid), parent = comment.parentNode, response = this.dom('<?php echo $this->respondId(); ?>'), input = this.dom('comment-parent'), form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0], textarea = response.getElementsByTagName('textarea')[0]; if (null == input) { input = this.create('input', { 'type' : 'hidden', 'name' : 'parent', 'id' : 'comment-parent' }); form.appendChild(input); } input.setAttribute('value', coid); if (null == this.dom('comment-form-place-holder')) { var holder = this.create('div', { 'id' : 'comment-form-place-holder' }); response.parentNode.insertBefore(holder, response); } comment.appendChild(response); this.dom('cancel-comment-reply-link').style.display = ''; if (null != textarea && 'text' == textarea.name) { textarea.focus(); } return false; }, cancelReply : function () { var response = this.dom('<?php echo $this->respondId(); ?>'), holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent'); if (null != input) { input.parentNode.removeChild(input); } if (null == holder) { return true; } this.dom('cancel-comment-reply-link').style.display = 'none'; holder.parentNode.insertBefore(response, holder); return false; } }; })(); function tg_c(id,nc){var e=document.getElementById(id);var c=e.className;if(!c){e.className=nc}else{var classArr=c.split(' ');var exist=false;for(var i=0;i<classArr.length;i++){if(classArr[i]===nc){classArr.splice(i,1);e.className=Array.prototype.join.call(classArr," ");exist=true;break}}if(!exist){classArr.push(nc);e.className=Array.prototype.join.call(classArr," ")}}} </script>