FLY模板的自定义工具页面

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


  • 内容
  • 相关

一、效果图

QQ截图20190722165621.pngQQ截图20190722165633.png

二、页面说明

此页面应当与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条评论
  1. avatar

    net957 Lv.1 Chrome 63.0.3239.132 Chrome 63.0.3239.132 Windows Windows 回复

    谢谢分享。。

    四川省达州市 电信