首页>zblog建站

4.22 西华师范大学项目实训第八天

今天的任务是完成昨天没有完成的三级页面侧边栏样式设置和新增模板,新建页面等功能。

1、修改三个tab的选项栏

默认颜色和鼠标经过颜色以及选中颜色。

#Tblogpublished span{
       cursor:pointer;/*改变光标的形状为手型*/
       }
#Tblogpublished span:hover{color:#dd5136;}    /*鼠标经过span的样式*/
#Tblogpublished .selected{color:#22BD11;}/*被选中的span的颜色。*/

列表最后一个li不需要下划线:

#Tblogpublished ul li:not(:last-child) {/*去除最后一个li的底部边框。*/
border-bottom: 1px solid #EEE;
}

2、友情链接

在模块管理那里打开友情链接模块,在模块输入框里面输入这样格式的代码:

链接地址一定要加上http://这样的协议,外部链接一定加上target="_blank",在新窗口打开。

<li><a href="http://www.mrszhao.com/" target="_blank" title="赵老师网站前端教学博客">赵老师博客</a></li>
<li><a href="http://www.hostzhong.top" target="_blank" title="婚礼主持">婚礼主持雨伶</a></li>
<li><a href="http://www.liuminlumy.top" target="_blank" title="懂你的承诺">刘敏同学博客</a></li>
<li><a href="http://www.zblogcn.com" target="_blank" title="zblog官网">zblog官网</a></li>

3、为整站设置伪静态, rewrite规则,创建.htaccess,为页面设置别名。

页面规则:{%host%}{%alias%}.html

比如留言本的别名为guestbook,则路径为localhost/guestbook.html

4、添加返回到顶部插件,设置好相关数据。可以上传自己的二维码,QQ号码等。

5、新建模板,新建页面。

 在主题的include.php里面添加一个单页模块的名称。

$t = array("图文","信笺","说说","图集","水印","视频","单页");

然后在post-single.php里面添加如下代码:

{elseif $article.Metas.qxscopic_talk=='单页'}
        {template:post-single-page}

再把post-single-standard.php页面另存为post-single-page.php页面。

修改好post-single-page.php模块,删除不必要的日期,标签,相关文章等,设置另外一个侧边栏模块。

<aside id="sidebar" role="complementary">       
        {template:sidebar4}   
</aside>

6、ueditor编辑器,可以实现上传图片的浮动,上传附件,声音、视频、为不同的代码语言添加不同的pre预设、添加百度地图等功能。

新增模板新建页面.jpg

点赞


3
保存到:

相关文章

Top