迅睿CMS网站模板修改

tjstar

style.css文件修改

div中让文本垂直居中,设置垂直的距离即可
style="line-height:30px"

div设置内边距，可以解决居中等问题

style="padding:0 0 0 30px"


div设置外边距，可以解决居中等问题

style="margin:0 0 0 30px"

div、span设置居右、居左、或居中

<span class="font-blue" style="float:right" ></span>


修改下拉菜单不透明度
在style.css文件里修改以下内容

.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
        background:#026bbd;
        opacity: 0.9;

修改菜单悬停里的圆角
在style.css文件里修改以下内容

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover {
        color:#f1f1f1;
        background:#1a85d9;
        border-radius:8px 8px 0 0!important;

修改当前菜单悬停里的圆角
在style.css文件里修改以下内容

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a,.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus,.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
        color:#fff;
        background:#1a85d9!important;
        border-radius:8px 8px 0 0!important;

修改侧边栏背景颜色及圆角

.todo-project-list .nav>li.active>a {
        color:#3f444a;
        background-color:#a8caeb!important;
        border-radius:5px!important;
        font-weight:bold;

设置首页栏目调取模块、设置背景渐变、圆角、边距、行距、加粗字体、字体大小等

                                                <div class="col-md-4">
                                                    <ul class="list-unstyled fc-list-row">
                                                        <div style="padding:5px 0px 0px 15px;text-align:left;height:32px;margin-top:0px;border-radius:6px!important;background: linear-gradient(90deg, #074786 0%, #dbff9b 100%);">
                                                            <!-- 调用新闻模块,修改主题链接地址 -->
                                                            <a href="index.php?c=category&id=17">
                                                                <span style="font-size:16px; color:#ffffff; font-weight:bold;">{dr_share_cat_value(17, "name")}
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <!-- 调用新闻模块catic=31的最新9数据 -->
                                                        {module module=news  catid=17 order=updatetime num=8}
                                                        <li style="font-size:14px;line-height: 28px">
                                                            <span class="badge badge-empty badge-success">
                                                            </span>
                                                            
                                                            <a href="{$t.url}" class="title">{dr_strcut($t.title, 16)}
                                                            </a>
                                                            <span class="font-blue" style="float:right" >[{dr_date($t['_updatetime'], 'Y-m-d')}]
                                                            </span>
                                                        </li>
                                                        {/module}
                                                    </ul>
                                                </div>

调用新闻模块，前台鼠标悬停时显示全部标题内容

                                                        <!-- 调用新闻模块catic=31的最新9数据 -->
                                                        {module module=news  catid=8 order=updatetime num=8}
                                                        <li style="line-height: 28px;font-size:14px">
                                                            <span class="badge badge-empty badge-success">
                                                            </span>
                                                            <a href="{$t.url}" class="title" title="{dr_strcut($t.title, 0)}" >{dr_strcut($t.title, 19)}
                                                            </a>
                                                        </li>
                                                        {/module}

网站整体变为灰色的代码

在header.html文件<head></head>中加入以下代码
<!-- 全站变灰色代码开始 -->
<style>
        html {
          -webkit-filter: grayscale(100%); /* webkit */
          -moz-filter: grayscale(100%); /*firefox*/
          -ms-filter: grayscale(100%); /*ie9*/
          -o-filter: grayscale(100%); /*opera*/
          filter: grayscale(100%);
          filter:progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
        }
</style>
<!-- 全站变灰色代码结束 -->

设置页面中模块的列宽，可以通过调整数字大小进行调整，形成2列3列等
                                                <div class="col-md-4">