• 欢迎访问举个栗子网站
  • 小说APP下载 xsz.tw 不带广告的小说站

杰奇小说程序17MB自适应模版修改颜色

网站 举个栗子 2年前 (2018-01-28) 1351次浏览 0个评论 扫描二维码

现在做小说站的多。17MB 出了好几套模版,有一个模版:自适应小说模板杰奇17 伪静态版绿色版,但是网络上流行的都是一种颜色,我们想要修改颜色,搭配出自己喜欢的颜色

我们以 xsz.tw 为例子,这个已经修改了颜色,

修改颜色首先我们要知道简单的 CSS,需要用到的工具:Editplus 或者是 notepad++,浏览器我用的是 chrome,不要用文本编辑,否则网站无法打开不要找我。

首先是打开网站,找到这个颜色代码:

先按 F12 就可以看到这个界面。我是用的 chrome,没有的可以百度搜索下载,现在 QQ 浏览器好像也可以。

找到:

<nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">小说站</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/">小说站</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                    	<li class="navitem myinfo"><script>user()</script><a href="/login.php" style="top:0px;"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> 注册/登录</a></li>
                        <li class="bookcase" nav="shelf"><a href="/modules/article/bookcase.php"> <span class="glyphicon glyphicon-book" aria-hidden="true"></span> 书架</a></li>
                        <li class="navitem" nav="cat_1"><a href="/list/1-1.html">玄幻 </a></li>
                        <li class="navitem" nav="cat_2"><a href="/list/2-1.html">仙侠 </a></li>
                        <li class="navitem" nav="cat_3"><a href="/list/3-1.html">言情 </a></li>
                        <li class="navitem" nav="cat_4"><a href="/list/4-1.html">历史 </a></li>
                        <li class="navitem" nav="cat_5"><a href="/list/5-1.html">网游 </a></li>
                        <li class="navitem" nav="cat_6"><a href="/list/6-1.html">科幻 </a></li>
                        <li class="navitem" nav="cat_7"><a href="/list/7-1.html">恐怖 </a></li>
                        <li class="navitem" nav="cat_8"><a href="/list/8-1.html">其他 </a></li>
                        <li class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">榜单 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
							       <li><a href="https://www.xsz.tw/xsz.apk" target="_blank">APP 下载</a></li>
                                <li><a href="/book/allvisit-1.html">总排行榜</a></li>
                                <li><a href="/book/weekvisit-1.html">本周排行榜</a></li>
                                <li><a href="/book/monthvisit-1.html">当月排行榜</a></li>
                                <li><a href="/book/allvote-1.html">总推荐榜</a></li>
                                <li><a href="/book/weekvote-1.html">本周推荐榜</a></li>
                                <li><a href="/book/monthvote-1.html">当月推荐榜</a></li>
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-right hidden-sm hidden-xs" name="articlesearch" action="/modules/article/search.php" method="post">
                        <input type="text" class="form-control form-search" placeholder="请输入搜索关键词" name="searchkey">
                        <input type="submit" class="form-control btn-search" value="搜索">
                    </form>
                </div><!--/.nav-collapse -->
            </div>
        </nav>

杰奇小说程序 17MB 自适应模版修改颜色

这段代码是头部的代码然后对应的 CSS

.navbar-default {
    background-color: #a9425b
    border: none;
}

我们要修改的就是颜色代码。你点击颜色代码会出来一个配色面板
杰奇小说程序 17MB 自适应模版修改颜色

如上图所示,这个图片就是配色图片,可以自己选择喜欢的颜色。然后复制代码,也可以调整透明度,你拖动颜色代码调,可以看到颜色代码不停变化,你根据左边你看到的效果,然后拿到最后你需要的颜色代码。

杰奇小说程序 17MB 自适应模版修改颜色

拿到代码你就找到找到\web\css文件夹下面的 style.css文件
用上面我提到的 Editplus 或者是 notepad++批量替换,网站颜色就修改了。


举个栗子 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:杰奇小说程序 17MB 自适应模版修改颜色
喜欢 (0)
举个栗子
关于作者:
建筑工地上施工员,闲暇时弄个博客打发时间,
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址