FLY模板的自定义工具页面
一、效果图
二、页面说明
此页面应当与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;}
注:页面一旦新建完成后,即可使用,不需要再写入内容(后台页面的内容不会显示在前端,显示代码去除了),修改页面内容时需要使用编程软件打开,一个一个的改!
四、页面下载
需要登录才能下载
版权声明:若无特殊注明,本文皆为《柳泊风》原创,转载请保留文章出处。
本文链接:FLY模板的自定义工具页面 - https://qqguoji.cn/10.html
解压密码:本站资源所有解压密码均为:QQGUOJI.CN
评论
1条评论net957 Lv.1
Chrome 63.0.3239.132
Windows 回复
谢谢分享。。
四川省达州市 电信