FLY模板的自定义工具页面

2019年7月22日 1条评论

感谢您访问“QQ国际 ”，本站专注活动分享,SEO技术,网站源码,绿色软件等免费资源分享，希望大家能够多多支持哦！喜欢本站的朋友可以把本站添加到书签或记住网址，本站网址：QQGUOJI.CN，站长 QQ 5528280

一、效果图

二、页面说明

此页面应当与FLY主题合在一起使用，完美匹配FLY5.5。此页面由FLY1.4版本的模板设置页面改造而来，可不刷新更换页面导航目录，可自己适当的改造！

三、页面使用

1、将页面下载后，放入page目录中，新建页面后直接调用，emlog6.0.1页面调用时，显示工具页面。

2、所涉及到的css如下

/*tools页面*/
.set_box h3 {width: 93%;height: 20px;font-size: 20px;line-height: 2px;text-align: center;}
.linkpage li {width: 25%;float: left;position: relative;transition: all .3s ease-out;border-radius: 10px;margin: 10px 22px;background-color: #333;padding: 15px;}
.linkpage li a {display: block;padding: 0 0 0 90px;height: 90px;cursor: url(link.cur),pointer;}
.linkpage li a img {width: 60px;height: 60px;border-radius: 50%;position: absolute;top: 15px;left: 15px;cursor: pointer;transition: all ease 1s;-webkit-transition: all ease 1s;-moz-transition: all ease 1s;-o-transition: all ease 1s;-ms-transform: all ease 1s;cursor: url(link.cur),pointer;}
.linkpage li a img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.linkpage li a h4 {padding: 20px 0 3px;color: #f4a7b9;font-size: 17px;font-weight: 400;}
.linkpage li a p {padding: 3px 0 20px;color: #bbc;font-size: 14px;}
.linkpage li a h4, .linkpage li a p {cursor: url(link.cur),pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: auto;text-transform: uppercase;text-align: left;padding-right: 15px;}

注：页面一旦新建完成后，即可使用，不需要再写入内容（后台页面的内容不会显示在前端，显示代码去除了），修改页面内容时需要使用编程软件打开，一个一个的改！