Spimes主题增加评论者链接

夏空と君

前言

Spimes主题默认的评论没有填写网址的表单框,本文通过修改部分代码,加入网址框的功能。

教程

找到主题目录下的comments.php,找到75行左右的如下代码:

 <ul class="ident" id="comm_off">
                    <li>
                        <input type="text" name="author" placeholder="昵称*" value="<?php $this->remember('author'); ?>">
                    </li>
                    <li>
                        <input type="email" name="mail" placeholder="邮件*" value="<?php $this->remember('mail'); ?>">
                    </li>                               
                </ul>
               <?php else : ?>
                <ul class="ident">
                    <li>
                        <input type="text" name="author" placeholder="昵称*" value="<?php $this->remember('author'); ?>">
                    </li>
                    <li>
                        <input type="email" name="mail" placeholder="邮件*" value="<?php $this->remember('mail'); ?>">
                    </li>                               
                </ul>

改为:

 <ul class="ident" id="comm_off">
                    <li>
                        <input type="text" name="author" placeholder="昵称*" value="<?php $this->remember('author'); ?>">
                    </li>
                    <li>
                        <input type="email" name="mail" placeholder="邮件*" value="<?php $this->remember('mail'); ?>">
                    </li>       
                    <li>
                        <input type="url" name="url" placeholder="网址*" value="<?php $this->remember('url'); ?>">
                    </li>                         
                </ul>
               <?php else : ?>
                <ul class="ident">
                    <li>
                        <input type="text" name="author" placeholder="昵称*" value="<?php $this->remember('author'); ?>">
                    </li>
                    <li>
                        <input type="email" name="mail" placeholder="邮件*" value="<?php $this->remember('mail'); ?>">
                    </li>        
                    <li>
                        <input type="url" name="url" placeholder="网址*" value="<?php $this->remember('url'); ?>">
                    </li>                        
                </ul>

找到主题目录下的style.css文件,找到以下代码(直接搜索代码ctrl+f,可以快速找到),把

.respond #new_comment_form .input_body li { display: block; float: left; width: 50%; line-height: 0; }

改为:

.respond #new_comment_form .input_body li { display: block; float: left; width: 33.3%; line-height: 0; }

保存刷新后即可看到效果

作者相关:

原创文章地址

本文经授权后发布,本文观点不代表立场,转载请联系原作者。
-- 展开阅读全文 --
Pixiv每日排行榜小挂件
« 上一篇 07-10
CSS实现DIV层在PC端和移动端的显示
下一篇 » 07-12

发表评论

本站已开启评论审核,请规范您的言行,点击查看垃圾评论类型